:root{--bg: #05060a;--panel: #0c1020;--empty: #0a0e1c;--claimed: #1d3b6e;--claimed-edge: #5aa0ff;--trail: #ffd24a;--marker: #6cff9e;--drifter: #ff4a7d;--sparker: #ff8a3a;--text: #d8e2ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0%,#10152b 0%,var(--bg) 70%);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh;display:flex;justify-content:center}#app{padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:700px;width:100%}header{text-align:center;width:100%}h1{margin:0 0 6px;letter-spacing:.4em;font-weight:800;color:var(--trail);text-shadow:0 0 12px rgba(255,210,74,.5)}#hud{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:14px;opacity:.92}#hud b{color:#fff}canvas{background:var(--empty);border:2px solid #2a3354;border-radius:6px;box-shadow:0 0 40px #5aa0ff26;image-rendering:pixelated;touch-action:none;max-width:100%}#status{min-height:1.4em;margin:0;font-size:18px;font-weight:700;text-align:center}#status.win{color:var(--marker)}#status.lose{color:var(--drifter)}#status.warn{color:#2fd4a8}.help{margin:0;font-size:12px;opacity:.7;text-align:center}.help b{color:var(--text);opacity:1}