:root{--bg-void:#0b0a14;--bg-panel:#14121f;--bg-panel-2:#1b1830;--bg-elevated:#221e38;--border:#322c4d;--border-bright:#4a4270;--text:#e8e5f5;--text-dim:#9891b8;--text-faint:#6b6489;--accent:#ff5da2;--accent-2:#7c5cff;--gold:#ffd54a;--green:#2ecc71;--red:#ff5c5c;--mono:"SF Mono", "Cascadia Code", ui-monospace, Consolas, monospace;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-void);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app-root{background:radial-gradient(ellipse at top, #1c1733 0%, var(--bg-void) 60%);width:100%;height:100dvh;position:relative;overflow:hidden}.btn{border:1px solid var(--border-bright);background:var(--bg-elevated);color:var(--text);letter-spacing:.4px;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform 80ms,background .15s,box-shadow .15s}.btn:hover{background:var(--border-bright);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000;box-shadow:0 4px 20px #ff5da259}.btn-secondary{background:var(--bg-panel-2)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-panel-2);color:var(--text)}.screen{padding:24px 20px 60px;animation:.2s fade-in;position:absolute;inset:0;overflow-y:auto}.screen-header{align-items:center;gap:16px;max-width:900px;margin:0 auto 20px;display:flex}.screen-header h1{letter-spacing:1px;margin:0;font-size:22px}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.main-menu{justify-content:center;align-items:center;width:100%;height:100%;padding:16px 0;display:flex;position:relative;overflow-y:auto}.menu-bg{z-index:0;opacity:.9;position:absolute;inset:0}.menu-bg svg{width:100%;height:100%}.menu-bg-sprite{animation:3.4s ease-in-out infinite menu-bob}.menu-bg-sprite:nth-child(3n){animation-duration:4.1s;animation-delay:-1s}.menu-bg-sprite:nth-child(4n){animation-duration:2.8s;animation-delay:-.4s}@keyframes menu-bob{0%,to{transform-origin:bottom}}.menu-peeking-alien{transform-origin:0 0;animation:3.2s ease-in-out infinite menu-peek}@keyframes menu-peek{0%,60%,to{transform:translateY(0)}75%{transform:translateY(-9px)}}.menu-floating-alien{animation:4.5s ease-in-out infinite menu-float}@keyframes menu-float{0%,to{transform:translate(1310px,218px)scale(3.6)translateY(0)}50%{transform:translate(1310px,218px)scale(3.6)translateY(-14px)}}.menu-peeking-alien-alt{animation-duration:3.8s;animation-delay:-1.6s}.menu-bob-slow{animation:3s ease-in-out infinite menu-bob-slow}@keyframes menu-bob-slow{0%,to{transform:translate(1472px,457.6px)scale(3.2)translateY(0)}50%{transform:translate(1472px,457.6px)scale(3.2)translateY(-7px)rotate(-6deg)}}.menu-star{animation:2.6s ease-in-out infinite menu-star-twinkle}@keyframes menu-star-twinkle{0%,to{opacity:.25}50%{opacity:1}}.menu-ufo-drift{animation:24s linear infinite menu-ufo-drift}@keyframes menu-ufo-drift{0%{transform:translate(-120px,95px)rotate(-2deg)}50%{transform:translate(800px,55px)rotate(2deg)}to{transform:translate(1720px,95px)rotate(-2deg)}}.menu-ufo-light{animation:1s step-end infinite menu-ufo-blink}@keyframes menu-ufo-blink{0%,49%{opacity:1}50%,to{opacity:.25}}.menu-shooting-star{animation:9s ease-in 2.5s infinite menu-shooting-star}@keyframes menu-shooting-star{0%,82%{opacity:0;transform:translate(230px,10px)}84%{opacity:1;transform:translate(230px,10px)}92%{opacity:0;transform:translate(430px,95px)}to{opacity:0;transform:translate(430px,95px)}}.main-menu-content{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);background:#0b0a148c;border-radius:24px;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:92%;max-width:480px;margin:auto;padding:24px;display:flex;position:relative}.main-menu-titleblock{text-align:center}.main-menu-title{letter-spacing:2px;background:linear-gradient(135deg, var(--accent), var(--gold));color:#0000;text-shadow:0 0 40px #ff5da24d;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,6vw,46px);font-weight:900}.main-menu-tagline{color:var(--text-dim);letter-spacing:3px;margin:6px 0 0;font-size:12px;font-weight:700}.main-menu-buttons{flex-direction:column;gap:8px;width:100%;display:flex}.menu-btn{border:1px solid var(--border-bright);background:var(--bg-elevated);color:var(--text);letter-spacing:.6px;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform 80ms,background .15s;display:flex}.menu-btn:hover{background:var(--border-bright);transform:translateY(-2px)}.menu-btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000;padding:12px 20px;font-size:16px;box-shadow:0 6px 24px #ff5da266}.menu-btn-daily{background:linear-gradient(135deg, #ffb347, var(--gold));color:#241640;border-color:#0000}.menu-btn-sub{opacity:.75;font-size:11px;font-weight:600}.main-menu-streak{color:var(--gold);letter-spacing:.5px;font-weight:800}.countdown-overlay{background:radial-gradient(circle at center, #241640, var(--bg-void));z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.countdown-target{flex-direction:column;align-items:center;gap:4px;display:flex}.countdown-target-label{color:var(--text-dim);letter-spacing:2px;font-size:13px;font-weight:700}.countdown-target-value{font-size:22px;font-weight:800}.countdown-number{font-size:120px;font-weight:900;font-family:var(--mono);color:var(--accent);animation:.5s countdown-pop}.countdown-go{color:var(--green)}@keyframes countdown-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.play-screen{background:#0d0c16;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.play-quit{z-index:10;border:1px solid var(--border-bright);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14121fd9;position:absolute;top:12px;right:12px}.play-quit:hover{color:var(--text);background:#14121ff2}.game-canvas-shell{flex:1;min-height:0;position:relative}.game-canvas-viewport{background:#0d0c16;width:100%;height:100%;overflow:hidden}.game-canvas-viewport>div{position:relative}.zoom-controls{border:1px solid var(--border-bright);font-family:var(--mono);z-index:5;background:#14121fd9;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex;position:absolute;bottom:16px;right:16px}.zoom-controls button{background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text);border-radius:6px;width:26px;height:26px;font-size:16px;line-height:1}.zoom-reset{padding:0 8px;width:auto!important;font-size:11px!important}.zoom-controls span{text-align:center;min-width:42px;color:var(--text-dim)}.hud{border-top:1px solid var(--border);background:linear-gradient(#14121f,#0d0c16);flex-direction:column;gap:6px;padding:10px 16px 14px;display:flex;position:relative}.hud-timer{text-align:center;font-family:var(--mono);letter-spacing:1px;color:var(--gold);text-shadow:0 0 24px #ffd54a59;font-variant-numeric:tabular-nums;font-size:clamp(38px,9vw,64px);font-weight:800}.hud-timer-low{color:var(--red);text-shadow:0 0 24px #ff5c5c73;animation:.6s ease-in-out infinite hud-timer-pulse}@keyframes hud-timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hud-mode-label{text-align:center;color:var(--text-faint);letter-spacing:1.5px;font-size:10px;font-weight:700}.hud-row-3col{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.hud-col{align-items:center;gap:18px;display:flex}.hud-col-left{justify-content:flex-end}.hud-col-center{justify-content:center}.hud-col-right{justify-content:flex-start}.hud-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.hud-stat-label{color:var(--text-faint);letter-spacing:1px;font-size:10px}.hud-stat-value{font-family:var(--mono);font-size:14px;font-weight:700}.pb-ahead{color:var(--green)}.pb-behind{color:var(--red)}.hud-streak .hud-stat-value{color:var(--gold)}.hud-objective{background:var(--bg-panel-2);border:1px solid var(--border-bright);border-radius:999px;align-items:center;gap:9px;padding:6px 16px 6px 7px;animation:.35s cubic-bezier(.34,1.56,.64,1) both hud-objective-pop;display:flex}@keyframes hud-objective-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.hud-objective-label{letter-spacing:1.5px;color:var(--text-faint);padding-left:6px;font-size:9px;font-weight:800}.hud-objective-picture{background:radial-gradient(circle at 50% 35%, var(--bg-elevated), var(--bg-panel));border:1px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden;box-shadow:0 0 0 3px #ff5da22e}.hud-objective-picture svg{width:34px;height:34px}.hud-objective-name{letter-spacing:.2px;white-space:nowrap;font-size:14px;font-weight:800}.hud-objective-divider{background:var(--border-bright);flex-shrink:0;align-self:stretch;width:1px}.hud-objective-progress{color:var(--text-dim);white-space:nowrap;font-size:11px}.hud-objective-progress strong{color:var(--gold);font-family:var(--mono);font-weight:800}@media (width<=520px){.hud-row-3col{grid-template-columns:1fr;justify-items:center;gap:8px}.hud-col-center{order:-1}.hud-col-left,.hud-col-right{justify-content:center}.hud-objective-name{font-size:12px}.hud-objective-progress,.hud-objective-divider,.hud-objective-label{display:none}}.feedback-toast{pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:800;animation:.5s forwards toast-pop;display:flex;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.feedback-hit{border:1px solid var(--green);color:var(--green);background:#2ecc7126}.feedback-miss{border:1px solid var(--red);color:var(--red);background:#ff5c5c26}.feedback-icon{font-size:15px}.feedback-split{font-family:var(--mono);opacity:.85}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.9)}15%{opacity:1;transform:translate(-50%,-4px)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)scale(.95)}}.results-screen{background:radial-gradient(circle at top, #241640, var(--bg-void));z-index:20;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.results-card{background:var(--bg-panel);border:1px solid var(--border-bright);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:28px 24px;box-shadow:0 20px 60px #00000080}.results-title{letter-spacing:3px;color:var(--text-dim);font-size:14px;font-weight:800}.results-time{font-family:var(--mono);color:var(--gold);margin:8px 0 12px;font-size:46px;font-weight:900}.results-badge{border-radius:999px;margin-bottom:8px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.results-pb{border:1px solid var(--gold);color:var(--gold);background:#ffd54a26}.results-rank{border:1px solid var(--accent-2);color:#b6a5ff;background:#7c5cff26}.results-stats{grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;display:grid}.results-stat{flex-direction:column;gap:2px;display:flex}.results-stat-value{font-family:var(--mono);font-size:20px;font-weight:800}.results-stat-label{color:var(--text-faint);letter-spacing:1px;font-size:10px}.results-divider{background:var(--border);height:1px;margin:16px 0}.results-compare{flex-direction:column;gap:8px;font-size:13px;display:flex}.results-compare-row{color:var(--text-dim);justify-content:space-between;display:flex}.results-compare-row span:last-child{font-family:var(--mono);color:var(--text);font-weight:700}.results-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.results-actions .btn{width:100%}.leaderboard-tabs{flex-wrap:wrap;justify-content:center;gap:6px;max-width:700px;margin:0 auto 16px;display:flex}.leaderboard-tab{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700}.leaderboard-tab.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.leaderboard-list{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;max-width:700px;margin:0 auto;overflow:hidden}.leaderboard-row{border-bottom:1px solid var(--border);grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:12px 18px;display:grid}.leaderboard-row:last-child{border-bottom:none}.leaderboard-head{color:var(--text-faint);letter-spacing:1.5px;font-size:11px;font-weight:700}.leaderboard-rank{font-family:var(--mono);font-weight:800}.leaderboard-name{text-align:left;font-weight:700}.leaderboard-time{font-family:var(--mono);color:var(--gold);font-weight:700}.leaderboard-you{background:#7c5cff1f}.leaderboard-you .leaderboard-name{color:var(--accent-2)}.leaderboard-loading{text-align:center;color:var(--text-faint);padding:30px}.leaderboard-ellipsis{text-align:center;color:var(--text-faint);padding:6px}.profile-card{background:var(--bg-panel);border:1px solid var(--border);text-align:center;border-radius:20px;max-width:460px;margin:0 auto;padding:28px}.profile-name{font-size:26px;font-weight:900}.profile-tier{letter-spacing:1.5px;background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--gold);border-radius:999px;margin-top:6px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.profile-hero-stat{flex-direction:column;gap:2px;margin:20px 0;display:flex}.profile-hero-value{font-family:var(--mono);color:var(--gold);font-size:40px;font-weight:900}.profile-hero-label{letter-spacing:2px;color:var(--text-faint);font-size:11px}.profile-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.profile-stat{flex-direction:column;gap:2px;display:flex}.profile-stat-value{font-family:var(--mono);font-size:16px;font-weight:800}.profile-stat-label{color:var(--text-faint);letter-spacing:1px;font-size:10px}.settings-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:18px;max-width:460px;margin:0 auto;padding:24px;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-row input[type=text],.settings-row input:not([type]){background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text);border-radius:8px;padding:8px 12px}.settings-row input[type=checkbox]{width:20px;height:20px}.settings-note{color:var(--text-dim);background:var(--bg-panel-2);border-radius:10px;padding:12px;font-size:12px;line-height:1.5}.maps-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;max-width:900px;margin:0 auto;display:grid}.map-card{background:var(--bg-panel);border:2px solid var(--border);text-align:left;color:var(--text);border-radius:16px;flex-direction:column;gap:6px;padding:18px;transition:transform .1s;display:flex}.map-card:not(.map-card-locked):hover{transform:translateY(-3px)}.map-card-locked{opacity:.55;cursor:default}.map-card-swatch{border-radius:10px;height:90px;margin-bottom:4px;overflow:hidden}.map-card-swatch img{object-fit:cover;width:100%;height:100%;display:block}.map-card-swatch-locked{background:var(--bg-elevated);justify-content:center;align-items:center;font-size:28px;display:flex}.map-card-name{font-size:15px;font-weight:800}.map-card-theme{color:var(--text-faint);letter-spacing:.5px;font-size:11px}.map-card-desc{color:var(--text-dim);flex:1;font-size:12px}.map-card-play{color:var(--accent);margin-top:4px;font-size:12px;font-weight:800}@media (width<=480px){.main-menu-content{gap:18px;padding:20px}.hud-timer{font-size:40px}.hud-row-3col{gap:8px}.results-stats{grid-template-columns:repeat(2,1fr)}}