:root{--bg: #131a21;--bg-soft: #182129;--card: #1e2832;--card-hi: #26323d;--line: #2f3d49;--text: #eaf0f6;--dim: #94a8ba;--accent: #e0a73b;--accent-ink: #1a222b;--danger: #e0574a;--ok: #56c98a;--board: #d9b46e;--board-edge: #c69d55;--board-line: #7a5526;--terr-black: #3fbf7f;--terr-white: #56a8e6;--terr-neutral: #6b7a88;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--pad: 14px;--nav-h: 62px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{min-height:100dvh}.screen-host{display:block}.screen-in{animation:screen-in .22s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen{max-width:520px;margin:0 auto;padding:calc(var(--pad) + env(safe-area-inset-top)) var(--pad) calc(var(--nav-h) + 18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.match-screen{padding-bottom:calc(18px + env(safe-area-inset-bottom));gap:10px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.topbar-title b{display:block;font-size:20px;letter-spacing:.2px}.topbar-sub{display:block;font-size:12px;color:var(--dim);margin-top:2px}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;white-space:nowrap}.section{font-size:13px;font-weight:700;color:var(--dim);margin:8px 0 -2px;text-transform:uppercase;letter-spacing:.6px}.xp-bar{height:7px;border-radius:999px;background:var(--card);overflow:hidden}.xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#f3d489);transition:width .3s ease}.xp-label{font-size:11px;color:var(--dim);margin-top:-6px}.list{display:flex;flex-direction:column;gap:10px}.card{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.card:active{transform:scale(.985);background:var(--card-hi)}.card.locked{opacity:.55}.resume-card{border-color:var(--accent);background:linear-gradient(180deg,#2a3340,var(--card))}.rules-card{background:var(--bg-soft)}.mode-emoji{font-size:26px;width:34px;text-align:center;flex:none}.art-emoji{display:inline-block}.art-img{display:block;width:100%;height:auto;object-fit:contain}.mode-emoji.art-img{width:34px;height:34px}.mode-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.mode-name{font-weight:700;font-size:15px}.mode-desc{font-size:12px;color:var(--dim);line-height:1.35}.mode-meta{font-size:11px;color:var(--accent);font-weight:600}.mode-side{flex:none;color:var(--dim);font-size:13px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mode-lock{font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 8px;text-align:center}.stat b{display:block;font-size:18px}.stat span{display:block;font-size:10px;color:var(--dim);margin-top:2px}.group{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:left;font-size:14px}.row:last-child{border-bottom:0}.toggle-row{cursor:pointer}.row .dim{color:var(--dim);font-size:13px}.row.danger{color:var(--danger);cursor:pointer}.empty{color:var(--dim);font-size:14px;text-align:center;padding:24px 0}.switch{width:42px;height:25px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .16s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#cfd8e0;transition:transform .16s ease}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(17px);background:#fff}.segmented{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg{padding:6px 12px;background:none;border:0;color:var(--dim);font:inherit;font-size:12px;font-weight:600}.seg.on{background:var(--accent);color:var(--accent-ink)}.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:11px 16px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .1s ease}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:var(--card)}.btn-sub{font-size:10px;font-weight:500;color:inherit;opacity:.72}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.action-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.action-bar.sticky{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom))}.match-top{display:flex;align-items:center;gap:10px}.match-title{flex:1;font-weight:700;font-size:15px;text-align:center}.match-score{font-variant-numeric:tabular-nums;font-weight:800;font-size:17px;min-width:62px;text-align:right}.match-score .sep{color:var(--dim);margin:0 2px}.players{display:flex;flex-direction:column;gap:6px}.player{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);font-size:12px}.player.active{border-color:var(--accent);background:var(--card-hi)}.pstone{width:16px;height:16px;border-radius:50%;flex:none}.pstone.b{background:radial-gradient(35% 30% at 35% 28%,#5f6b78,#14181d 72%)}.pstone.w{background:radial-gradient(35% 30% at 35% 28%,#fff,#c8c0ae 78%)}.pname{font-weight:700;flex:1}.pmeta{color:var(--dim)}.pmeta b{color:var(--text);font-variant-numeric:tabular-nums}.goal-line{font-size:12px;font-weight:600;color:var(--accent);background:#e0a73b1a;border:1px solid rgba(224,167,59,.28);border-radius:var(--r-sm);padding:7px 10px;text-align:center}.turn-line{text-align:center;font-size:13px;font-weight:700;min-height:18px}.turn-line.busy{color:var(--dim)}.ghost-bar{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--accent);border-radius:var(--r-sm);padding:8px 10px}.ghost-coord{font-weight:800;font-variant-numeric:tabular-nums}.ghost-info{flex:1;font-size:11px;color:var(--dim);line-height:1.3}.ghost-bar .btn{padding:8px 12px;font-size:13px}.board-wrap{width:100%;max-width:460px;margin:0 auto}.board-wrap.small{max-width:300px}.board{display:block;width:100%;height:auto}.board-bg{fill:var(--board);stroke:var(--board-edge);stroke-width:.06}.grid{stroke:var(--board-line);stroke-width:.026;opacity:.8}.grid-edge{fill:none;stroke:var(--board-line);stroke-width:.05}.star{fill:var(--board-line)}.coord{fill:#6b4a22;font-size:.34px;font-weight:700;opacity:.8}.stone{stroke:#00000059;stroke-width:.02}.stone-w{stroke:#5a461e59}.stone.doomed{opacity:.45}.atari-ring{fill:none;stroke:var(--danger);stroke-width:.06;opacity:.9;stroke-dasharray:.16 .12}.doom-x{stroke:var(--danger);stroke-width:.07;fill:none;stroke-linecap:round}.last-mark{fill:none;stroke-width:.07}.last-mark.on-black{stroke:#f0d9a0}.last-mark.on-white{stroke:#3a3226}.ko-mark{fill:none;stroke:var(--danger);stroke-width:.05}.wall{fill:#4b3a22;stroke:#2f2415;stroke-width:.04}.terr{pointer-events:none}.terr-b{fill:var(--terr-black);opacity:.55}.terr-w{fill:var(--terr-white);opacity:.5}.terr-n{stroke:var(--terr-neutral);stroke-width:.07;fill:none;opacity:.8;stroke-linecap:round}.goal-mark{fill:none;stroke:var(--accent);stroke-width:.05;stroke-dasharray:.18 .12}.ghost{opacity:.62}.ghost-ring{fill:none;stroke:var(--accent);stroke-width:.06;animation:ghost-pulse 1.1s ease-in-out infinite}.ghost-ring.ghost-bad,.ghost.ghost-bad{stroke:var(--danger)}.ghost.ghost-bad{opacity:.35}.ghost-x{stroke:var(--danger);stroke-width:.08;fill:none;stroke-linecap:round}@keyframes ghost-pulse{0%,to{opacity:.55}50%{opacity:1}}.libs{font-size:.44px;font-weight:800}.libs.on-black{fill:#fff}.libs.on-white{fill:#2a2118}.hint-ring{fill:none;stroke:var(--ok);stroke-width:.08;animation:hint-pulse 1s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:1}}.hit{fill:transparent;cursor:pointer}.result-head{text-align:center}.result-emoji{font-size:40px;line-height:1}.result-head h1{margin:6px 0 2px;font-size:24px}.result-head.win h1{color:var(--ok)}.result-head.lose h1{color:var(--danger)}.result-sub{margin:0;font-size:13px;color:var(--dim)}.reward{margin-top:8px;font-size:13px;font-weight:700;color:var(--accent)}.level-up{margin-top:4px;font-size:13px;font-weight:700;color:var(--ok)}.legend{font-size:11px;color:var(--dim);text-align:center;line-height:1.45;margin:0}.score-table{width:100%;border-collapse:collapse;font-size:14px}.score-table th,.score-table td{padding:9px 10px;border-bottom:1px solid var(--line)}.score-table th{font-size:11px;color:var(--dim);text-align:left;font-weight:700}.score-table .num{text-align:right;font-variant-numeric:tabular-nums}.score-table tr.total td{font-weight:800;border-bottom:0;font-size:16px}.puzzle-card{align-items:stretch}.puzzle-thumb{width:74px;flex:none;display:block}.puzzle-thumb .board{border-radius:6px}.puzzle-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.puzzle-name{font-weight:700;font-size:14px}.puzzle-hint{font-size:11px;color:var(--dim);line-height:1.35}.puzzle-meta{font-size:10px;color:var(--accent);font-weight:600}.puzzle-side{flex:none;color:var(--dim);align-self:center}.puzzle-card.solved{border-color:#56c98a80}.navbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#131a21f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.nav-btn{flex:1;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:none;border:0;color:var(--dim);font:inherit;cursor:pointer}.nav-btn.on{color:var(--accent)}.nav-emoji{font-size:19px;line-height:1}.nav-label{font-size:10px;font-weight:700}#toast-host{position:fixed;left:0;right:0;top:calc(10px + env(safe-area-inset-top));z-index:80;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{max-width:88vw;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;background:var(--card-hi);border:1px solid var(--line);color:var(--text);opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.toast-in{opacity:1;transform:none}.toast-warn{border-color:var(--danger);color:#ffd9d4}.toast-ok{border-color:var(--ok);color:#d7f6e5}#net-banner{position:fixed;left:0;right:0;top:0;z-index:70;padding:calc(6px + env(safe-area-inset-top)) 10px 6px;background:#4a3a12;color:#ffe6b0;font-size:12px;font-weight:600;text-align:center;transform:translateY(-110%);transition:transform .25s ease}#net-banner.on{transform:none}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:#080c1099;animation:fade-in .18s ease both}.sheet{width:100%;max-width:520px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;animation:sheet-up .22s ease both}.sheet h3{margin:0;font-size:18px}.sheet-text{margin:0;font-size:14px;line-height:1.5}.sheet-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.rules-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.45}.rules-list li::marker{color:var(--accent);font-weight:800}.rules-note{margin:0;font-size:12px;line-height:1.5;color:var(--accent)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(18px)}to{transform:none}}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.blocker-card{max-width:320px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.blocker-emoji{font-size:40px}.blocker-title{font-size:19px}.blocker-text{margin:0;font-size:13px;color:var(--dim);line-height:1.5}