:root{--asphalt: #121820;--navy: #1b2836;--water: #1a3d4a;--foam: #7ec8c0;--steel: #c5c1b4;--aluminum: #e6e0d2;--ink: #14110c;--tension: #3dd6c6;--compression: #f25c3d;--fail: #ff6b4a}:root{--yellow: #f2c14e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:var(--asphalt);color:var(--aluminum);font-family:Atkinson Hyperlegible,sans-serif}#app,#game{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none}#game canvas{display:block;touch-action:none;width:100%;height:100%}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#overlay .panel,#overlay button,#overlay .chip,#overlay .stamp,#overlay .legend,#overlay .result{pointer-events:auto}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.topbar,.dock{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.stamp{background:#d8d2c4;color:var(--ink);border:0;box-shadow:0 10px 18px #00000059;padding:10px 14px;min-height:52px}.stamp h1,.stamp h2,.mode-card h2{font-family:Teko,sans-serif;font-weight:600;letter-spacing:.02em;line-height:.9;margin:0}.stamp h1{font-size:clamp(2rem,4vw,3.2rem)}.stamp p,.mode-card p,.legend,.scoreline{margin:4px 0 0;font-size:.95rem}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}button{font-family:Teko,sans-serif;font-size:1.35rem;letter-spacing:.04em;border:0;min-height:52px;padding:0 18px;cursor:pointer;background:var(--yellow);color:var(--ink);box-shadow:0 8px #9a7420}@media(hover:hover){button:hover{transform:translateY(-1px)}}button:active{transform:translateY(2px);box-shadow:0 4px #9a7420}button.ghost{background:#2a3644;color:var(--aluminum);box-shadow:0 8px #10151c}button.danger{background:var(--fail);box-shadow:0 8px #8a2d1c}button:focus-visible{outline:3px solid #fff4c2;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.menu-stack{width:min(1040px,100%);display:grid;justify-items:center;gap:18px}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{text-align:left;min-height:220px;padding:22px 22px 18px;background:var(--yellow);color:var(--ink);box-shadow:0 16px #9a7420,0 22px 28px #00000059;display:flex;flex-direction:column;justify-content:space-between}.start-plate{text-align:center;width:min(480px,100%);min-height:0;margin:0 auto;padding:28px 28px 22px;gap:10px}.wordmark{display:flex;align-items:center;justify-content:center;gap:14px}.wordmark span{font-family:Teko,sans-serif;font-weight:700;font-size:clamp(3.2rem,8vw,5.4rem);letter-spacing:.02em;line-height:.86}.mark{width:72px;height:28px;flex:0 0 auto}.start-plate h1{margin:0}.district-lockup{display:block;width:min(320px,72%);height:auto;margin:6px auto 0}.mode-card h2{font-size:clamp(2.6rem,6vw,4.4rem)}.legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:#121820c7;padding:10px 14px;color:var(--aluminum)}.swatch{display:inline-flex;align-items:center;gap:8px}.swatch i{width:28px;height:8px;display:block}.swatch .tension{background:repeating-linear-gradient(90deg,var(--tension) 0 8px,#10353a 8px 12px)}.swatch .compression{background:repeating-linear-gradient(90deg,var(--compression) 0 6px,#3a1410 6px 10px)}.swatch .road{height:10px;background:#c4a36a}.chip{background:#1b2836;color:var(--aluminum);padding:8px 12px;min-width:92px;box-shadow:0 6px 10px #00000047}.chip.force-t{background:#10353a;color:#c8fff6}.chip.force-c{background:#3a1410;color:#ffd4c8}.chip span{color:inherit;font-size:.78rem;letter-spacing:.04em}.chip strong{display:block;font-family:Teko,sans-serif;font-size:1.8rem;line-height:1}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#0a0c108c;pointer-events:auto}.result .stamp{width:min(520px,calc(100% - 32px));padding:22px}.types{display:flex;gap:8px;flex-wrap:wrap}.types button[aria-pressed=true]{outline:3px solid #fff4c2}@media(max-width:1100px){.topbar,.dock{flex-direction:column;align-items:stretch}.actions,.types{justify-content:flex-start}.chip{min-width:72px}}@media(max-width:820px){.mode-row{grid-template-columns:1fr}button,.stamp{min-height:48px}.wordmark span{font-size:clamp(2.6rem,12vw,4.4rem)}}