:root{color-scheme:dark;--bg: #0b0d12;--panel: #121826;--panel2: #0f1420;--text: #e7eaf0;--muted: #a5aec3;--cell: #1a2436;--cell2: #223047;--ghost: rgba(125, 211, 252, .45);--bad: rgba(248, 113, 113, .45);--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;--layout-gap: 14px;--shell-width: min(86vw, 520px);--board-edge: min(86vw, 520px);--topbar-height: 0px;--hand-dock-height: 0px;--board-padding: 10px;--board-gap: 6px;--hand-gap: 10px;--piece-padding: 10px}*{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;display:flex;flex-direction:column}@supports (height: 100dvh){body{min-height:100dvh}}body.touch-drag-active{overflow:hidden}.topbar{flex:0 0 auto;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(100%,var(--shell-width));display:grid;grid-template-columns:repeat(4,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}.btn:disabled{opacity:.45;cursor:not-allowed}.btnPrimary{border-color:#7dd3fc8c;background:#7dd3fc26}.layout{flex:1 1 auto;width:min(100%,900px);min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--layout-gap);padding:0 calc(var(--gutter-x) + var(--safe-right)) calc(var(--gutter-bottom) + var(--safe-bottom)) calc(var(--gutter-x) + var(--safe-left));margin:0 auto}.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}.boardWrap{width:min(100%,var(--shell-width));display:grid;place-items:center;min-height:0}.boardStage{width:min(100%,var(--board-edge));position:relative}.board{width:100%;aspect-ratio:1 / 1;background:linear-gradient(180deg,#121826d9,#090b10d9);border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:var(--board-padding);display:grid;grid-template-columns:repeat(var(--board-size, 8),1fr);grid-template-rows:repeat(var(--board-size, 8),1fr);gap:var(--board-gap);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.scoreEventLayer{position:absolute;top:8px;right:8px;display:grid;gap:8px;justify-items:end;pointer-events:none;z-index:3}.scoreEvent{background:linear-gradient(180deg,#121826eb,#090b10eb);border:1px solid rgba(125,211,252,.5);border-radius:12px;padding:8px 10px;display:grid;gap:5px;box-shadow:0 12px 28px #00000047;animation:scoreEventInOut .9s ease forwards}.scoreEvent__main{color:var(--text);font-size:16px;font-weight:850;line-height:1;text-align:right}.scoreEvent__tags{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.scoreEvent__tag{font-size:11px;font-weight:750;color:var(--accent);background:#7dd3fc29;border:1px solid rgba(125,211,252,.3);border-radius:999px;padding:2px 7px;white-space:nowrap}.scoreEvent__tag--clear{color:#86efac;background:#22c55e24;border-color:#22c55e52}@keyframes scoreEventInOut{0%{opacity:0;transform:translateY(8px) scale(.98)}15%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.98)}}.cell{border-radius:10px;background:linear-gradient(180deg,var(--cell) 0%,#121a29 100%);border:1px solid rgba(255,255,255,.06);position:relative}.cell.filled{background:linear-gradient(180deg,color-mix(in srgb,var(--fill, #ffffff) 92%,white 8%),color-mix(in srgb,var(--fill, #ffffff) 85%,#0b0d12 15%));border-color:color-mix(in srgb,var(--fill, #ffffff) 40%,rgba(255,255,255,.1) 60%);box-shadow:0 0 0 1px #ffffff0d inset,0 8px 18px #0003}.cell.ghost-ok{background:linear-gradient(180deg,#7dd3fc8c,#7dd3fc38)}.cell.ghost-bad{background:linear-gradient(180deg,#f871718c,#f8717138)}.cell.ghost-ok:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;border:2px solid rgba(125,211,252,.85);box-shadow:0 0 10px #7dd3fc38;pointer-events:none}.cell.ghost-bad:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;border:2px solid rgba(248,113,113,.85);box-shadow:0 0 10px #f871712e;pointer-events:none}.cell.ghost-ok-filled:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;border:2px solid rgba(125,211,252,.9);box-shadow:0 0 10px #7dd3fc38;pointer-events:none}.cell.ghost-bad-filled:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;border:2px solid rgba(248,113,113,.9);box-shadow:0 0 10px #f871712e;pointer-events:none}.cell.ghost-anchor-ok:after,.cell.ghost-anchor-bad:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:8px;border:3px solid rgba(255,255,255,.92);pointer-events:none}.cell.ghost-anchor-ok:after{border-color:#7dd3fcf5;box-shadow:0 0 0 1px #7dd3fc73 inset,0 0 14px #7dd3fc59}.cell.ghost-anchor-bad:after{border-color:#f87171f5;box-shadow:0 0 0 1px #f8717166 inset,0 0 14px #f8717152}.cell.clear-line{background:linear-gradient(180deg,#a78bfa59,#7dd3fc2e);box-shadow:0 0 0 2px #a78bfabf inset,0 0 18px #a78bfa47;border-color:#a78bfa8c}.hint{color:var(--muted);font-size:12px;line-height:1.35;text-align:center}.handWrap{width:min(100%,var(--shell-width));background:transparent;border:none;border-radius:0;padding:0;align-content:start;display:grid;gap:10px}.handTitle{font-weight:750;color:var(--text)}.hand{--piece-padding: 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hand-gap);touch-action:none}.piece{min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0a0e1699;padding:var(--piece-padding);display:grid;place-items:center;touch-action:none;aspect-ratio:1 / 1}.piece.dragging{opacity:0;pointer-events:none}.piece.kbd-selected{border-color:#7dd3fc8c;box-shadow:0 0 0 2px #7dd3fc38 inset}.dragCursor{position:fixed;left:0;top:0;transform:translate(-50%,-50%);width:92px;height:92px;background:transparent;border:none;border-radius:0;box-shadow:none;display:grid;place-items:center;pointer-events:none;z-index:999}.dragCursor.hidden{display:none}.dragCursor .mini{width:100%;height:100%}.dragCursor--touch{filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.piece.used{opacity:.35}.mini{width:100%;height:100%;aspect-ratio:1 / 1;position:relative}.miniBlock{position:absolute;border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--mini-fill, #a78bfa) 92%,white 8%),color-mix(in srgb,var(--mini-fill, #a78bfa) 85%,#0b0d12 15%));border:1px solid rgba(255,255,255,.14)}.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 + var(--safe-top)) 18px calc(18px + var(--safe-bottom))}.hidden{display:none}.overlayCard{width:min(520px,100%);max-width:520px;background:linear-gradient(180deg,#121826f2,#090b10f2);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.overlayCard--gameOver{display:grid;gap:0}.overlayCard--menu{min-height:360px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.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}.overlayClose{font-size:18px;line-height:1}.overlayBack{font-size:12px}.overlayBack--hidden{visibility:hidden;pointer-events:none}.overlayBody{margin-top:10px;display:grid;gap:10px;color:var(--text)}.overlayBody--menu{min-height:0}.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;flex-wrap:wrap}.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--leaderboard{margin-bottom:10px}.menuField__label{color:var(--muted);font-weight:700;font-size:12px}.menuField__hint{color:var(--muted);font-size:12px;line-height:1.35}.menuField select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#121826d9;color:var(--text);font-weight:700}.asciiArt{margin:0;padding:10px;background:#0a0e1666;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:14px;line-height:1.1;text-align:center;overflow:auto}.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}.aboutMeta{margin-top:12px;display:grid;gap:8px}.overlayTitle--about{font-size:16px}.hint--about{text-align:left}.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}.aboutLink:active{transform:translateY(1px)}.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}.aboutBtn:hover{border-color:#ffffff2e;background:#121826f2}.aboutBtn:active{transform:translateY(1px)}.aboutBtn:disabled{opacity:.55;cursor:not-allowed}.aboutRow{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:650}.leaderboardList{display:grid;gap:8px}.leaderboardList--overview{gap:0}.leaderboardList--overview .leaderboardRow{padding:8px 0}.leaderboardList--overview .menuDivider{margin:0}.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){:root{--layout-gap: 12px;--shell-width: 100%}.hud{gap:8px}}@media (max-width: 860px) and (orientation: portrait){.layout{width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;padding:0 calc(var(--gutter-x) + var(--safe-right)) 0 calc(var(--gutter-x) + var(--safe-left))}.boardWrap{width:100%;align-self:stretch}.handWrap{width:100%;align-self:stretch;display:grid;gap:8px;padding:12px 12px calc(12px + var(--safe-bottom));border:1px solid rgba(255,255,255,.1);border-radius:22px 22px 0 0;background:linear-gradient(180deg,#171f30f2,#0c111cfa);box-shadow:0 -14px 34px #00000047,0 1px #ffffff0a inset}.hand{--piece-padding: 8px;--hand-gap: 8px}.piece{border-radius:16px;background:linear-gradient(180deg,#0c121de6,#090c14d1)}}@media (max-width: 640px){.overlay{align-items:end;justify-content:stretch;padding:calc(10px + var(--safe-top)) 0 0}.overlayCard{width:100%;max-width:none;max-height:calc(100dvh - var(--safe-top) - 10px);overflow:hidden;border-radius:24px 24px 0 0;padding:16px 16px calc(16px + var(--safe-bottom))}.overlayCard--menu,.overlayCard--gameOver{min-height:0}.overlayBody{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.overlayActions{flex-direction:column;justify-content:stretch}.overlayActions .btn{width:100%}}