:root{--ink:#071313;--cream:#f4edda;--acid:#e9ff65;--orange:#ff6b35;--cyan:#54e3d1;--panel:rgba(8,25,25,.92);--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}#shell,#game{position:fixed;inset:0;width:100%;height:100%}#game{outline:none;touch-action:none;background:#102929}
#hud{position:fixed;z-index:5;left:0;right:0;top:0;display:grid;grid-template-columns:1fr minmax(300px,520px) 1fr;gap:18px;align-items:start;padding:18px 22px;pointer-events:none;background:linear-gradient(180deg,rgba(4,13,14,.86),transparent)}.brand{font:900 24px/1 Impact, 'Arial Narrow',sans-serif;letter-spacing:.04em}.brand span{color:var(--acid)}.season-chip{display:inline-block;margin-top:8px;padding:6px 10px;border:1px solid var(--line);background:rgba(5,20,20,.72);font:700 12px Inter;letter-spacing:.12em}.hud-center{display:flex;gap:10px}.meter,.objective{position:relative;overflow:hidden;min-height:55px;padding:9px 13px;border:1px solid var(--line);background:rgba(5,20,20,.84);backdrop-filter:blur(10px)}.meter{width:112px}.objective{flex:1;display:flex;justify-content:space-between;align-items:center;gap:15px}.meter span,.objective span,.hud-right span,.result-stats span{display:block;font-size:10px;letter-spacing:.15em;color:#b7c5bc}.meter strong,.objective b{font:800 22px Impact, 'Arial Narrow'}.meter i{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--acid);transform-origin:left}.hud-right{display:flex;justify-content:flex-end;gap:18px;text-align:right}.hud-right strong{display:block;font:800 22px Impact, 'Arial Narrow'}.hud-right button{pointer-events:auto;width:42px;height:42px;border:1px solid var(--line);background:rgba(5,20,20,.84);cursor:pointer}.prompt,.toast{position:fixed;z-index:6;left:50%;transform:translateX(-50%);padding:9px 14px;border:1px solid var(--line);background:#091b1b;font:700 13px Inter;letter-spacing:.04em}.prompt{bottom:26px}.toast{top:98px;color:var(--acid)}.hidden{display:none!important}
.overlay{position:fixed;z-index:20;inset:0;display:none;place-items:center;padding:24px;background:radial-gradient(circle at 70% 40%,rgba(31,86,77,.55),rgba(3,12,13,.94));backdrop-filter:blur(9px)}.overlay.open{display:grid}.panel{width:min(540px,100%);padding:36px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(12,34,33,.98),rgba(5,18,19,.98));box-shadow:0 28px 100px #0008}.hero-panel{justify-self:center}.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.22em}.hero-panel h1{margin:0;font:900 clamp(58px,9vw,112px)/.72 Impact, 'Arial Narrow',sans-serif;letter-spacing:-.045em}.hero-panel h1 em{color:var(--acid);font-style:normal}.lede{max-width:440px;margin:30px 0;color:#bfcbc4;line-height:1.6}.primary,.secondary,.ghost{width:100%;margin-top:10px;padding:15px 18px;border:0;cursor:pointer;font-weight:800;letter-spacing:.08em}.primary{background:var(--acid);color:#102018}.secondary{border:1px solid var(--line);background:#173334}.ghost{background:transparent;color:#9eb0a7}.primary:hover,.secondary:hover{filter:brightness(1.12);transform:translateY(-1px)}.quick-controls{display:flex;gap:18px;margin-top:24px;color:#8ea098;font-size:10px}.quick-controls b{display:block;margin-top:4px;color:#e8eee9}.season-preview{display:grid;grid-template-columns:repeat(2,150px);gap:10px}.poster{height:210px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #ffffff22;transform:rotate(1deg);box-shadow:0 18px 50px #0007}.poster:nth-child(even){transform:rotate(-2deg)}.poster span{margin-bottom:auto;font:900 38px Impact, 'Arial Narrow';opacity:.5}.poster strong{font:900 25px Impact, 'Arial Narrow'}.poster small{color:#ffffffaa}.spring{background:linear-gradient(145deg,#147267,#14332c)}.summer{background:linear-gradient(145deg,#e85b29,#592313)}.autumn{background:linear-gradient(145deg,#a74425,#342318)}.winter{background:linear-gradient(145deg,#397a94,#182f3d)}#menu{grid-template-columns:minmax(320px,560px) auto;gap:46px}.wide-panel{width:min(980px,100%);max-height:90vh;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2{margin:0 0 20px;font:900 48px Impact, 'Arial Narrow'}.closeBtn{width:44px;height:44px;border:1px solid var(--line);background:transparent;font-size:26px;cursor:pointer}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.level-card{position:relative;min-height:100px;padding:13px;border:1px solid var(--line);background:#173232;text-align:left;cursor:pointer}.level-card strong{display:block;font:900 28px Impact, 'Arial Narrow'}.level-card span{font-size:10px;color:#a9bab2}.level-card b{position:absolute;right:10px;bottom:8px;color:var(--acid);letter-spacing:2px}.level-card.locked{opacity:.3;filter:grayscale(1);cursor:not-allowed}.compact-panel,.result-panel{text-align:center;max-width:460px}.stars{margin:8px 0 20px;color:var(--acid);font-size:50px;letter-spacing:8px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.result-stats div{padding:12px 6px;border:1px solid var(--line);background:#102929}.result-stats strong{display:block;margin-top:6px;font:800 24px Impact, 'Arial Narrow'}
#mobileControls{display:none;position:fixed;z-index:10;inset:auto 0 16px;justify-content:space-between;align-items:end;padding:0 18px;pointer-events:none}.joystick{position:relative;width:116px;height:116px;border:2px solid #ffffff35;border-radius:50%;background:#07131355;pointer-events:auto;touch-action:none}.joystick i{position:absolute;width:48px;height:48px;margin:32px;border-radius:50%;background:#e9ff65aa}.mobile-actions{display:flex;gap:12px;align-items:end}.mobile-actions button{pointer-events:auto;border:2px solid #ffffff35;border-radius:50%;background:#102929cc;font:800 12px Inter}.mobile-actions button:first-child{width:72px;height:72px}.mobile-actions button:last-child{width:94px;height:94px;background:#e9ff65dd;color:#102018}
@media(max-width:820px){#hud{grid-template-columns:1fr auto;padding:10px}.hud-center{position:fixed;top:66px;left:10px;right:10px}.hud-right>div{display:none}.brand{font-size:20px}.season-chip{font-size:9px}.objective,.meter{min-height:44px}.meter strong,.objective b{font-size:18px}#menu{grid-template-columns:1fr}.season-preview{display:none}.panel{padding:25px}.hero-panel h1{font-size:72px}.quick-controls{display:none}.level-grid{grid-template-columns:repeat(3,1fr)}#mobileControls{display:flex}.prompt{bottom:130px}.toast{top:120px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}