:root{--bg:#1a1325;--bg-2:#241a33;--panel:#2c2140;--panel-2:#352850;--ink:#f3ecff;--ink-dim:#b9acd6;--line:#43365e;--accent:#ff7eb6;--accent-2:#9b8cff;--good:#69db7c;--bad:#ff5c7c;--radius:14px;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:radial-gradient(1200px 800px at 80% -10%, #3a2a55 0%, var(--bg) 60%)}h1,h2,h3{color:var(--ink);margin:0;font-weight:700}button{font:inherit;cursor:pointer;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;transition:transform 60ms,filter .15s,background .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#1a1325;border:none;font-weight:700}.block{width:100%;margin-top:8px;display:block}input,select{font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}input:focus,select:focus,button:focus-visible,.board:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:1080px;margin:0 auto;padding:16px clamp(12px,3vw,28px) 48px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__cat{filter:drop-shadow(0 2px 6px #ff7eb680);font-size:30px}.brand h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px}.topbar__right{align-items:center;gap:10px;display:flex}.banner{background:var(--panel);border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;margin-bottom:12px;padding:8px 14px}.layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.stage,.side{flex-direction:column;gap:14px;display:flex}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hud__stats{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--panel);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:5px 12px;font-weight:600}.pill--muted{color:var(--ink-dim);font-weight:500}.hud__controls{flex-wrap:wrap;gap:6px;display:flex}.hud__size{max-width:160px}.board-frame{align-self:center;position:relative}.board-frame--locked .board{pointer-events:none;filter:saturate(.85)brightness(.95)}.board{--size:min(74vmin, 560px);--cell:calc(var(--size) / var(--n));width:var(--size);height:var(--size);grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);font-size:calc(var(--cell) * .56);touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:#15101f;border:3px solid #15101f;border-radius:12px;display:grid;overflow:hidden;box-shadow:0 18px 40px #00000073}.cell-wrap{position:relative}.cell{border:1px solid #0a06122e;place-items:center;transition:background .1s;display:grid;position:absolute;inset:0}.cell.b-t{border-top:3px solid #15101f}.cell.b-b{border-bottom:3px solid #15101f}.cell.b-l{border-left:3px solid #15101f}.cell.b-r{border-right:3px solid #15101f}.cell__glyph{filter:drop-shadow(0 1px 1px #00000059);line-height:1;animation:.14s pop}.cell--mark .cell__glyph{opacity:.55;font-size:.6em}.cell--cat{cursor:pointer}.cell--focused{box-shadow:inset 0 0 0 3px var(--accent-2);z-index:2}.cell--conflict{box-shadow:inset 0 0 0 3px var(--bad);z-index:3}.cell--conflict .cell__glyph{animation:.4s infinite alternate hiss}.cell--hint-place{box-shadow:inset 0 0 0 3px var(--good);z-index:4;animation:.7s infinite alternate pulse}.cell--hint-remove{box-shadow:inset 0 0 0 3px var(--bad);z-index:4;animation:.7s infinite alternate pulse}.cell--hint-evidence{filter:brightness(1.12)saturate(1.15);z-index:1;box-shadow:inset 0 0 0 2px #ffffffd9}.cell--hint-source{box-shadow:inset 0 0 0 3px var(--accent-2), inset 0 0 0 5px #ffffffb3;z-index:3}.cell--hint-remove:not(.cell--cat):after{content:"✕";color:var(--bad);text-shadow:0 0 3px #00000080;pointer-events:none;place-items:center;font-size:.8em;font-weight:800;display:grid;position:absolute;inset:0}.cell__cursors{pointer-events:none;gap:1px;font-size:.32em;display:flex;position:absolute;top:1px;right:2px}.cell__cursor{filter:drop-shadow(0 0 2px)}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes hiss{0%{transform:rotate(-6deg)scale(1)}to{transform:rotate(6deg)scale(1.08)}}@keyframes pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel h3{margin-bottom:10px;font-size:15px}.solo-hint p{color:var(--ink-dim);margin:6px 0 4px;font-size:14px}.presence__head{justify-content:space-between;align-items:center;display:flex}.code{letter-spacing:3px;background:var(--bg-2);color:var(--accent);border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace}.status{border-radius:999px;padding:2px 8px;font-size:12px}.status--online{color:var(--good);background:#69db7c26}.status--connecting{color:#ffd43b;background:#ffd43b26}.status--offline{color:var(--bad);background:#ff5c7c26}.presence__invite{gap:6px;margin:10px 0;display:flex}.presence__invite input{flex:1;min-width:0;font-size:12px}.presence__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.presence__list li{align-items:center;gap:8px;font-size:14px;display:flex}.avatar{border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.who{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.role{color:var(--ink-dim);font-size:11px}.presence__actions{flex-direction:column;gap:6px;margin-top:12px;display:flex}.ghost{background:0 0}.chat__log{flex-direction:column;gap:6px;height:180px;padding-right:4px;font-size:14px;display:flex;overflow-y:auto}.chat__empty{color:var(--ink-dim);font-size:13px}.chat__msg{gap:6px;display:flex}.chat__from{color:var(--accent-2);white-space:nowrap;font-weight:600}.chat__form{gap:6px;margin-top:10px;display:flex}.chat__form input{flex:1;min-width:0}.rules{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:100%;padding:4px 12px}.rules summary{cursor:pointer;padding:4px 0;font-weight:600}.rules ul{color:var(--ink-dim);margin:6px 0 10px;padding-left:18px;font-size:14px}.rules li{margin:4px 0}.win{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140e1e8c;border-radius:12px;place-items:center;animation:.2s pop;display:grid;position:absolute;inset:0}.win__card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:24px 28px;box-shadow:0 20px 50px #00000080}.win__cats{font-size:40px}.win__card h2{margin:8px 0}.win__card p{color:var(--ink-dim);margin-bottom:14px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0a061299;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:min(560px,100%);padding:22px;position:relative;box-shadow:0 30px 70px #0009}.modal__x{background:0 0;border:none;font-size:16px;position:absolute;top:12px;right:12px}.modal__tag{color:var(--ink-dim);margin:6px 0 16px}.modal__cols{grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;display:grid}@media (width<=540px){.modal__cols{grid-template-columns:1fr}}.modal section h3{color:var(--accent);margin-bottom:8px;font-size:14px}.field{margin-bottom:10px;display:block}.field span{color:var(--ink-dim);margin-bottom:4px;font-size:12px;display:block}.field input,.field select{width:100%}.seg{gap:6px;margin-bottom:8px;display:flex}.seg button{flex:1}.seg button.on{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#1a1325;border:none;font-weight:700}.settings{position:relative}.settings__gear{opacity:.4;transition:opacity .15s}.settings__gear:hover,.settings__gear[aria-expanded=true]{opacity:1}.settings__pop{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:260px;padding:.9rem 1rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #0006}.settings__pop h3{margin-bottom:.6rem;font-size:.95rem}.settings__opt{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.settings__opt small{color:var(--ink-dim);display:block}.hintcard{border-left:4px solid var(--accent-2)}.hintcard--cat{border-left-color:var(--good)}.hintcard--block,.hintcard--remove{border-left-color:var(--bad)}.hintcard__head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hintcard__badge{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.hintcard__tag{color:var(--ink-dim);font-size:11px}.hintcard p{color:var(--ink-dim);margin-bottom:12px;font-size:14px;line-height:1.45}.hintcard__actions{gap:8px;display:flex}@media (width<=860px){.hintcard{z-index:50;max-width:520px;margin:0 auto;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 32px #0000008c}}.settings__opt+.settings__opt{margin-top:.7rem}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.app--mobile{--mbar-h:52px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);max-width:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:var(--bg);flex-direction:column;height:100dvh;margin:0;display:flex;overflow:hidden}.mbar{height:var(--mbar-h);flex:none;align-items:center;gap:6px;padding:0 6px;display:flex}.mbar__btn{flex:none;place-items:center;width:38px;height:40px;padding:0;font-size:19px;line-height:1;display:grid}.mbar .hud__stats{flex-wrap:nowrap;flex:0 auto;gap:4px;min-width:0;overflow:hidden}.mbar .pill{white-space:nowrap;padding:3px 7px;font-size:12px}.mbar__tools{gap:3px;margin-left:auto;display:flex}.mstage{flex:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.app--mobile .board{--size:min(100vw - var(--safe-l) - var(--safe-r), 100dvh - var(--mbar-h) - var(--safe-t) - var(--safe-b));box-shadow:none;border-width:2px;border-radius:0}.app--mobile .win{border-radius:0}.banner--slim{z-index:5;margin:0;padding:3px 12px;font-size:13px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.app--mobile .hintcard{bottom:calc(12px + var(--safe-b))}@media (orientation:landscape){.app--mobile{flex-direction:row}.app--mobile .mbar{scrollbar-width:none;flex-direction:column;gap:6px;width:60px;height:auto;padding:6px 4px;overflow:hidden auto}.app--mobile .mbar .hud__stats{flex-direction:column;flex:none;align-items:stretch;gap:6px}.app--mobile .mbar__tools{flex-direction:column;margin:0}.app--mobile .mbar .pill{text-align:center;padding:2px 3px;font-size:11px}.app--mobile .mbar__btn{align-self:center;width:44px;height:40px}.app--mobile .board{--size:min(100vw - 60px - var(--safe-l) - var(--safe-r), 100dvh - var(--safe-t) - var(--safe-b))}}.sheet-backdrop{z-index:60;background:#0a061280;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:82dvh;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:18px 18px 0 0;animation:.18s sheet-up;overflow-y:auto;box-shadow:0 -16px 40px #00000080}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet section{margin-bottom:14px}.sheet section>h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:8px;font-size:12px}.sheet .hud__controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet .hud__controls .hud__size{width:100%;max-width:none}.sheet button,.sheet select{min-height:44px}.sheet .btn-primary{grid-column:1/-1}.sheet__row{flex-direction:column;gap:8px;display:flex}.sheet .settings__opt{align-items:center;min-height:44px}.sheet .settings__opt input{flex:none;width:22px;height:22px}.sheet .panel,.sheet .rules{margin-bottom:14px}.sheet .chat__log{height:140px}@media (width<=350px) and (orientation:portrait){.mbar{gap:4px;padding:0 4px}.mbar__btn{width:34px}.mbar .pill{padding:3px 5px;font-size:11px}}