:root{color-scheme:dark;font-family:Trebuchet MS,Arial Narrow,Arial,sans-serif;background:radial-gradient(circle at top,#9aa6af,#646d73 34%,#282d31);color:#f7f7f7}@font-face{font-family:Eurostile;src:url(/fonts/EurostileExt-BlaIta.eot);src:url(/fonts/EurostileExt-BlaIta.eot?#iefix) format("embedded-opentype"),url(/fonts/EurostileExt-BlaIta.woff2) format("woff2"),url(/fonts/EurostileExt-BlaIta.woff) format("woff"),url(/fonts/EurostileExt-BlaIta.ttf) format("truetype"),url(/fonts/EurostileExt-BlaIta.svg#EurostileExt-BlaIta) format("svg");font-weight:500;font-style:italic;font-display:swap}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;overflow:hidden}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at top,rgba(193,223,242,.3),transparent 32%)}.kiosk-frame{width:min(100vw - 40px,calc((100vh - 40px)*.5625));aspect-ratio:1080 / 1920;max-height:calc(100vh - 40px);padding:clamp(10px,1.3vw,22px);border-radius:34px;background:linear-gradient(180deg,#767676,#4c4c4c);box-shadow:0 22px 70px #00000073,inset 0 0 0 2px #ffffff2e}.game-stage{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px;background:#11181e}.game-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 12%,transparent 82%,rgba(0,0,0,.22)),radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.24))}.game-stage--success{animation:flash-success .32s ease}.game-stage--danger{animation:flash-danger .32s ease}.scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .24s ease}.scene--attract{opacity:1;pointer-events:auto;background:linear-gradient(180deg,#10151866,#101518e0),url(/Frame%202.png) center / cover no-repeat}.scene--visible{opacity:1;pointer-events:auto}.scene__background,.scene__foreground,.scene__reference,.scene__hero,.customer-sprite,.speech-bubble img,.floating-item img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scene__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene__foreground{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:3}.scene__reference{position:absolute;width:31%;border-radius:18px;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 30px #00000040}.scene__reference--one{top:92px;right:42px;transform:rotate(5deg)}.scene__reference--two{top:352px;right:74px;transform:rotate(-4deg)}.scene__hero{position:absolute}.scene__hero--cashier{right:12px;bottom:350px;width:32%}.scene__hero--customer{left:-110px;bottom:0;width:48%}.attract-card,.result-card{position:absolute;left:64px;right:300px;top:100px;padding:48px 42px;border-radius:34px;background:#080c0fd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 42px #00000047}.eyebrow,.request-box__eyebrow{margin:0 0 14px;letter-spacing:.2em;text-transform:uppercase;font-size:18px;color:#b7c6d2}.attract-card{padding:3em}.attract-card h1,.result-card h2{margin:0;font-size:74px;line-height:.96;text-transform:uppercase;font-family:Eurostile,sans-serif}.attract-card h1{font-family:Eurostile,sans-serif;font-style:italic;font-weight:900;font-size:70px}.attract-card h1 span{color:#d5353e;display:inline-block}.attract-copy,.result-card__message{margin:24px 0 0;font-size:29px;line-height:1.45;color:#f4f7fadb;text-shadow:0 0 3px black}.tutorial-strip{display:grid;gap:18px;margin-top:34px}.tutorial-step{display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:start;padding:20px 22px;border-radius:22px;background:#ffffff0f}.tutorial-step span{display:grid;place-items:center;width:62px;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#f1d37a,#c79624);color:#1d1503;font-size:30px;font-weight:800}.tutorial-step p{margin:0;font-size:24px;line-height:1.35;color:#f4f7faeb}.primary-button{margin-top:36px;width:min(100%,400px);border:0;border-radius:999px;padding:22px 30px;background:#c2353d;color:#fff9f9;font-size:32px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 18px 28px #c6343d59}.hud{position:absolute;top:28px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:4}.hud__cluster{display:inline-flex;align-items:center;gap:10px;color:#474747eb;text-shadow:0 2px 8px rgba(255,255,255,.25)}.hud__cluster--timer-penalty{color:#e74c3c;text-shadow:0 0 18px rgba(255,79,94,.55);animation:timer-penalty-flash .26s ease-out}.hud__cluster--timer,.hud__cluster--goal{font-size:20px}.hud__icon{font-size:48px;line-height:1;filter:saturate(.7)}.hud strong{display:block;font-size:78px;line-height:1;font-weight:800}@keyframes timer-penalty-flash{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.products-row{position:absolute;top:235px;left:100px;right:68px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;z-index:4}.product-button{position:relative;border:0;padding:0;background:none;cursor:pointer;transition:transform .16s ease,filter .16s ease;justify-self:center}.product-button img{width:min(100%,100%);display:block;filter:drop-shadow(0 16px 10px rgba(0,0,0,.8));animation:float-item2 2s ease-in-out infinite}.product-button:active,.product-button:hover{transform:translateY(-10px) scale(1.02)}.product-button:disabled{cursor:default}.product-button--target:after{content:"";position:absolute;left:14px;right:14px;bottom:-16px;height:12px;border-radius:999px;background:#fff3}.product-button--shake,.customer-cue--shake{animation:shake-box .6s ease-in-out}@keyframes shake-box{0%,to{transform:translate(0);filter:drop-shadow(0 0 0px rgba(255,0,0,0))}15%,35%,55%,75%{transform:translate(-6px);filter:drop-shadow(0 0 12px rgba(255,0,0,.8))}25%,45%,65%,85%{transform:translate(6px);filter:drop-shadow(0 0 12px rgba(255,0,0,.8))}}.target-tray{position:absolute;left:38px;top:534px;width:438px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;z-index:5;pointer-events:none}.target-slot{position:relative;height:162px;display:grid;place-items:center}.target-slot img{width:120px;display:block;filter:drop-shadow(0 0 30px #f1c40f)}.customer-cue{position:relative;left:-40px;border:0;padding:0;background:transparent;cursor:pointer}.customer-cue img{width:100%;max-width:120px;display:block;filter:drop-shadow(0 18px 18px rgba(0,0,0,.3));animation:float-item2 2s ease-in-out infinite}.customer-cue:disabled{cursor:default}.cue-score-popup{position:absolute;right:300px;bottom:600px;z-index:8;padding:12px 18px;border-radius:999px;background:linear-gradient(180deg,#fff3b0f5,#f3bf3ef5);color:#1f1700;font-size:34px;font-weight:900;line-height:1;letter-spacing:.04em;box-shadow:0 14px 24px #0000003d;pointer-events:none}.customer-sprite{position:absolute;right:-82px;bottom:-118px;width:52%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.4));z-index:5}.speech-bubble{position:absolute;right:250px;bottom:350px;width:34%;z-index:7}.speech-bubble img{width:100%;display:block}.speech-bubble__content{position:absolute;top:20%;right:18%;bottom:24%;left:18%;display:grid;place-items:center;color:#131313;text-align:center;font-weight:900}.speech-bubble__content span{font-size:28px;line-height:1}.speech-bubble__content strong{margin-top:8px;font-size:42px;line-height:.96}.floating-item{position:absolute;left:37.5%;top:30%;width:20%;margin-left:-74px;animation:float-item 1.8s ease-in-out infinite;z-index:6}.floating-item img{width:148px;display:block;filter:drop-shadow(0 18px 18px rgba(0,0,0,.3))}.status-ribbon{position:absolute;left:56px;right:56px;bottom:72px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-radius:20px;background:linear-gradient(180deg,#0a101433,#0a101480);color:#eff5f8e6;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6}.status-ribbon span{font-size:22px;line-height:1.2}.status-ribbon strong{font-size:24px;text-transform:uppercase;letter-spacing:.06em}.scene--complete{background:#060a0c94}.result-card{inset:auto 84px 120px;padding:44px;text-align:center;z-index:5}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.result-stats div{padding:22px 18px;border-radius:22px;background:#ffffff0f}.result-stats span{display:block;font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:#b7c6d2}.result-stats strong{display:block;margin-top:8px;font-size:52px}@keyframes float-item{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-26px) rotate(2deg)}}@keyframes float-item2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flash-success{0%{box-shadow:inset 0 0 #65d89a00}50%{box-shadow:inset 0 0 0 16px #65d89a66}to{box-shadow:inset 0 0 #65d89a00}}@keyframes flash-danger{0%{box-shadow:inset 0 0 #ff697500}50%{box-shadow:inset 0 0 0 16px #ff0015d1}to{box-shadow:inset 0 0 #ff697500}}.scene--countdown{background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:10}.countdown-number{font-size:240px;font-weight:900;line-height:1;color:#fff;text-shadow:0 8px 32px rgba(0,0,0,.6),0 0 60px rgba(255,255,255,.3);letter-spacing:-.04em;font-family:Eurostile,sans-serif}@media (max-width: 900px){.app-shell{padding:10px}.kiosk-frame{width:min(100vw - 20px,calc((100vh - 20px)*.5625));max-height:calc(100vh - 20px);padding:10px}}