@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:24px;padding:10px;background:#000;border-bottom:1px solid #222}#page-nav,#page-switcher{display:flex;align-items:center;gap:12px}.toolbar-btn{background:#1c1c22;color:#fff;border:1px solid #333;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.2}.toolbar-btn:hover{background:#2a2a33}.toolbar-btn.active{background:#3a2f14;border-color:#b8913c;color:#e2c586}#page-nav 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:1080/1440;width:min(100%,calc((100vh - 56px) * 1080 / 1440));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.5 * var(--px)) rgba(184,145,60,.5),0 0 0 calc(5 * var(--px)) rgba(184,145,60,.18),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:repeating-linear-gradient(45deg,rgba(184,145,60,.06) 0,rgba(184,145,60,.06) 1px,transparent 1px,transparent calc(20 * var(--px))),repeating-linear-gradient(-45deg,rgba(184,145,60,.06) 0,rgba(184,145,60,.06) 1px,transparent 1px,transparent calc(20 * var(--px))),radial-gradient(rgba(184,145,60,.35) 1px,transparent 1.4px),radial-gradient(rgba(184,145,60,.22) 1px,transparent 1.4px);background-size:calc(20 * var(--px)) calc(20 * var(--px)),calc(20 * var(--px)) calc(20 * var(--px)),64px 64px,97px 97px;background-position:0 0,0 0,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(22 * var(--px));line-height:1;z-index:2;padding:calc(4 * var(--px)) calc(9 * var(--px));border-radius:999px;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.6) 0,rgba(248,237,214,0) 72%);box-shadow:inset 0 calc(1 * var(--px)) 0 rgba(255,255,255,.55),inset 0 calc(-1 * var(--px)) calc(2 * var(--px)) rgba(120,90,20,.18),0 calc(1 * var(--px)) calc(3 * var(--px)) rgba(120,90,20,.15);text-shadow:0 0 calc(8 * var(--px)) rgba(184,145,60,.45),0 1px 0 rgba(255,255,255,.5)}.corner:after,.corner:before{content:"";width:calc(4 * var(--px));height:calc(4 * var(--px));border-radius:50%;background:radial-gradient(circle at 35% 30%,#ecd08a,#8a651f 75%);box-shadow:0 0 calc(5 * var(--px)) rgba(184,145,60,.55),inset 0 0 calc(1 * var(--px)) rgba(255,255,255,.5);opacity:.9}.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;height:calc(292 * var(--px));flex-shrink:0;padding:0 calc(2 * var(--px));position:relative;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(248,237,214,.12) 45%,rgba(248,237,214,0)),radial-gradient(ellipse 75% 100% at 50% 0,rgba(184,145,60,.12) 0,transparent 70%);border-top:calc(3 * var(--px)) double #b8913c;border-bottom:calc(3 * var(--px)) double #b8913c}.brand .logo{align-self:flex-start;margin-top:calc(4 * var(--px));height:calc(220 * var(--px));width:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 calc(3 * var(--px)) calc(12 * var(--px)) rgba(120,90,20,.35))}.brand .titles{flex:1 1;align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--px));margin-top:calc(37 * var(--px))}.brand .titles .top-divider{width:100%;margin:0}.brand .titles .lower-block{width:100%;display:flex;flex-direction:column;align-items:center}.brand .titles .bottom-divider{width:100%;margin:0}.brand h1{margin:0;font-size:calc(62 * var(--heading-scale, 1) * var(--px));letter-spacing:calc(6 * var(--heading-scale, 1) * var(--px));font-weight:900;white-space:nowrap;font-family:Cinzel,Times New Roman,serif;text-transform:uppercase;background:linear-gradient(180deg,#e2c586,#cda854 45%,#a9853e);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:calc(.7 * var(--px)) #000;text-shadow:0 calc(2 * var(--px)) calc(3 * var(--px)) rgba(0,0,0,.35),0 0 calc(20 * var(--px)) rgba(184,145,60,.3)}.brand .subrow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;align-self:start;width:100%;grid-gap:calc(14 * var(--px));gap:calc(14 * var(--px));margin-top:calc(38 * var(--px))}.brand .subrow .detail-group{display:flex;align-items:center;gap:calc(9 * var(--px))}.brand .subrow .detail-group.left{justify-content:flex-end}.brand .subrow .detail-group.right{justify-content:flex-start}.brand .subrow .dot{color:#b8913c;font-size:calc(11 * var(--px));flex-shrink:0}.brand .subrow .detail{font-weight:600;font-size:calc(17 * var(--px));letter-spacing:calc(1.5 * var(--px))}.brand .shop-name,.brand .subrow .detail{font-family:Cinzel,serif;text-transform:uppercase;color:#6b4610;text-shadow:0 1px 0 rgba(255,255,255,.45);white-space:nowrap}.brand .shop-name{font-weight:700;font-size:calc(28 * var(--px));letter-spacing:calc(2.5 * var(--px))}.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:calc(16 * var(--px))}.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:linear-gradient(180deg,#4c46c9,#3730a3 55%,#241d6e);color:#fff;font-weight:700;font-size:calc(11 * var(--px));padding:calc(2 * var(--px)) calc(7 * var(--px));border-radius:999px;border:calc(1 * var(--px)) solid rgba(255,255,255,.28);box-shadow:inset 0 calc(1 * var(--px)) 0 rgba(255,255,255,.35),inset 0 calc(-1.5 * var(--px)) calc(2 * var(--px)) rgba(0,0,0,.35),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%;background:radial-gradient(circle at 32% 28%,#2a241a 0,#14110c 60%,#0a0806 100%);font-size:calc(19 * var(--px));display:flex;align-items:center;justify-content:center;border:calc(2 * var(--px)) solid #c7a355;box-shadow:inset 0 calc(1.5 * var(--px)) 0 rgba(255,255,255,.15),inset 0 calc(-2 * var(--px)) calc(3 * var(--px)) rgba(0,0,0,.5),0 0 0 calc(1 * var(--px)) rgba(184,145,60,.35),0 calc(3 * var(--px)) calc(8 * var(--px)) rgba(0,0,0,.45);z-index:3}.tile .damage-badge,.tile .qty-badge{position:absolute;color:#fff;font-family:Cinzel,serif;font-weight:700}.tile .damage-badge{bottom:calc(10 * var(--px));right:calc(10 * var(--px));background:linear-gradient(180deg,#241f18,#14110c 60%,#0a0806);font-size:calc(22 * var(--px));padding:calc(4 * var(--px)) calc(14 * var(--px));border-radius:999px;border:calc(1.5 * var(--px)) solid rgba(199,163,85,.6);box-shadow:inset 0 calc(1 * var(--px)) 0 rgba(255,255,255,.12),inset 0 calc(-1.5 * var(--px)) calc(3 * var(--px)) rgba(0,0,0,.45),0 calc(2 * var(--px)) calc(6 * var(--px)) rgba(0,0,0,.4);z-index:2}.footer{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--px));flex-shrink:0;margin-top:calc(10 * var(--px));padding:calc(9 * var(--px)) calc(16 * var(--px));position:relative;z-index:1;border-top:calc(3 * var(--px)) double #b8913c;background:linear-gradient(0deg,rgba(255,255,255,.4),rgba(248,237,214,0))}.footer-main{gap:calc(14 * var(--px));font-size:calc(26 * var(--px));letter-spacing:calc(1.5 * var(--px));color:#8a6a2a}.footer-main,.footer-sub{display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:600;text-transform:uppercase}.footer-sub{gap:calc(10 * var(--px));font-size:calc(14 * var(--px));letter-spacing:calc(1 * var(--px));color:#97671a;opacity:.85}.footer .dot{color:#b8913c;font-size:calc(12 * var(--px))}.footer-sub .dot{font-size:calc(8 * var(--px))}.footer .below-market{color:#97671a;font-weight:700}