:root{color-scheme:dark;--bg:#0b0d12;--panel:#121826;--panel2:#0f1420;--text:#e7eaf0;--muted:#a5aec3;--border: rgba(255,255,255,.1);--accent:#7dd3fc;--accent2:#a78bfa;--danger:#fb7185;--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{margin:0;height:100%;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text);overscroll-behavior:none;position:relative}body{margin:0;font-family:inherit;color:inherit;background:transparent;position:relative;z-index:1}html:before{content:"";position:fixed;top:-200px;right:-200px;bottom:-200px;left:-200px;z-index:0;pointer-events:none;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)}body{height:100%;min-height:100svh;overflow:hidden;display:flex;flex-direction:column}@supports (height: 100dvh){body{min-height:100dvh}}.topbar{display:grid;justify-items:center;flex:0 0 auto;padding:calc(var(--gutter-top) + var(--safe-top)) calc(var(--gutter-x) + var(--safe-right)) 10px calc(var(--gutter-x) + var(--safe-left))}@media (max-width: 520px){.topbar{padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) 8px calc(10px + var(--safe-left))}}.hud{width:min(92vw,520px);display:grid;grid-template-columns:1fr 1fr 110px;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;font-variant-numeric:tabular-nums}.hudBtn{cursor:pointer;color:var(--text);font-weight:850;letter-spacing:.2px}.hudBtn:active{transform:translateY(1px)}.main{max-width:1100px;margin:0 auto;width:100%;flex:1 1 auto;min-height:0;display:grid;grid-template-rows:1fr auto;gap:12px;justify-items:center;padding:0 calc(var(--gutter-x) + var(--safe-right)) calc(var(--gutter-bottom) + var(--safe-bottom)) calc(var(--gutter-x) + var(--safe-left))}@media (max-width: 520px){.main{gap:8px;padding:0 calc(8px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(8px + var(--safe-left))}}.stage{position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#121826b3,#090b10a6);border-radius:16px;overflow:hidden;width:100%;max-width:820px;height:100%;min-height:0}#gameCanvas{display:block;width:100%;height:100%;min-height:0;touch-action:none}@media (max-width: 520px){.stage{max-width:none}}.bottomBar{width:100%;max-width:820px;display:flex;gap:12px;align-items:stretch;justify-content:center}.nextCard{flex:0 0 220px;border:1px solid rgba(255,255,255,.1);background:#0a0e1659;border-radius:14px;padding:12px}.hudTitle{font-weight:800;font-size:12px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}#nextCanvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1}.dropBtn{display:none;touch-action:none}@media (max-width: 520px){.bottomBar{max-width:none;display:grid;grid-template-columns:1fr 168px;gap:10px;align-items:center}.dropBtn{display:flex;align-items:center;justify-content:center;width:100%;font-size:17px;padding:12px 14px;border-radius:18px;justify-self:stretch;align-self:stretch;height:100%}.nextCard{flex:unset;padding:10px;border-radius:16px}.hudTitle{margin-bottom:8px}#nextCanvas{max-width:96px;margin:0 auto}}.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}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left))}@supports (height: 100dvh){.overlay{height:100dvh}}.hidden,.overlay.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:260px;display:flex;flex-direction:column}.overlayHeader{display:grid;grid-template-columns:70px 1fr 44px;align-items:center;gap:10px;margin-bottom:12px}.overlayTitle{font-weight:800;font-size:18px}.overlayTitle--menu{text-align:center}.overlayClose{width:44px;height:36px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:18px;line-height:1}.overlayBack{width:70px;height:36px;padding:0 10px;display:grid;place-items:center;border-radius:12px;font-size:12px}.overlayBack--hidden{visibility:hidden;pointer-events:none}.overlayBody{margin-top:10px;display:grid;gap:10px;color:var(--text)}.overlayBody--menu{margin-top:0}.overlayRow{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-weight:650}.overlayActions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.menuDivider{height:1px;margin:10px 0;background:#ffffff1a}.menuActions{display:grid;gap:10px}.menuPage{height:100%}.hint{color:var(--muted);font-size:12px;line-height:1.35}.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;flex-wrap:wrap}.footer__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.footer__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.footer__sep{opacity:.45}.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}.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}.aboutLink:hover{border-color:#7dd3fcb3;background:#7dd3fc29}.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}