@font-face{font-family:Barlow Condensed;src:url(/assets/fonts/barlow-condensed-800.ttf) format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald-700.ttf) format("truetype");font-weight:700;font-display:swap}:root{--red: #d91f27;--red-dark: #75080d;--gold: #edc66a;--gold-bright: #ffe8a2;--cream: #fff3cf;--brown: #4c2514;--ink: #24130e;font-family:Barlow Condensed,sans-serif;color:var(--cream);background:#1c100b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow:hidden}body{min-width:320px;background:radial-gradient(circle at 50% 30%,#7d3c21,#1b0d09 64%,#080403);overscroll-behavior:none}button,canvas{touch-action:none}button{font:inherit}.page-shell{min-height:100dvh;display:grid;place-items:center;overflow:hidden}.experience{position:relative;width:min(100vw,56.25dvh,67.5rem);height:100dvh;max-height:120rem;overflow:hidden;isolation:isolate;background:linear-gradient(#7a4328,#22110b);box-shadow:0 0 6rem #000000b8}.game-stage{position:absolute;inset:0;overflow:hidden}.game-canvas{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(#8b5435,#2b150d)}.game-canvas canvas{display:block;width:100%!important;height:auto!important;max-width:100%;max-height:100%;aspect-ratio:9 / 16}.concept-header{position:absolute;inset:clamp(.7rem,1.7vh,2rem) 0 auto;z-index:35;display:grid;place-items:center;padding:0;pointer-events:none}.brand-lockup{display:grid;justify-items:center;gap:clamp(.22rem,.6vh,.6rem)}.header-light{display:none}.brand-plate{display:grid;place-items:center;width:clamp(8.5rem,32vw,19rem);height:clamp(2.65rem,6.5vh,6.2rem);padding:.35rem 1rem;border:clamp(.12rem,.25vw,.25rem) solid #c7953f;border-radius:.7rem .7rem 1.25rem 1.25rem;background:linear-gradient(160deg,#fff9e5,#ead6a0);box-shadow:inset 0 0 0 .18rem #ffffff85,0 .3rem #80561f,0 .8rem 1.8rem #2d10055c}.concept-header img{display:block;width:82%;height:82%;object-fit:contain}.concept-header h1{margin:0;color:#fff4d2;font:700 clamp(1.35rem,5.7vw,3.8rem)/.94 "Oswald",sans-serif;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 .09em 0 #6d120d,0 .17em .32em rgb(47 13 5 / 60%)}.hud{position:absolute;inset:clamp(8.5rem,15.5vh,18.5rem) clamp(.8rem,4.3vw,3rem) auto;z-index:20;display:grid;gap:.38rem;pointer-events:none;filter:drop-shadow(0 .65rem .8rem rgb(45 14 4 / 34%))}.hud-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.2rem,.65vw,.5rem);width:min(76%,31rem);margin:0 auto}.hud-stats>span{position:relative;display:grid;min-height:clamp(2.05rem,4.3vh,4.4rem);place-content:center;overflow:hidden;border:clamp(.08rem,.18vw,.18rem) solid #e2ba61;border-radius:.45rem;color:var(--cream);background:linear-gradient(155deg,#5b130ef5,#1e0a07f5);box-shadow:inset 0 .12rem #fff1c033,inset 0 0 1.1rem #e633263d,0 .22rem #6f461b}.hud-stats>span:after{position:absolute;inset:auto 20% .14rem;height:.09rem;border-radius:9rem;background:var(--gold);box-shadow:0 0 .6rem var(--gold);content:""}.hud-stats small,.order-card small{color:#dfc993;font-size:clamp(.46rem,1.3vw,.76rem);font-weight:800;letter-spacing:.17em}.hud-stats strong{color:#fff4c4;font:700 clamp(.8rem,2.5vw,1.55rem)/1 "Oswald",sans-serif}.hud-stats .rush{border-color:#ffbf8f;background:linear-gradient(160deg,#ed302b,#7c0809);animation:pulse .62s infinite alternate}.time-rail{width:min(72%,29.5rem);height:clamp(.24rem,.48vh,.44rem);margin:-.14rem auto 0;padding:.07rem;overflow:hidden;border:1px solid #c39949;border-radius:9rem;background:#310e0a}.time-rail i{display:block;width:var(--time-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#d91f27,#ffd76f 55%,#fff2bb);box-shadow:0 0 .75rem #ffe49b;transition:width .1s linear}.order-card{justify-self:center;width:min(100%,48rem);padding:clamp(.58rem,1.4vw,.9rem) clamp(.65rem,2vw,1.25rem) clamp(.72rem,1.8vw,1.12rem);color:var(--ink);text-align:center;background:repeating-linear-gradient(0deg,transparent 0 1.25rem,rgb(76 37 20 / 5%) 1.25rem 1.3rem),#fff8e4;clip-path:polygon(0 4%,2% 0,4% 4%,6% 0,8% 4%,10% 0,12% 4%,14% 0,16% 4%,18% 0,20% 4%,22% 0,24% 4%,26% 0,28% 4%,30% 0,32% 4%,34% 0,36% 4%,38% 0,40% 4%,42% 0,44% 4%,46% 0,48% 4%,50% 0,52% 4%,54% 0,56% 4%,58% 0,60% 4%,62% 0,64% 4%,66% 0,68% 4%,70% 0,72% 4%,74% 0,76% 4%,78% 0,80% 4%,82% 0,84% 4%,86% 0,88% 4%,90% 0,92% 4%,94% 0,96% 4%,98% 0,100% 4%,100% 96%,98% 100%,96% 96%,94% 100%,92% 96%,90% 100%,88% 96%,86% 100%,84% 96%,82% 100%,80% 96%,78% 100%,76% 96%,74% 100%,72% 96%,70% 100%,68% 96%,66% 100%,64% 96%,62% 100%,60% 96%,58% 100%,56% 96%,54% 100%,52% 96%,50% 100%,48% 96%,46% 100%,44% 96%,42% 100%,40% 96%,38% 100%,36% 96%,34% 100%,32% 96%,30% 100%,28% 96%,26% 100%,24% 96%,22% 100%,20% 96%,18% 100%,16% 96%,14% 100%,12% 96%,10% 100%,8% 96%,6% 100%,4% 96%,2% 100%,0 96%);box-shadow:0 .6rem 1.5rem #260c0466;animation:orderIn .34s cubic-bezier(.2,.8,.2,1)}.receipt-heading{display:flex;justify-content:center;align-items:center;gap:.65rem;color:var(--red)}.receipt-heading small{color:#b51d1f}.order-products{display:flex;justify-content:center;gap:clamp(.3rem,1vw,.65rem);margin-top:.42rem}.order-products span{display:flex;flex:1 1 0;min-width:0;max-width:14rem;min-height:clamp(3.55rem,8vh,7.1rem);align-items:center;justify-content:center;gap:clamp(.35rem,1.1vw,.75rem);padding:.3rem clamp(.35rem,1vw,.72rem);overflow:hidden;border:1px solid rgb(76 37 20 / 20%);border-left:.24rem solid var(--product-accent, var(--red));border-radius:.38rem;background:#ffffffd1}.order-products strong{min-width:0;color:#35150d;font:800 clamp(.77rem,2.3vw,1.34rem)/.98 "Barlow Condensed",sans-serif;letter-spacing:.015em;overflow-wrap:anywhere}.order-products img{flex:0 0 auto;width:clamp(2.8rem,7.8vw,5.1rem);height:clamp(2.65rem,6.8vh,4.9rem);object-fit:contain;mix-blend-mode:multiply}.order-products.count-1 span{max-width:23rem}.order-products.count-1 strong{font-size:clamp(1rem,3vw,1.72rem)}.order-products.count-1 img{width:clamp(4rem,12vw,7rem);height:clamp(3.5rem,8vh,5.9rem)}.order-products .selected{opacity:.38;text-decoration:line-through}.order-card.urgent{filter:drop-shadow(0 0 1rem rgb(255 210 90 / 78%))}.rush-strip{justify-self:center;display:grid;grid-template-columns:auto auto repeat(3,.65rem);align-items:center;gap:.4rem;width:min(84%,31rem);padding:.32rem .62rem;border:1px solid #ffd38a;border-radius:.25rem;color:#fff;background:linear-gradient(#eb332e,#87090b);box-shadow:inset 0 .12rem #ffffff40,0 0 1.2rem #da1f278c;animation:pulse .62s infinite alternate}.rush-strip strong{font-size:clamp(.58rem,1.8vw,.86rem);letter-spacing:.11em}.rush-strip span{font-size:clamp(.48rem,1.45vw,.72rem);opacity:.8}.rush-strip i{height:.65rem;border:1px solid white;border-radius:.12rem;background:#ffd060}.game-overlay{position:absolute;inset:52% auto auto 50%;z-index:25;width:min(calc(100% - 3rem),35rem);padding:clamp(1.15rem,4.5vw,2.5rem);border:.15rem solid #e5bd67;border-radius:1.1rem;color:#fff4d2;text-align:center;background:linear-gradient(145deg,#4f120df0,#1d0906f5);box-shadow:inset 0 0 0 .2rem #ffe8a21f,inset 0 0 2rem #dd202633,0 .55rem #7a4b18,0 1.4rem 3rem #1e08028c;transform:translate(-50%,-50%)}.game-overlay:before{position:absolute;inset:.55rem;border:1px solid rgb(255 226 145 / 28%);border-radius:.72rem;content:"";pointer-events:none}.overlay-kicker{margin:0;color:#f1ca6e;font-size:clamp(.66rem,2vw,1rem);font-weight:800;letter-spacing:.2em}.game-overlay h2{margin:.35rem 0 .65rem;font:700 clamp(1.65rem,6vw,3.35rem)/.98 "Oswald",sans-serif;text-transform:uppercase;text-shadow:0 .12em .18em #3b0807}.game-overlay p:not(.overlay-kicker){max-width:28rem;margin:0 auto 1rem;color:#e1cfae;font-size:clamp(.84rem,2.5vw,1.24rem);line-height:1.27}.game-overlay button{position:relative;width:min(100%,18rem);min-height:clamp(3.2rem,6vh,5rem);border:.13rem solid #ffe09a;border-radius:999px;color:#5b270e;background:radial-gradient(circle at 38% 22%,#fff8cf,#efc762 54%,#aa6d20);box-shadow:inset 0 0 0 .26rem #ffffff3d,0 .32rem #6d3e13,0 .7rem 1.5rem #ffca4c3d;font:700 clamp(1rem,3.3vw,1.55rem)/1 "Oswald",sans-serif;letter-spacing:.13em;cursor:pointer}.game-overlay button:active{transform:translateY(.25rem);box-shadow:inset 0 0 0 .26rem #fff3,0 .08rem #6d3e13}.game-overlay small{display:block;margin-top:.85rem;color:#bda77d}.countdown{position:absolute;inset:52% auto auto 50%;z-index:30;display:grid;width:clamp(7rem,29vw,14rem);aspect-ratio:1;place-items:center;border:.28rem solid #ffeba9;border-radius:50%;color:#fff6d7;background:radial-gradient(circle at 38% 25%,#f84a42,#c71318 58%,#650609);box-shadow:0 0 0 .35rem #b9852e,0 0 2.5rem #ffdc768c;font:700 clamp(4rem,17vw,8.5rem)/1 "Oswald",sans-serif;transform:translate(-50%,-50%)}.result-stats{display:flex;justify-content:center;gap:1.6rem;margin:1rem 0 1.25rem}.result-stats span{display:grid;color:#c6b28e}.result-stats strong{color:#ffe18a;font:700 1.65rem/1 Oswald}.version-badge{position:fixed;right:.55rem;bottom:.5rem;z-index:100;padding:.3rem .5rem;border:1px solid rgb(245 211 132 / 36%);border-radius:999px;color:#fff0bf;background:#2e0f08c7;font:800 .65rem/1 Barlow Condensed,sans-serif;letter-spacing:.06em;pointer-events:none}@keyframes pulse{to{transform:scale(1.035);filter:brightness(1.15)}}@keyframes orderIn{0%{opacity:0;transform:translateY(-.5rem) scale(.97)}}@media(max-width:440px){.concept-header{top:.5rem}.brand-plate{width:8.4rem;height:2.55rem}.concept-header h1{font-size:1.3rem}.hud{top:8.1rem}.game-overlay{width:calc(100% - 2.2rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}