@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{position:relative;justify-self:center;display:grid;grid-template-columns:clamp(3.15rem,9vw,4.8rem) minmax(0,1fr);align-items:stretch;gap:clamp(.28rem,.75vw,.55rem);width:min(96%,44rem);padding:clamp(.28rem,.65vw,.5rem);border:clamp(.09rem,.18vw,.14rem) solid #d3a14e;border-radius:.68rem;color:var(--ink);text-align:center;background:repeating-linear-gradient(0deg,transparent 0 1.25rem,rgb(76 37 20 / 5%) 1.25rem 1.3rem),linear-gradient(145deg,#fffdf4,#f4e8c9);box-shadow:inset 0 0 0 .12rem #ffffffd1,0 .42rem 1.1rem #260c0461;animation:orderIn .34s cubic-bezier(.2,.8,.2,1)}.receipt-heading{display:grid;place-content:center;padding:.22rem;border:1px solid #e7b85d;border-radius:.42rem;background:linear-gradient(155deg,#ae211d,#5a100c);box-shadow:inset 0 .1rem #fff2bc2e}.receipt-heading span{display:none}.receipt-heading small{max-width:3.8rem;color:#ffe7a6;font-size:clamp(.5rem,1.25vw,.72rem);line-height:1.05;letter-spacing:.1em}.order-products{display:flex;min-width:0;justify-content:center;align-items:stretch;gap:clamp(.22rem,.65vw,.45rem);margin:0}.order-products span{display:flex;flex:1 1 0;min-width:0;max-width:13rem;min-height:clamp(3.65rem,7.4vh,6.3rem);align-items:center;justify-content:center;gap:clamp(.3rem,.8vw,.58rem);padding:.18rem clamp(.25rem,.75vw,.52rem);overflow:hidden;border:1px solid rgb(76 37 20 / 19%);border-left:.22rem solid var(--product-accent, var(--red));border-radius:.38rem;background:#ffffffb8}.order-products strong{min-width:0;color:#35150d;font:800 clamp(.74rem,2vw,1.18rem)/.94 "Barlow Condensed",sans-serif;letter-spacing:.015em;overflow-wrap:anywhere}.order-products img{flex:0 0 auto;width:clamp(2.85rem,6.4vw,4.65rem);height:clamp(2.7rem,6.5vh,4.55rem);object-fit:contain;mix-blend-mode:multiply}.order-products.count-1 span{max-width:none}.order-products.count-1 strong{font-size:clamp(1.1rem,3.2vw,1.78rem)}.order-products.count-1 img{width:clamp(4.5rem,13vw,7.4rem);height:clamp(3.7rem,7vh,5.55rem)}.order-products.count-3 span{flex-direction:column;gap:.04rem;padding:.1rem .18rem;border-left-width:.16rem}.order-products.count-3 strong{font-size:clamp(.72rem,1.7vw,.98rem);line-height:.9}.order-products.count-3 img{width:clamp(2.7rem,5.4vw,4.05rem);height:clamp(2.35rem,4.7vh,3.6rem)}.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:clamp(13rem,23vh,27rem) auto auto 50%;z-index:30;display:grid;width:clamp(4.4rem,15vw,7.5rem);aspect-ratio:1;place-items:center;border:.2rem solid #ffeba9;border-radius:50%;color:#fff6d7;background:radial-gradient(circle at 38% 25%,#f84a42,#c71318 58%,#650609);box-shadow:0 0 0 .25rem #b9852e,0 0 1.5rem #ffdc768c;font:700 clamp(2.5rem,8vw,4.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}}