@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&display=swap");:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:radial-gradient(circle 1.4px,rgba(216,180,96,.55) 98%,transparent 100%),radial-gradient(circle 1.8px,rgba(216,180,96,.3) 98%,transparent 100%),radial-gradient(ellipse 55% 55% at 50% 40%,rgba(184,145,60,.16) 0,transparent 65%),linear-gradient(180deg,#15120b,#0b0906 55%,#060504);background-size:260px 260px,420px 420px,100% 100%,100% 100%;background-position:0 0,140px 210px,0 0,0 0;background-attachment:fixed;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:#f5f5f5}.state{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:24px}.state h1{font-size:22px;margin:0}.state p{color:#aaa;margin:0}#toolbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:#000;border-bottom:1px solid #222}#toolbar button{background:#1c1c22;color:#fff;border:1px solid #333;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}#toolbar button:hover{background:#2a2a33}#toolbar span{font-size:14px;color:#aaa;min-width:70px;text-align:center}#stage-wrap{padding-top:56px;height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.page{display:none;aspect-ratio:1/1;width:min(100%,calc(100vh - 56px));container-type:inline-size;--px:0.092593cqw;background:radial-gradient(circle at 15% 10%,rgba(193,154,68,.1) 0,transparent 35%),radial-gradient(circle at 88% 85%,rgba(193,154,68,.1) 0,transparent 35%),linear-gradient(160deg,#fffdf6,#f8edd6 55%,#f4e6c9);padding:calc(7 * var(--px));border-style:double;border-color:#b8913c;border-width:calc(6 * var(--px));outline:calc(1.5 * var(--px)) solid rgba(184,145,60,.45);outline-offset:calc(-9 * var(--px));box-shadow:0 0 0 calc(1 * var(--px)) rgba(184,145,60,.4),0 calc(8 * var(--px)) calc(40 * var(--px)) rgba(0,0,0,.55),0 0 calc(70 * var(--px)) rgba(184,145,60,.16);position:relative;overflow:hidden}.page.active{display:flex;flex-direction:column}.page:before{background-image:radial-gradient(rgba(184,145,60,.35) 1px,transparent 1.4px),radial-gradient(rgba(184,145,60,.22) 1px,transparent 1.4px);background-size:64px 64px,97px 97px;background-position:0 0,30px 45px}.page:after,.page:before{content:"";position:absolute;inset:0;pointer-events:none}.page:after{background:radial-gradient(ellipse at center,transparent 48%,rgba(140,105,30,.2) 100%)}.corner{position:absolute;display:flex;align-items:center;gap:calc(5 * var(--px));color:#b8913c;font-size:calc(24 * var(--px));line-height:1;z-index:2;text-shadow:0 0 calc(8 * var(--px)) rgba(184,145,60,.4)}.corner:after,.corner:before{content:"";width:calc(3.5 * var(--px));height:calc(3.5 * var(--px));border-radius:50%;background:#b8913c;box-shadow:0 0 calc(5 * var(--px)) rgba(184,145,60,.55);opacity:.75}.corner.tl{left:calc(14 * var(--px))}.corner.tl,.corner.tr{top:calc(14 * var(--px))}.corner.tr{right:calc(14 * var(--px))}.corner.bl{left:calc(14 * var(--px))}.corner.bl,.corner.br{bottom:calc(14 * var(--px))}.corner.br{right:calc(14 * var(--px))}.brand{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand,.brand .logo{height:calc(140 * var(--px));flex-shrink:0}.brand .logo{width:auto;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(120,90,20,.25))}.brand .titles{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--px))}.brand h1{margin:0;font-size:calc(64 * var(--px));letter-spacing:calc(6 * var(--px));font-weight:900;font-family:Cinzel,Times New Roman,serif;text-transform:uppercase;background:linear-gradient(180deg,#d9a832,#a9741a 42%,#6b4610);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.4),0 0 calc(24 * var(--px)) rgba(184,145,60,.3)}.brand .shop-name{font-family:Cinzel,serif;font-weight:600;font-size:calc(17 * var(--px));letter-spacing:calc(7 * var(--px));text-transform:uppercase;color:#8a6a2a}.divider{display:flex;align-items:center;gap:calc(16 * var(--px));margin:calc(6 * var(--px)) 0 calc(10 * var(--px));flex-shrink:0;position:relative;z-index:1}.divider .line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#b8913c,transparent)}.divider .ornament{color:#b8913c;font-size:calc(22 * var(--px));flex-shrink:0}.divider .ornament.small{font-size:calc(12 * var(--px));opacity:.8}.grid{flex:1 1;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:1}.grid,.row{display:flex;justify-content:space-evenly;gap:8px}.row{align-items:center}.tile{position:relative;flex-shrink:0}.tile img{display:block;height:100%;width:auto;filter:drop-shadow(0 calc(1 * var(--px)) calc(2 * var(--px)) rgba(20,15,5,.45)) drop-shadow(0 calc(10 * var(--px)) calc(16 * var(--px)) rgba(35,25,8,.38))}.tile .grade-badge{position:absolute;top:calc(10 * var(--px));left:calc(10 * var(--px));background:#3730a3;color:#fff;font-weight:700;font-size:calc(11 * var(--px));padding:calc(2 * var(--px)) calc(7 * var(--px));border-radius:999px;box-shadow:0 calc(2 * var(--px)) calc(6 * var(--px)) rgba(0,0,0,.4);z-index:2}.tile .qty-badge{top:calc(8 * var(--px));right:calc(8 * var(--px));width:calc(40 * var(--px));height:calc(40 * var(--px));border-radius:50%;font-size:calc(19 * var(--px));display:flex;align-items:center;justify-content:center;border:calc(2 * var(--px)) solid #c7a355;box-shadow:0 2px 6px rgba(0,0,0,.35);z-index:3}.tile .damage-badge,.tile .qty-badge{position:absolute;background:#14110c;color:#fff;font-family:Cinzel,serif;font-weight:700}.tile .damage-badge{bottom:calc(10 * var(--px));right:calc(10 * var(--px));font-size:calc(22 * var(--px));padding:calc(4 * var(--px)) calc(14 * var(--px));border-radius:999px;box-shadow:0 calc(2 * var(--px)) calc(6 * var(--px)) rgba(0,0,0,.4);z-index:2}.footer{display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--px));height:calc(28 * var(--px));flex-shrink:0;margin-top:calc(8 * var(--px));font-family:Cinzel,serif;font-size:calc(15 * var(--px));letter-spacing:calc(2 * var(--px));text-transform:uppercase;color:#8a6a2a;position:relative;z-index:1}.footer .dot{color:#b8913c;font-size:calc(9 * var(--px))}.footer .below-market{color:#97671a;font-weight:700}