:root{--bg-0: #062e1f;--bg-1: #0d5c3a;--bg-2: #0b4a30;--line: rgba(255, 255, 255, .22);--text: #eef8f1;--accent: #ffd166}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;font-family:Montserrat,Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 15%,#1d7c53 0%,transparent 36%),radial-gradient(circle at 80% 0%,#145f3e 0%,transparent 38%),linear-gradient(140deg,#082c1d,#041f15)}body.prestart #app{visibility:hidden}.start-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 34%),radial-gradient(circle at 82% 6%,rgba(255,255,255,.07),transparent 36%),linear-gradient(140deg,#082c1d,#041f15)}body:not(.prestart) .start-screen{display:none}.start-card{width:min(560px,92vw);border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,#145a3ae6,#0b3c28d9);box-shadow:0 18px 38px #00000059;padding:clamp(20px,4vw,30px);text-align:center}.start-card h1{margin:0;font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:.04em}.start-card p{margin:10px 0 16px;opacity:.92;font-size:clamp(.95rem,2vw,1.08rem)}.start-btn{font-size:1rem;padding:10px 16px}#app{display:grid;grid-template-rows:auto 1fr;padding:14px;gap:12px;min-height:100dvh}.hud-shell{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;border-radius:14px;padding:12px 16px;border:1px solid var(--line);background:linear-gradient(160deg,#145a3ae6,#0b3c28d9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hud-title h1{margin:0;font-size:clamp(1.15rem,1.9vw,1.85rem);letter-spacing:.04em;text-transform:uppercase}.hud-title p{margin:2px 0 0;opacity:.85;font-size:.84rem;font-family:Montserrat,Segoe UI,Trebuchet MS,sans-serif;letter-spacing:.02em}.hud-controls{display:flex;gap:8px;flex-wrap:wrap}.hud-menu-btn{display:none;border:1px solid rgba(255,255,255,.32);color:#effcf3;background:linear-gradient(180deg,#ffffff3d,#ffffff0f);border-radius:8px;padding:7px 11px;cursor:pointer;font-weight:800;font-size:1.06rem;line-height:1}.hud-menu-btn:hover{border-color:var(--accent)}.hud-compact-line{display:none;align-items:center;gap:10px;min-height:32px}.hud-compact-title{font-weight:700;font-size:.95rem;letter-spacing:.01em}.hud-compact-score{font-weight:700;font-size:.92rem;letter-spacing:.01em;opacity:.95}.hud-btn{border:1px solid rgba(255,255,255,.32);color:#effcf3;background:linear-gradient(180deg,#ffffff3d,#ffffff0f);border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700;letter-spacing:.02em}.hud-btn:hover{border-color:var(--accent)}.hud-stats{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;font-weight:700;font-size:.95rem}.state-live{color:#ddffd8}.state-win{color:#ffe38a}.state-surrender{color:#ffb4a2}#game-root{min-height:clamp(420px,72dvh,980px);border-radius:16px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));box-shadow:0 14px 30px #00000047;touch-action:none;overscroll-behavior:contain}#game-root canvas{display:block;width:100%;height:100%;touch-action:none}.help-screen{display:none;min-height:clamp(420px,72dvh,980px);border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 20% 15%,rgba(255,209,102,.12),transparent 35%),linear-gradient(180deg,#104f34,#0b3e2a);box-shadow:0 14px 30px #00000047;padding:clamp(14px,2vw,24px);overflow:auto}#app.help-open #game-root{display:none}#app.help-open .help-screen{display:block}.help-card{max-width:980px;margin:0 auto;line-height:1.45}.help-card h2{margin:0 0 12px;font-size:clamp(1.4rem,2.3vw,2rem);letter-spacing:.02em}.help-card h3{margin:14px 0 6px;font-size:clamp(1rem,1.6vw,1.25rem)}.help-card p{margin:0 0 8px;opacity:.95}.help-card ul{margin:0 0 10px 20px;padding:0}.help-card li{margin-bottom:4px}.help-back-btn{margin-top:8px}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(18px);opacity:0;pointer-events:none;background:#000000ad;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:8px 14px;font-weight:700;transition:transform .18s ease,opacity .18s ease;z-index:20}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1050px){#app{padding:10px;gap:8px}.hud-shell{grid-template-columns:auto 1fr;align-items:start}.hud-title{display:none;grid-column:1 / -1}#app.menu-open .hud-title{display:block}.hud-menu-btn{display:inline-flex;align-items:center;justify-content:center;grid-column:1 / 2;justify-self:start}.hud-compact-line{display:inline-flex;grid-column:2 / 3;justify-self:start}#app.menu-open .hud-compact-line{display:none}.hud-controls{display:none;grid-column:1 / -1;width:100%;flex-direction:column;align-items:stretch;gap:8px;margin-top:2px}#app.menu-open .hud-controls{display:flex}.hud-controls .hud-btn{width:100%;text-align:left}.hud-stats{display:none;grid-column:1 / -1;justify-content:flex-start}#app.menu-open .hud-stats{display:flex}#game-root,.help-screen{min-height:clamp(390px,66dvh,820px)}}@media(max-width:760px){#app{padding:8px;gap:7px}.hud-shell{padding:10px 12px;gap:10px}.hud-title p{font-size:.78rem}.hud-controls{gap:6px}.hud-menu-btn{padding:6px 10px;font-size:1rem}.hud-btn{padding:7px 10px;font-size:.86rem}.hud-stats{gap:10px;font-size:.86rem}#game-root{min-height:clamp(330px,58dvh,700px)}.help-screen{min-height:clamp(330px,58dvh,700px);padding:12px}}