*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden;overscroll-behavior:none;background:#04060b}body{min-height:100vh;min-height:100svh;min-height:var(--app-h, 100svh);overflow:hidden;overscroll-behavior:none;touch-action:pinch-zoom;background:#04060b;color:#cfe6ff;font-family:var(--font-arcade);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block;-webkit-user-drag:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid #7fd6ff;outline-offset:2px}:root{--font-arcade: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--font-display: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--steel-1: #f2f4f8;--steel-2: #ced4de;--steel-3: #aab2c0;--steel-4: #838b9a;--steel-5: #545b69;--marq-1: #2f8fe0;--marq-2: #1663b4;--marq-3: #0c3f83;--base-black: #060810;--grid-cyan: #23a6d8;--grid-cyan-soft: rgba(40, 180, 230, .5);--accent-red: #e2202a;--accent-amber: #ffbf1a;--led-cyan: #23c4ff;--cab-aspect: .5689;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.room{position:relative;width:100%;height:100vh;height:100svh;height:var(--app-h, 100svh);overflow:hidden;background:radial-gradient(135% 100% at 50% 24%,#10161f,#080b12 52%,#030407)}.room:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 50% at 50% 44%,rgba(60,110,170,.12),transparent 72%)}.camera{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--safe-top) 0 var(--safe-bottom);box-sizing:border-box;transform-origin:0 0;will-change:transform;backface-visibility:hidden}.cabinet{position:relative;height:min(calc(100vh - var(--safe-top) - var(--safe-bottom) - 4px),250vw);height:min(calc(100svh - var(--safe-top) - var(--safe-bottom) - 4px),250vw);height:min(calc(var(--app-h, 100svh) - var(--safe-top) - var(--safe-bottom) - 4px),250vw);aspect-ratio:var(--cab-aspect);container-type:inline-size;--screen-x: .314;--screen-y: .3553;--screen-w: .3677;--screen-h: .3114;--coin-x: .305;--coin-y: .782;--btn-x: .502;--btn-y: .688;--chute-x: .494;--chute-y: .84}.cabinet__art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:3;transition:filter .4s ease}.cabinet--powered .cabinet__art{filter:brightness(1.05) saturate(1.05)}.cabinet--surge .cabinet__art{animation:cabinet-surge .5s ease-out}.screen-hole{position:absolute;left:calc(var(--screen-x) * 100% - .5%);top:calc(var(--screen-y) * 100% - .4%);width:calc(var(--screen-w) * 100% + 1%);height:calc(var(--screen-h) * 100% + .8%);z-index:1;overflow:hidden;background:#4f4a4d}.led-canvas{display:block;width:100%;height:100%}.screen-hole__glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(102deg,#ffffff12,#fff0 26% 78%,#96c8ff0a)}.start-glow{position:absolute;left:calc(var(--btn-x) * 100%);top:calc(var(--btn-y) * 100%);width:6.5cqw;height:4.5cqw;transform:translate(-50%,-50%);border-radius:30%;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(circle,#f0faff,#96d7ff99 45%,#96d7ff00 74%)}.cabinet--ready .start-glow{animation:btn-pulse 1.15s ease-in-out infinite}.coin-slot{position:absolute;left:calc(var(--coin-x) * 100%);top:calc(var(--coin-y) * 100%);width:8%;height:5%;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.coin-slot__flash{position:absolute;inset:-70%;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,240,170,.95),transparent 70%)}.coin-slot--flash .coin-slot__flash{animation:slot-flash .55s ease-out}.insert-coin{position:absolute;left:6%;right:6%;top:calc((var(--screen-y) + var(--screen-h)) * 100%);bottom:1%;background:transparent;border:0;cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent}.insert-coin:disabled{pointer-events:none;cursor:default}.game-surface{position:fixed;inset:0;z-index:40;background:transparent;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer}.game-surface[hidden]{display:none}.led-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.coin{position:fixed;left:0;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;z-index:60;pointer-events:none;opacity:0}.coin--visible{opacity:1}.coin__face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff4c4,#f4cf6a 30%,#c9962f 62%,#8a641c);box-shadow:inset 0 0 0 3px #fff4be8c,inset 0 -3px 6px #5a3c0ab3,inset 0 3px 6px #ffffff80,0 3px 8px #0000008c}.coin__face:after{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe79a,#c99633);box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -1px 2px #503208b3}.prize-choice{position:absolute;left:calc(var(--screen-x) * 100%);top:calc(var(--screen-y) * 100%);width:calc(var(--screen-w) * 100%);height:calc(var(--screen-h) * 100%);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5cqw;padding:4cqw;text-align:center;background:transparent;opacity:0;pointer-events:none;transition:opacity .35s ease}.prize-choice[hidden]{display:none}.prize-choice--in{opacity:1;pointer-events:auto}.prize-choice__title{font-family:var(--font-arcade);font-weight:700;letter-spacing:.28em;font-size:5cqw;color:var(--accent-amber);text-shadow:0 0 2.4cqw rgba(255,191,26,.85)}.prize-choice__buttons{display:flex;flex-direction:column;gap:3.2cqw;width:88%}.arcade-btn{width:100%;padding:1.4cqw 1cqw;font-family:var(--font-arcade);font-weight:700;letter-spacing:.1em;font-size:3.8cqw;text-align:center;color:#e6f4ff;background:transparent;border:4.3cqw solid transparent;transition:transform .08s ease,filter .2s ease}.arcade-btn:active{transform:scale(.97);filter:brightness(1.25)}.arcade-btn--take{color:#ffd88a;text-shadow:0 0 1.8cqw rgba(255,191,26,.85)}.arcade-btn--continue{color:#9fe2ff;text-shadow:0 0 1.8cqw rgba(60,200,255,.85)}.game-select{position:absolute;left:calc(var(--screen-x) * 100%);top:calc(var(--screen-y) * 100%);width:calc(var(--screen-w) * 100%);height:calc(var(--screen-h) * 100%);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6cqw 4cqw 5cqw;gap:3cqw;opacity:0;pointer-events:none;transition:opacity .35s ease}.game-select[hidden]{display:none}.game-select--in{opacity:1;pointer-events:auto}.game-select__marquee{width:100%;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.game-select__marquee span{display:inline-block;font-family:var(--font-arcade);font-weight:700;font-size:4.2cqw;letter-spacing:.16em;color:#86e2ff;text-shadow:0 0 2cqw rgba(60,200,255,.85);animation:marquee 13s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.game-select__games{display:flex;flex-direction:column;gap:2.5cqw;width:92%}.arcade-btn--stacker{color:#9fe6ff;text-shadow:0 0 1.8cqw rgba(60,200,255,.85)}.arcade-btn--tower{color:#ffd88a;text-shadow:0 0 1.8cqw rgba(255,191,26,.85)}.arcade-btn--tower2{color:#b6ff9c;text-shadow:0 0 1.8cqw rgba(120,240,120,.85)}.game-select .arcade-btn{font-size:3.3cqw;border-width:3.4cqw}.settings-btn{position:absolute;top:calc(var(--screen-y) * 100%);left:calc((var(--screen-x) + var(--screen-w) * .5) * 100%);width:calc(var(--screen-w) * .5 * 100%);height:calc(var(--screen-h) * .076 * 100%);z-index:8;display:flex;align-items:center;justify-content:flex-end;padding-right:3.5cqw;background:transparent;color:#7fe0ff;font-family:var(--font-arcade);font-weight:700;font-size:2.55cqw;letter-spacing:.05em;text-shadow:0 0 1.4cqw rgba(60,200,255,.85);cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-btn[hidden]{display:none}.settings-panel{position:absolute;left:calc(var(--screen-x) * 100%);top:calc(var(--screen-y) * 100%);width:calc(var(--screen-w) * 100%);height:calc(var(--screen-h) * 100%);z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;padding:5cqw 4cqw;background:#05091661;opacity:0;pointer-events:none;transition:opacity .3s ease}.settings-panel[hidden]{display:none}.settings-panel--in{opacity:1;pointer-events:auto}.settings-panel__title{font-family:var(--font-arcade);font-weight:700;letter-spacing:.22em;font-size:2.2cqw;color:#86e2ff;text-shadow:0 0 1.2cqw rgba(60,200,255,.85)}.settings-panel__scores{display:flex;flex-direction:column;gap:1.8cqw;width:72%;font-family:var(--font-arcade);font-weight:700;font-size:2.2cqw;letter-spacing:.08em;color:#cfe6ff}.settings-panel__score{display:flex;justify-content:space-between}.settings-panel__score b{color:#ffd88a;text-shadow:0 0 1.4cqw rgba(255,191,26,.7)}.settings-panel .arcade-btn{width:62%;font-size:2.2cqw;letter-spacing:.12em;white-space:nowrap;border-width:2.4cqw}.prize{position:absolute;left:calc(var(--chute-x) * 100%);top:calc(var(--chute-y) * 100%);width:19cqw;height:auto;z-index:6;transform-origin:50% 100%;transform:translate(-50%,22%) scale(.06);opacity:0;pointer-events:none;cursor:pointer;filter:drop-shadow(0 2cqw 1.6cqw rgba(0,0,0,.6))}.prize[hidden]{display:none}.prize--out{animation:prize-out 2.6s cubic-bezier(.2,.8,.3,1) forwards,prize-wiggle 1.6s ease-in-out 2.8s infinite}.orientation-guard{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:#03060cf5;backdrop-filter:blur(2px)}.orientation-guard[hidden]{display:none}.orientation-guard__icon{font-size:54px;color:var(--edge-blue);text-shadow:0 0 16px rgba(46,163,255,.7);animation:guard-rock 2s ease-in-out infinite}.orientation-guard__text{font-size:clamp(16px,6vw,26px);font-weight:800;letter-spacing:.24em;color:#eaf6ff}.orientation-guard__sub{font-size:clamp(10px,3.4vw,13px);letter-spacing:.16em;color:#7f97bd}.loading{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#04060b;transition:opacity .4s ease}.loading[hidden]{display:none}.loading--done{opacity:0}.loading__text{font-size:13px;letter-spacing:.4em;color:#4f93c9;text-shadow:0 0 10px rgba(60,160,255,.6)}.loading__bar{width:min(56vw,220px);height:8px;border-radius:6px;background:#0a1526;box-shadow:inset 0 0 0 1px #3c78c866;overflow:hidden}.loading__bar span{display:block;height:100%;width:40%;border-radius:6px;background:linear-gradient(90deg,#1f6fd0,#4fd0ff);box-shadow:0 0 12px #50c8ffb3;animation:loading-sweep 1s ease-in-out infinite}@keyframes insert-blink{0%,to{filter:brightness(1);box-shadow:inset 0 1px 2px #c8e6ff99,inset 0 -3px 8px #00000080,0 0 0 1px #0006}50%{filter:brightness(1.5);box-shadow:inset 0 1px 2px #dcf0ffcc,inset 0 -3px 8px #0006,0 0 18px #50b4ffd9}}@keyframes btn-pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.18)}}@keyframes prize-out{0%{transform:translate(-50%,22%) scale(.06);opacity:0}18%{opacity:1}72%{transform:translate(-50%,-104%) scale(1.06);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:1}}@keyframes prize-wiggle{0%,to{transform:translate(-50%,-100%) scale(1) rotate(0)}30%{transform:translate(-50%,-103%) scale(1.05) rotate(-3deg)}70%{transform:translate(-50%,-103%) scale(1.05) rotate(3deg)}}@keyframes slot-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes cabinet-surge{0%{filter:brightness(1)}25%{filter:brightness(1.35)}to{filter:brightness(1)}}.cabinet--surge{animation:cabinet-surge .5s ease-out}@keyframes loading-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes guard-rock{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@media(prefers-reduced-motion:reduce){.cabinet--ready .start-glow{animation:none!important;opacity:.7}.orientation-guard__icon{animation:none}.loading__bar span{animation-duration:1.6s}.prize--out{animation:prize-out .6s ease-out forwards}}@media(max-height:620px){.cabinet{max-width:99vw}}