:root{color:#f8f3df;background:#071820;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #071820;--ink-soft: #0d2c35;--panel: #123b45;--panel-deep: #09252d;--cream: #f8f3df;--muted: #a9c4c3;--mint: #9bec6d;--cyan: #5ce1e6;--sun: #ffd166;--coral: #ff6b57;--red: #f44747;--frame: #e8b64f;--frame-dark: #9a6926;--shadow: rgba(0, 8, 13, .56)}*{box-sizing:border-box;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}*:before,*:after{-webkit-user-select:none;user-select:none}::selection{background:transparent}html,body,#app{width:100%;height:100%}html{color-scheme:dark;background:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:960px;min-height:620px;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y;background:radial-gradient(circle at 50% -18%,rgba(92,225,230,.22),transparent 39%),radial-gradient(circle at 11% 108%,rgba(255,107,87,.16),transparent 33%),radial-gradient(circle at 89% 112%,rgba(155,236,109,.12),transparent 33%),linear-gradient(155deg,#0a2630,#06171e 57%,#041117)}body:before,body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:""}body:before{opacity:.24;background-image:linear-gradient(30deg,rgba(255,255,255,.032) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.032) 87.5%),linear-gradient(150deg,rgba(255,255,255,.032) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.032) 87.5%);background-position:0 0,22px 38px;background-size:44px 76px}body:after{opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.18) 3px 4px);mix-blend-mode:soft-light}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#app{display:grid;grid-template-columns:minmax(190px,294px) auto minmax(190px,294px);justify-content:center;align-items:center;gap:clamp(18px,2.2vw,38px);max-width:1320px;padding:16px 24px;margin:0 auto}.cabinet-panel{position:relative;width:100%;height:min(calc(100dvh - 32px),1040px);max-height:1040px;min-height:588px;overflow:hidden;border:1px solid rgba(248,243,223,.13);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 23%),linear-gradient(145deg,#174954,#0d3039,#09242c);box-shadow:inset 0 0 0 6px #02101552,inset 0 0 54px #030e1261,0 26px 70px #00000045}.cabinet-panel:before{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 16px,rgba(255,255,255,.08) 16px 18px);content:""}.cabinet-panel:after{position:absolute;right:18px;bottom:18px;left:18px;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--coral),var(--sun),var(--mint),var(--cyan));box-shadow:0 0 18px #5ce1e652;content:""}.cabinet-panel--left{grid-column:1;grid-row:1;padding:clamp(28px,5vh,62px) clamp(22px,2vw,34px)}.cabinet-panel--right{grid-column:3;grid-row:1}.cabinet-logo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(2rem,4.2vh,3.7rem);line-height:.83;letter-spacing:-.075em;color:var(--cream);filter:drop-shadow(0 7px 0 rgba(1,15,19,.38));transform:rotate(-2deg)}.cabinet-logo span:nth-child(2){color:var(--sun)}.cabinet-logo span:nth-child(3){color:var(--mint)}.panel-lights{position:absolute;top:43%;right:24px;left:24px;display:flex;justify-content:space-between;align-items:center}.panel-lights i{width:clamp(11px,1.4vw,18px);aspect-ratio:1;border:3px solid rgba(4,25,30,.85);border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #5ce1e6bd;animation:cabinet-chase 2.8s ease-in-out infinite}.panel-lights i:nth-child(2){background:var(--mint);box-shadow:0 0 16px #9bec6db3;animation-delay:-.55s}.panel-lights i:nth-child(3){background:var(--sun);box-shadow:0 0 16px #ffd166b3;animation-delay:-1.1s}.panel-lights i:nth-child(4){background:var(--coral);box-shadow:0 0 16px #ff6b57b8;animation-delay:-1.65s}.panel-lights i:nth-child(5){animation-delay:-2.2s}.panel-copy{position:absolute;z-index:1;right:30px;bottom:13%;left:30px;color:#f8f3dfb8;font-size:clamp(.62rem,1.3vh,.86rem);font-weight:700;line-height:1.8;letter-spacing:.14em}.ticket-window{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:calc(100% - 44px);padding:clamp(22px,4vh,42px) 14px clamp(18px,3vh,28px);margin:clamp(32px,6vh,72px) auto 0;border:5px solid #071a20;border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(244,71,71,.22),transparent 55%),#061317;box-shadow:inset 0 0 22px #000000db,0 9px #03111566,0 0 0 1px #ffd16638}.ticket-window small,.ticket-window span{font-size:clamp(.58rem,1.2vh,.75rem);font-weight:700;letter-spacing:.15em;color:var(--muted)}.ticket-window strong{margin:5px 0 8px;color:var(--coral);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(3.3rem,8vh,6.4rem);line-height:.95;letter-spacing:-.07em;text-shadow:0 0 8px rgba(255,107,87,.8),0 0 26px rgba(244,71,71,.38)}.control-demo{position:absolute;z-index:1;top:53%;right:20px;left:20px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.demo-button{position:relative;width:clamp(74px,8vw,112px);aspect-ratio:1;margin-bottom:16px;border:clamp(9px,1vw,14px) solid #071a20;border-radius:50%;background:radial-gradient(circle at 36% 28%,#ffb084 0 8%,#ff6b57 31%,#ce343b 68%,#761e2b);box-shadow:inset 0 -12px 14px #4c081666,inset 0 5px 11px #ffffff61,0 10px #041115,0 14px 24px #00000057,0 0 28px #ff6b573d;animation:button-breathe 2.4s ease-in-out infinite}.control-demo strong{font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(1rem,2.4vh,1.7rem);letter-spacing:-.025em}.control-demo small{color:var(--sun);font-size:clamp(.56rem,1.1vh,.72rem);font-weight:700;letter-spacing:.12em}.panel-stripes{position:absolute;right:-34px;bottom:10%;width:170px;height:20px;background:var(--sun);box-shadow:0 27px 0 var(--coral),0 54px 0 var(--cyan);transform:rotate(-28deg)}#game-shell{--shell-bezel: clamp(7px, 1.15vh, 12px);--shell-radius: clamp(24px, 3.8vh, 40px);--shell-inner-radius: max(14px, calc(var(--shell-radius) - var(--shell-bezel)));position:relative;grid-column:2;grid-row:1;isolation:isolate;flex:none;height:min(calc(100dvh - 32px),1040px);min-height:588px;aspect-ratio:9 / 16;overflow:hidden;border:var(--shell-bezel) solid #e9bd60;border-radius:var(--shell-radius);background:#102f35;background-clip:padding-box;box-shadow:0 0 0 3px #52381b,0 0 0 8px #071a20,0 27px 66px #00000094,0 0 70px #5ce1e614,inset 0 0 30px #00000061;backface-visibility:hidden;transform:translateZ(0);container-type:inline-size}#game-shell:before{position:absolute;inset:0;z-index:6;border:1px solid rgba(255,255,255,.15);border-radius:var(--shell-inner-radius);background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 26%,transparent 72%,rgba(255,255,255,.025));pointer-events:none;content:""}#game-shell:after{position:absolute;inset:0;z-index:7;opacity:.11;border-radius:var(--shell-inner-radius);background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.28) 3px 4px);pointer-events:none;content:""}#game-canvas{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;border:0;border-radius:var(--shell-inner-radius);outline:none;clip-path:inset(0 round var(--shell-inner-radius));cursor:pointer;touch-action:none}#game-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--cyan)}#vignette{position:absolute;inset:0;z-index:2;border-radius:var(--shell-inner-radius);pointer-events:none;background:linear-gradient(180deg,rgba(6,20,25,.16),transparent 18% 74%,rgba(2,12,17,.36)),radial-gradient(ellipse at center,transparent 55%,rgba(1,12,16,.38) 115%)}#danger-flash{position:absolute;inset:-12%;z-index:8;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 70%,transparent 30%,rgba(244,71,71,.72) 100%);mix-blend-mode:screen}#danger-flash.active,#danger-flash.flash{animation:danger-flash .42s ease-out}.hud{position:absolute;top:0;right:0;left:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:clamp(12px,4cqw,22px);pointer-events:none}.hud-card{display:flex;flex-direction:column;min-width:clamp(66px,20cqw,104px);padding:clamp(8px,2.4cqw,12px) clamp(10px,3cqw,16px);border:1px solid rgba(248,243,223,.18);border-radius:12px;background:#05181db8;box-shadow:0 7px 20px #0003,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-card small{color:var(--muted);font-size:clamp(.49rem,2.3cqw,.68rem);font-weight:700;line-height:1;letter-spacing:.14em}.hud-card strong{margin-top:3px;color:var(--cream);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(1.25rem,7cqw,2.1rem);line-height:1;letter-spacing:-.055em;text-shadow:0 3px 0 rgba(0,0,0,.28)}.hud-card--score strong{color:var(--sun)}.hud-card--best{align-items:flex-end;text-align:right}.hud-card--p2{position:absolute;top:clamp(68px,19cqw,104px);left:clamp(12px,4cqw,22px);border-color:#5ce1e661}.hud-card--p2 strong{color:var(--cyan)}.demo-label{align-self:flex-start;padding:7px 10px;border:1px solid rgba(255,209,102,.5);border-radius:999px;background:#071820cc;color:var(--sun);font-size:clamp(.48rem,2.2cqw,.65rem);font-weight:700;letter-spacing:.12em;animation:demo-pulse 1.4s steps(2,end) infinite}.milestone{position:absolute;top:clamp(76px,21cqw,118px);left:50%;min-width:180px;padding:9px 18px;border:2px solid var(--sun);border-radius:999px;opacity:0;background:#081f25e6;color:var(--sun);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(.8rem,4cqw,1.2rem);letter-spacing:.04em;text-align:center;transform:translate(-50%,-12px) scale(.9)}.milestone.active,.milestone.show{animation:milestone-pop 1.35s cubic-bezier(.2,.75,.3,1) both}.countdown{position:absolute;inset:0;z-index:28;display:grid;place-items:center;pointer-events:none;color:var(--cream);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(5.4rem,32cqw,12rem);line-height:1;letter-spacing:-.08em;text-shadow:0 8px 0 #0a343c,0 12px 0 var(--coral),0 24px 40px rgba(0,0,0,.6);animation:countdown-pop .72s cubic-bezier(.19,.8,.25,1) both}.screen{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(18px,5cqw,30px);overflow:hidden;pointer-events:none}.screen:not(:empty){pointer-events:auto;background:radial-gradient(circle at 50% 18%,rgba(92,225,230,.14),transparent 38%),linear-gradient(180deg,#05171da3,#031116e0);-webkit-backdrop-filter:blur(7px) saturate(.92);backdrop-filter:blur(7px) saturate(.92)}.screen-card,.menu-card,.title-card,.mode-card,.pause-card,.results-card,.settings-card,.analytics-card{position:relative;width:min(100%,450px);max-height:100%;padding:clamp(22px,7cqw,38px) clamp(18px,6cqw,34px);overflow:auto;border:1px solid rgba(248,243,223,.18);border-radius:clamp(18px,5cqw,26px);background:linear-gradient(165deg,#174149f5,#071f26fa),var(--panel-deep);box-shadow:0 22px 55px #0000006b,inset 0 1px #ffffff1c,inset 0 0 45px #05141952;text-align:center;scrollbar-width:thin;scrollbar-color:rgba(155,236,109,.45) transparent;touch-action:pan-y;animation:card-enter .42s cubic-bezier(.2,.78,.25,1) both}.screen-card:before,.menu-card:before,.title-card:before,.mode-card:before,.pause-card:before,.results-card:before,.settings-card:before,.analytics-card:before{position:absolute;top:0;right:20%;left:20%;height:4px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--coral),var(--sun),var(--mint),var(--cyan));content:""}.screen-card::-webkit-scrollbar,.menu-card::-webkit-scrollbar,.settings-card::-webkit-scrollbar,.analytics-card::-webkit-scrollbar{width:6px}.screen-card::-webkit-scrollbar-thumb,.menu-card::-webkit-scrollbar-thumb,.settings-card::-webkit-scrollbar-thumb,.analytics-card::-webkit-scrollbar-thumb{border-radius:999px;background:#9bec6d73}.eyebrow,.kicker,.screen-label{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border:1px solid rgba(92,225,230,.32);border-radius:999px;background:#5ce1e614;color:var(--cyan);font-size:clamp(.52rem,2.5cqw,.7rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase}.game-title,.screen-title,.title-card h1,.screen h1,.screen h2{margin:10px 0 8px;color:var(--cream);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(2rem,12cqw,4.5rem);line-height:.9;letter-spacing:-.07em;text-wrap:balance;text-shadow:0 5px 0 rgba(3,18,23,.5)}.screen h2,.screen-title{font-size:clamp(1.65rem,9cqw,3.2rem);line-height:.98}.game-title span,.screen-title span,.accent{color:var(--mint)}.subtitle,.screen-copy,.screen p{max-width:36ch;margin:10px auto;color:var(--muted);font-size:clamp(.65rem,3cqw,.9rem);line-height:1.55}.title-card>.screen-copy{max-width:none;margin:6px auto;font-size:clamp(.56rem,2.4cqw,.72rem);line-height:1.35}.screen .demo-start-copy{margin-top:4px}.screen .demo-start-button{position:relative;display:inline-flex;align-items:center;width:auto;min-height:28px;padding:2px 4px;margin:-2px -4px;border:0;border-radius:0;background:none;color:var(--cyan);font-size:inherit;line-height:inherit;letter-spacing:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-transform:none;vertical-align:middle;box-shadow:none}.screen .demo-start-button:before{position:absolute;inset:-6px -4px;content:""}.screen .demo-start-button:hover{border-color:transparent;background:none;color:var(--mint);transform:none}.screen .demo-start-button:active{box-shadow:none;transform:none}.screen strong{color:var(--cream)}.control-callout{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;margin:clamp(14px,4cqw,22px) 0;border:1px solid rgba(255,209,102,.27);border-radius:14px;background:#ffd16613;text-align:left}.control-callout p{margin:0}kbd,.keycap,.key{display:inline-grid;place-items:center;min-width:54px;min-height:38px;padding:8px 12px;border:1px solid rgba(248,243,223,.55);border-bottom-width:4px;border-radius:9px;background:linear-gradient(#f8f3df,#d8dbc8);color:#102b33;font-size:clamp(.56rem,2.6cqw,.76rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px #020f1366}.menu-actions,.button-stack,.screen-actions,.result-actions{display:grid;gap:10px;width:100%;margin-top:clamp(18px,5cqw,28px)}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row>*{flex:1 1 120px}.title-card .button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.screen .generation-mode-summary{display:grid;gap:4px;border-color:#5ce1e66b;background:#5ce1e617}.screen .generation-mode-summary small{color:var(--muted);font-size:.76em;font-weight:600;letter-spacing:0;text-transform:none}.arcade-button,.menu-button,.screen button{position:relative;width:100%;min-height:48px;padding:11px 18px;border:1px solid rgba(248,243,223,.18);border-radius:12px;outline:none;background:#f8f3df13;color:var(--cream);font-size:clamp(.62rem,3cqw,.82rem);font-weight:700;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 5px #020e1273;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.arcade-button:hover,.menu-button:hover,.screen button:hover{border-color:#9bec6d8f;background:#9bec6d24;transform:translateY(-2px)}.arcade-button:active,.menu-button:active,.screen button:active{box-shadow:0 2px #020e127a;transform:translateY(2px)}.arcade-button:focus-visible,.menu-button:focus-visible,.screen button:focus-visible,.icon-button:focus-visible,.screen input:focus-visible,.screen select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.arcade-button.primary,.menu-button.primary,.primary-button,.screen button[data-action=start],.screen button[data-action=single-player],.screen button[data-action=restart]{border-color:#b9f58c;background:linear-gradient(180deg,#a8f279,#72c94f);color:#10261b;box-shadow:0 6px #34762e,0 10px 20px #010f1252}.arcade-button.primary:hover,.menu-button.primary:hover,.primary-button:hover,.screen button[data-action=start]:hover,.screen button[data-action=single-player]:hover,.screen button[data-action=restart]:hover{background:linear-gradient(180deg,#bbfa8d,#82d75d);transform:translateY(-2px)}.arcade-button.danger,.danger-button{border-color:#ff6b5785;color:#ff9f91}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.world-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.screen .world-mode-option{display:grid;align-content:center;min-height:112px;gap:6px}.screen .world-mode-option small{color:var(--muted);font-size:.72em;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none}.screen .world-mode-option .world-mode-best{color:var(--sun);font-size:.72em;letter-spacing:.08em}.screen .world-mode-option.active{border-color:#9bec6dc7;background:#9bec6d24;color:var(--mint);box-shadow:0 5px #265c2894,0 0 22px #9bec6d1f}.screen .world-mode-option.active small{color:#c9efb5}.mode-section-title{margin:22px 0 -10px;color:var(--cyan);font-size:clamp(.64rem,3cqw,.82rem);letter-spacing:.12em;text-transform:uppercase}.mode-grid button{min-height:86px}.mode-grid button small{display:block;margin-top:5px;color:var(--muted);font-size:.72em;letter-spacing:0;text-transform:none}.feature-list{display:grid;gap:9px;padding:0;margin:18px 0;list-style:none;text-align:left}.feature-list li{position:relative;padding:10px 10px 10px 35px;border-radius:10px;background:#f8f3df0d;color:var(--muted);font-size:clamp(.62rem,2.8cqw,.82rem);line-height:1.42}.feature-list li:before{position:absolute;top:10px;left:12px;color:var(--mint);content:"◆"}.result-score,.score-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.result-stat,.score-stat{padding:12px 8px;border:1px solid rgba(248,243,223,.11);border-radius:12px;background:#0211155c}.result-stat small,.score-stat small{display:block;color:var(--muted);font-size:clamp(.5rem,2.3cqw,.67rem);font-weight:700;letter-spacing:.12em}.result-stat strong,.score-stat strong,.final-score{display:block;margin-top:4px;color:var(--sun);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(1.55rem,8cqw,2.8rem);line-height:1;letter-spacing:-.06em}.new-best{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--sun);color:#302408;font-size:clamp(.5rem,2.3cqw,.68rem);font-weight:700;letter-spacing:.1em;animation:best-pulse .9s ease-in-out infinite alternate}.seed-readout,.result-seed{color:#a9c4c3b8;font-size:clamp(.5rem,2.3cqw,.68rem);word-break:break-all}.settings-list,.settings-grid{display:grid;gap:9px;margin:16px 0 4px;text-align:left}.setting-row,.settings-row,.toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:47px;padding:8px 10px;border:1px solid rgba(248,243,223,.09);border-radius:10px;background:#0210143d;color:var(--cream);font-size:clamp(.58rem,2.7cqw,.78rem)}.setting-row span,.settings-row span,.toggle-row span{min-width:0}.setting-row small,.settings-row small,.toggle-row small{display:block;margin-top:2px;color:var(--muted);font-size:.78em;line-height:1.3}.screen select,.screen input[type=number],.screen input[type=text]{width:min(142px,38cqw);min-height:34px;padding:6px 9px;border:1px solid rgba(248,243,223,.2);border-radius:8px;outline:none;background:#0b252c;color:var(--cream);font-size:clamp(.55rem,2.5cqw,.74rem)}.screen input[type=range]{width:min(142px,38cqw);accent-color:var(--mint)}.screen input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:var(--mint);cursor:pointer}.pause-card{width:min(84%,360px)}.pause-card h2{color:var(--sun)}.analytics-card{width:100%;padding:clamp(18px,5cqw,28px) clamp(13px,4cqw,22px);text-align:left}.analytics-card>.eyebrow{display:flex;width:max-content;margin-inline:auto}.analytics-card>h2{margin-bottom:14px;text-align:center}.analytics-mode-filter{display:flex;gap:7px;padding:3px 2px 7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(92,225,230,.4) transparent}.screen .analytics-mode-button{flex:1 0 auto;width:auto;min-height:34px;padding:7px 11px;border-radius:999px;color:var(--muted);font-size:clamp(.5rem,2.4cqw,.68rem);box-shadow:none}.screen .analytics-mode-button.active{border-color:#9bec6dbd;background:#9bec6d29;color:var(--mint)}.screen .analytics-summary{max-width:none;margin:4px 2px 13px;font-size:clamp(.53rem,2.45cqw,.7rem);text-align:center}.analytics-section{padding:12px;margin-top:10px;border:1px solid rgba(248,243,223,.1);border-radius:13px;background:#02101452}.analytics-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.analytics-section-heading h3{margin:0;color:var(--cream);font-size:clamp(.68rem,3.2cqw,.9rem);letter-spacing:.06em;text-transform:uppercase}.analytics-section-heading>span{flex:none;color:var(--cyan);font-size:clamp(.48rem,2.15cqw,.62rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.histogram{display:flex;align-items:stretch;gap:clamp(3px,1.3cqw,6px);min-height:118px;padding-top:4px}.histogram-bin{display:grid;grid-template-rows:14px 1fr 18px;flex:1 1 0;min-width:0;gap:3px;text-align:center}.histogram-count{color:var(--cream);font-size:clamp(.48rem,2.25cqw,.63rem);font-weight:700}.histogram-bar{display:flex;align-items:flex-end;min-height:76px;overflow:hidden;border-radius:6px 6px 3px 3px;background:repeating-linear-gradient(0deg,rgba(248,243,223,.035) 0 1px,transparent 1px 18px),#f8f3df08}.histogram-bar i{display:block;width:100%;min-height:4px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--sun),var(--coral));box-shadow:0 0 12px #ffd16633}.histogram-label{overflow:hidden;color:var(--muted);font-size:clamp(.4rem,1.9cqw,.54rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.screen .chart-key{max-width:none;margin:-3px 0 8px;color:#a9c4c3b8;font-size:clamp(.44rem,2cqw,.57rem);line-height:1.35;text-align:left}.trend-chart-scroll{width:100%;overflow-x:auto;border:1px solid rgba(92,225,230,.08);border-radius:9px;outline:none;background:linear-gradient(180deg,rgba(92,225,230,.035),transparent 65%),#010c0f33;scrollbar-width:thin;scrollbar-color:rgba(92,225,230,.38) transparent}.trend-chart-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.trend-chart{display:block;max-width:none}.trend-grid{stroke:#f8f3df1a;stroke-width:1}.trend-axis-label,.trend-date,.trend-attempts,.trend-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.trend-axis-label{fill:#a9c4c3b8;font-size:8px}.trend-area{fill:#5ce1e614}.trend-line{fill:none;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;vector-effect:non-scaling-stroke}.trend-point circle{fill:var(--panel-deep);stroke:var(--mint);stroke-width:3;vector-effect:non-scaling-stroke}.trend-value{fill:var(--cream);font-size:9px;font-weight:700}.trend-attempts{fill:var(--sun);font-size:9px;font-weight:700}.trend-date{fill:var(--muted);font-size:8px}.analytics-empty{display:grid;min-height:88px;place-content:center;place-items:center;gap:4px;border:1px dashed rgba(169,196,195,.18);border-radius:9px;color:#5ce1e68a;text-align:center}.analytics-empty>span{font-size:1.1rem}.screen .analytics-empty p{max-width:29ch;margin:0;font-size:clamp(.5rem,2.25cqw,.65rem)}.top-score-table{display:grid;gap:4px}.top-score-header,.top-score-row{display:grid;grid-template-columns:22px .65fr 1fr;align-items:center;gap:7px;min-height:30px;padding:5px 7px;border-radius:7px}.top-score-header{min-height:22px;padding-block:2px;color:#a9c4c3ad;font-size:clamp(.43rem,1.95cqw,.55rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.top-score-row{background:#f8f3df0b;color:var(--muted);font-size:clamp(.48rem,2.2cqw,.64rem)}.top-score-row:nth-child(2){border:1px solid rgba(255,209,102,.24);background:#ffd16614}.top-score-row strong{color:var(--sun);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(.68rem,3cqw,.9rem)}.top-score-rank{color:var(--cyan);font-weight:700}.analytics-back{margin-top:13px}.corner-actions{position:absolute;right:clamp(12px,4cqw,20px);bottom:clamp(12px,4cqw,20px);z-index:40;display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:clamp(36px,10cqw,44px);aspect-ratio:1;padding:0;border:1px solid rgba(248,243,223,.22);border-radius:50%;outline:none;background:#05181db8;color:var(--cream);font-size:clamp(.92rem,4cqw,1.2rem);line-height:1;box-shadow:0 6px 16px #0000003d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.icon-button:hover{border-color:var(--cyan);background:#123b45eb;transform:translateY(-2px)}.icon-button:active{transform:translateY(1px)}.icon-button.muted,#mute-button[aria-pressed=true]{border-color:#ff6b5780;color:var(--coral)}.pause-icon{width:13px;height:14px;background:linear-gradient(90deg,currentColor 0 34%,transparent 34% 66%,currentColor 66% 100%)}#pause-button.paused{border-color:#9bec6d94;color:var(--mint)}.pause-icon.resume{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;background:none;transform:translate(1px)}.debug-overlay{position:relative;grid-column:1;grid-row:1;place-self:stretch;z-index:36;min-width:0;min-height:0;padding:14px;margin:14px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(92,225,230,.54);border-radius:17px;outline:none;background:linear-gradient(180deg,#0a272efa,#020e12fa);color:#b7fbff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.54rem,.72vw,.68rem);line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 8px 24px #00000057;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-color:rgba(92,225,230,.62) rgba(2,14,18,.48);scrollbar-width:thin;pointer-events:auto;cursor:text;touch-action:pan-y;-webkit-user-select:text;user-select:text}.debug-overlay:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px #5ce1e638,0 8px 24px #00000057}.debug-overlay::-webkit-scrollbar{width:8px;height:8px}.debug-overlay::-webkit-scrollbar-thumb{border:2px solid rgba(2,14,18,.48);border-radius:999px;background:#5ce1e69e}.rotate-overlay{position:fixed;z-index:1000;inset:0;display:none;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));place-content:center;place-items:center;gap:14px;color:var(--cream);background:radial-gradient(circle at 50% 30%,rgba(92,225,230,.24),transparent 38%),radial-gradient(circle at 50% 74%,rgba(155,236,109,.12),transparent 38%),#06171d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:center}.rotate-overlay strong{color:var(--sun);font-family:Arial Black,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(1.55rem,7vw,2.45rem);line-height:1;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 5px 0 rgba(1,15,19,.46)}.rotate-overlay>span{color:var(--muted);font-size:clamp(.82rem,3.8vw,1rem);line-height:1.45}.phone-rotate{position:relative;width:74px;height:64px;margin-bottom:2px}.phone-rotate span{position:absolute;inset:0;display:block;width:31px;height:49px;margin:auto;border:4px solid var(--cream);border-radius:8px;box-shadow:inset 0 0 0 2px #5ce1e629;animation:turn-phone-portrait 1.8s ease-in-out infinite}.phone-rotate span:after{position:absolute;bottom:3px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--sun);content:"";transform:translate(-50%)}.phone-rotate:after{position:absolute;inset:0;width:58px;height:58px;margin:auto;border-bottom:4px solid var(--mint);border-left:4px solid var(--mint);border-radius:50%;content:"";transform:rotate(28deg)}@keyframes turn-phone-portrait{0%,28%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}@media(orientation:landscape)and (pointer:coarse){.rotate-overlay{display:grid}#app>:not(.rotate-overlay){visibility:hidden;pointer-events:none}}@keyframes cabinet-chase{0%,to{opacity:.4;transform:scale(.82)}45%,62%{opacity:1;transform:scale(1.08)}}@keyframes button-breathe{0%,to{filter:brightness(.94);transform:translateY(0) scale(1)}50%{filter:brightness(1.1);transform:translateY(-2px) scale(1.02)}}@keyframes demo-pulse{0%,49%{opacity:1}50%,to{opacity:.58}}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.55)}24%{opacity:1;transform:scale(.9)}54%{transform:scale(1)}to{opacity:0;transform:scale(.68)}}@keyframes milestone-pop{0%{opacity:0;transform:translate(-50%,-12px) scale(.9)}18%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.96)}}@keyframes danger-flash{0%{opacity:0}24%{opacity:.88}to{opacity:0}}@keyframes best-pulse{0%{box-shadow:0 0 #ffd16600;transform:scale(1)}to{box-shadow:0 0 24px #ffd16652;transform:scale(1.035)}}@media(max-width:1120px){body{min-width:760px}#app{grid-template-columns:minmax(148px,220px) auto minmax(148px,220px);gap:16px;padding-inline:14px}.cabinet-panel--left{padding-inline:19px}.panel-copy{right:20px;left:20px}}@media(max-width:860px),(max-height:560px){body{min-width:0;min-height:0}#app{display:flex;justify-content:center;width:100%;height:100%;height:100dvh;padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));container-type:size}.cabinet-panel{display:none}.debug-overlay{position:fixed;right:auto;bottom:max(72px,env(safe-area-inset-bottom,0px));left:max(12px,env(safe-area-inset-left,0px));display:block;width:min(340px,calc(100vw - 24px));height:auto;max-height:min(58dvh,430px);padding:10px 12px;margin:0;border-radius:9px;font-size:clamp(.48rem,2.1vw,.64rem)}.debug-overlay.hidden{display:none}#game-shell{width:min(100cqw,56.25cqh,585px);height:auto;min-height:0;max-height:none}}@media(pointer:coarse){.screen select,.screen input[type=number],.screen input[type=text]{font-size:16px}}@media(min-width:861px)and (min-height:561px)and (max-height:760px){#app{padding-block:12px}#game-shell,.cabinet-panel{height:calc(100dvh - 24px);min-height:588px}.cabinet-panel{border-radius:24px}.ticket-window{margin-top:30px;padding-block:22px 18px}.ticket-window strong{font-size:3.6rem}.control-demo{top:51%}.demo-button{width:74px;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html.performance-mode .hud-card,html.performance-mode .screen:not(:empty),html.performance-mode .icon-button,html.performance-mode .debug-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}html.performance-mode body:after{opacity:.12;mix-blend-mode:normal}html.reduced-motion *,html.reduced-motion *:before,html.reduced-motion *:after,body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after,[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){.countdown{opacity:1;animation:none!important;transform:none}}html.reduced-motion .countdown,body.reduced-motion .countdown,[data-reduced-motion=true] .countdown{opacity:1;animation:none!important;transform:none}