:root{color-scheme:dark;--bg: #0b0d12;--panel: #121826;--panel2: #0f1420;--text: #e7eaf0;--muted: #a5aec3;--accent: #7dd3fc;--accent2: #a78bfa;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--gutter-x: 14px;--gutter-top: 14px;--gutter-bottom: 18px}*{box-sizing:border-box}html,body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background-color:var(--bg);background:radial-gradient(900px 700px at 15% 10%,#a78bfa2e,#0b0d1200 60%),radial-gradient(900px 700px at 85% 20%,#7dd3fc24,#0b0d1200 60%),radial-gradient(1000px 800px at 50% 110%,#22c55e1a,#0b0d1200 55%),linear-gradient(180deg,#0b0d12,#07090e);color:var(--text);overscroll-behavior:none}body{min-height:100svh}@supports (height: 100dvh){body{min-height:100dvh}}a{color:var(--accent);text-decoration:none}.topbar{display:grid;justify-items:center;padding:calc(var(--gutter-top) + var(--safe-top)) calc(var(--gutter-x) + var(--safe-right)) 10px calc(var(--gutter-x) + var(--safe-left))}.hud{width:min(86vw,760px);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hudItem,.hudBtn{background:linear-gradient(180deg,#121826d9,#090b10bf);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;min-height:54px;display:grid;place-items:center;box-shadow:0 10px 26px #00000040}.hudItem__label{color:var(--muted);font-size:11px;line-height:1}.hudItem__value{font-weight:850;font-size:16px;margin-top:4px}.hudBtn{cursor:pointer;color:var(--text);font-weight:850;letter-spacing:.2px}.hudBtn:active{transform:translateY(1px)}.btn{border:1px solid rgba(255,255,255,.12);background:#121826d9;color:var(--text);border-radius:10px;padding:10px 12px;font-weight:650;cursor:pointer;touch-action:manipulation}.btnPrimary{border-color:#7dd3fc8c;background:#7dd3fc26}.layout{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 calc(var(--gutter-x) + var(--safe-right)) calc(var(--gutter-bottom) + var(--safe-bottom)) calc(var(--gutter-x) + var(--safe-left));max-width:900px;margin:0 auto}.boardWrap{width:min(86vw,760px);display:grid;gap:10px;justify-items:stretch;align-content:start}#gameCanvas{width:100%;height:auto;background:linear-gradient(180deg,#121826d9,#090b10d9);border-radius:16px;border:1px solid rgba(255,255,255,.08);touch-action:none;-webkit-user-select:none;user-select:none;display:block}.hint{color:var(--muted);font-size:12px;line-height:1.35;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background:#0000008c;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}.hidden{display:none}.overlayCard{width:min(520px,100%);background:linear-gradient(180deg,#121826f2,#090b10f2);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.overlayCard--menu{min-height:360px;display:flex;flex-direction:column}.overlayHeader{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-bottom:12px}.overlayTitle{font-weight:800;font-size:18px}.overlayTitle--menu{text-align:center}.overlayBack,.overlayClose{width:44px;height:36px;padding:0;display:grid;place-items:center;border-radius:12px}.overlayBack{width:60px;font-size:12px}.overlayClose{font-size:18px;line-height:1}.overlayBack--hidden{visibility:hidden;pointer-events:none}.overlayBody{margin-top:10px;display:grid;gap:10px;color:var(--text)}.overlayCard--menu .overlayHeader{margin-bottom:0}.overlayCard--menu>.menuDivider{margin:12px 0}.overlayCard--menu .menuDivider+.overlayBody{margin-top:2px}.overlayRow{display:flex;justify-content:space-between;color:var(--muted);font-weight:650}.overlayActions{margin-top:14px;display:flex;justify-content:end;gap:10px}.menuPage{height:100%}.menuActions{display:grid;grid-template-columns:1fr;gap:10px}.menuDivider{height:1px;margin:6px 0;background:#ffffff1a}.menuField{display:grid;gap:6px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0a0e1659}.menuField__label{color:var(--muted);font-weight:700;font-size:12px}.menuMeta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;opacity:.75;display:flex;justify-content:center;gap:8px}.footer__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.footer__sep{opacity:.45}.footer__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.aboutMeta{margin-top:12px;display:grid;gap:8px}.aboutSectionTitle{margin-top:6px;font-weight:800;font-size:14px;letter-spacing:.01em;color:var(--text)}.aboutList{margin:0;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.35}.aboutList li{margin:4px 0}.aboutDivider{height:1px;margin:6px 0;background:#ffffff1a}.aboutLink{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(125,211,252,.45);background:#7dd3fc1f;color:var(--text);font-weight:750;text-decoration:none}.aboutBtn{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121826d9;color:var(--text);font-weight:750;cursor:pointer}.leaderboardList{display:grid;gap:8px}.leaderboardRow{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-weight:650}.leaderboardRow__right{display:grid;justify-items:end;gap:2px}.leaderboardRow__meta{color:var(--muted);font-size:11px;font-weight:600}.leaderboardRow__score{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 860px){.boardWrap{width:min(92vw,760px)}.hud{width:min(92vw,760px);gap:8px}}