:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{min-height:100svh}:root{--bg:#e8ddc4;--surface:#fbf6ea;--surface-2:#f1e7cf;--ink:#2a2015;--muted:#8a7455;--line:#a9885a;--board-bg:#cd9c5c;--stone-black:#241d16;--stone-white:#f6efdd;--accent:#9c3b2c;--accent-ink:#fbf6ea;--danger-bg:#fbe2dc;--danger-ink:#8a2f21;--font-display:"Yeseva One", serif;--font-body:"PT Sans", sans-serif;--chip-radius:999px;--card-radius:16px;--hint-good:#43a047;--hint-neutral:#f2b705;--hint-bad:#e53935;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=tengen]{--bg:#12151a;--surface:#1a1e25;--surface-2:#20252d;--ink:#eae6da;--muted:#767e8a;--line:#333a45;--board-bg:#242a33;--stone-black:#0c0e11;--stone-white:#eae6da;--accent:#d9903f;--accent-ink:#181206;--danger-bg:#3a1f1a;--danger-ink:#f2b8a6;--font-display:"Unbounded", sans-serif;--font-body:"Manrope", sans-serif;--chip-radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);transition:background-color .15s}.app{max-width:680px;font-family:var(--font-body);color:var(--ink);min-height:100svh;margin:0 auto;padding:1.5rem}.app.app-wide{max-width:1200px}.topbar{justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1.5rem;display:flex}.topbar h1{font-family:var(--font-display);margin:0;font-size:1.5rem}.brand-link{cursor:pointer}.brand-link:hover{color:var(--accent)}.topbar-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface-2);width:2.1rem;height:2.1rem;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.me{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.profile-menu{position:relative}.profile-trigger{font-family:var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:.2rem 0;font-size:.9rem;display:inline-flex}.profile-trigger:hover{color:var(--accent)}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:32vw;overflow:hidden}.profile-caret{color:var(--muted);flex-shrink:0;transition:transform .15s}.profile-trigger[aria-expanded=true] .profile-caret{transform:rotate(180deg)}.profile-dropdown{background:var(--surface);border:1px solid var(--line);z-index:40;border-radius:10px;min-width:9rem;padding:.3rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 40px -12px #0000008c}.profile-item{width:100%;font-family:var(--font-body);color:var(--danger-ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.5rem .7rem;font-size:.9rem;display:block}.profile-item:hover{background:var(--danger-bg)}.button,.btn{font-family:var(--font-body);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--chip-radius);cursor:pointer;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.button,.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.login-prompt{flex-direction:column;align-items:flex-start;display:flex}.dev-login{border-top:1px dashed var(--line);color:var(--muted);flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.5rem;padding-top:1rem;font-size:.85rem;display:flex}.dev-login input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:.4rem}.waiting-room{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.1rem 1.3rem;display:flex}.invite input{border:1px solid var(--line);background:var(--surface-2);width:100%;max-width:360px;color:var(--ink);border-radius:8px;padding:.5rem .6rem;font-size:.9rem}.error{background:var(--danger-bg);color:var(--danger-ink);border-radius:10px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.notice{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:10px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.hub{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.hub-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);font-family:var(--font-body);color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem 1.4rem;display:flex}.hub-card:hover{border-color:var(--accent)}.hub-card-icon{background:var(--surface-2);width:2.6rem;height:2.6rem;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.hub-card-title{font-family:var(--font-display);font-size:1.2rem}.hub-card-desc{color:var(--muted);font-size:.85rem}.learn-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);color:var(--muted);padding:1.2rem 1.3rem}.learn-topics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.learn-topic-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--card-radius);font-family:var(--font-body);color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.2rem 1.3rem;display:flex}.learn-topic-card:hover{border-color:var(--accent)}.learn-topic-title{font-family:var(--font-display);font-size:1.1rem}.learn-topic-desc{color:var(--muted);font-size:.85rem}.tour-overlay{z-index:50;background:#0a0804c7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow:auto}.tour-stage{flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:480px;display:flex}.tour-exit{font-family:var(--font-body);background:var(--surface);color:var(--danger-ink);border:1px solid var(--line);border-radius:var(--chip-radius);cursor:pointer;align-self:flex-start;padding:.45rem .9rem;font-size:.82rem;font-weight:600}.tour-exit:hover{background:var(--danger-bg);border-color:var(--danger-ink)}.tour-board-wrap{background:var(--surface);border-radius:var(--card-radius);padding:.8rem;box-shadow:0 12px 40px -12px #0000008c}.tour-svg{max-width:100%;height:auto;display:block}.tour-scrim-board{fill:#0a0804ad}.tour-ring{fill:none;stroke:var(--accent);stroke-width:3px;animation:1.6s ease-in-out infinite tour-pulse}.tour-forbidden circle{fill:var(--danger-bg);stroke:var(--danger-ink);stroke-width:2px}.tour-forbidden line{stroke:var(--danger-ink);stroke-width:3px;stroke-linecap:round}.stone-dead{opacity:.45}.tour-dead-ring{fill:none;stroke:var(--danger-ink);stroke-width:2.5px;stroke-dasharray:4 3;opacity:.85}@keyframes tour-pulse{0%,to{opacity:.55;stroke-width:2.5px}50%{opacity:1;stroke-width:4px}}.tour-popup{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);width:100%;padding:1.1rem 1.3rem;box-shadow:0 12px 40px -12px #0000008c}.tour-text{margin:0 0 1rem;font-size:.95rem;line-height:1.5}.tour-controls{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tour-progress{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.lobby{flex-direction:column;gap:1.4rem;display:flex}.lobby-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:1.2rem 1.3rem}.lobby-card h2{font-family:var(--font-display);margin:0 0 1rem;font-size:1.15rem}.new-game{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.size-pills{flex-wrap:wrap;gap:.5rem;display:flex}.size-pill{font-family:var(--font-body);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.size-pill.sel{background:var(--ink);color:var(--surface);border-color:var(--ink)}.mode-field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.mode-pills{gap:.5rem;display:flex}.mode-pill{font-family:var(--font-body);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.mode-pill.sel{background:var(--ink);color:var(--surface);border-color:var(--ink)}.komi-field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.komi-field input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;width:6rem;padding:.4rem .6rem}.tc-field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.bot-level{color:var(--muted);flex-direction:column;gap:.3rem;max-width:34rem;font-size:.9rem;display:flex}.bot-level strong{color:var(--ink)}.bot-level input{width:100%;max-width:20rem;accent-color:var(--accent)}.tc-pills{flex-wrap:wrap;gap:.5rem;display:flex}.tc-pill{font-family:var(--font-body);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.tc-pill.sel{background:var(--ink);color:var(--surface);border-color:var(--ink)}.tc-tiers{flex-wrap:wrap;gap:.5rem;display:flex}.tc-tier{font-family:var(--font-body);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.45rem .85rem;display:flex}.tc-tier .tier-name{font-size:.85rem;font-weight:600}.tc-tier .tier-detail{font-variant-numeric:tabular-nums;font-size:.72rem}.tc-tier.sel{border-color:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}.game-list ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.game-list .empty{color:var(--muted);margin:0;font-size:.9rem}.game-row{border:none;border-top:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:.65rem 0;font-size:.88rem;display:flex}.game-list li:first-child .game-row{border-top:none}.swatch{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem;display:inline-block}.swatch.black{background:var(--stone-black)}.swatch.white{background:var(--stone-white);border:1px solid var(--line)}.game-row .dots{gap:.2rem;display:flex}.game-row .meta{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.status-pill{text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--muted);border-radius:999px;flex-shrink:0;padding:.25rem .55rem;font-size:.68rem}.status-pill.live{background:var(--accent);color:var(--accent-ink)}.link{color:var(--muted);cursor:pointer;font-size:1rem;font-family:var(--font-body);text-align:left;background:0 0;border:none;padding:0;text-decoration:none}.link:hover{color:var(--accent)}.link.back{margin-bottom:1rem;font-size:.9rem}.scoreboard{flex-direction:column;gap:.7rem;display:flex}.chip{border-radius:var(--chip-radius);background:var(--surface);border:1px solid var(--line);flex:1;align-items:center;gap:.55rem;min-width:0;padding:.55rem .85rem;display:flex}.chip .swatch{width:1rem;height:1rem}.chip .who{flex-direction:column;min-width:0;display:flex}.chip .name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.chip .tag{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.chip .clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;margin-left:auto;font-size:1.05rem;font-weight:700;line-height:1.1;display:flex}.chip .clock small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:500}.chip .clock.byoyomi{color:var(--accent)}.chip .clock.expired{color:var(--danger-ink)}.chip .clock+.caps{margin-left:.9rem}.chip .caps{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;margin-left:auto;font-size:1.05rem;font-weight:700;line-height:1.1;display:flex}.chip .caps small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:500}.chip.active{box-shadow:0 0 0 2px var(--accent), 0 0 20px -6px var(--accent);position:relative}.chip.active:after{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;right:-5px}.turn-note{color:var(--muted);font-size:.88rem}.turn-note strong{color:var(--ink)}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.game-layout{align-items:flex-start;gap:2rem;display:flex}.game-main{flex:auto;min-width:0}.game-side{flex-direction:column;flex:0 0 300px;gap:1rem;min-width:0;display:flex}@media (width<=860px){.game-layout{flex-direction:column;align-items:stretch}.game-side{flex:auto;width:100%}}.board-wrap{justify-content:flex-start;padding:.3rem 0 .6rem;display:flex}.go-board{aspect-ratio:1;width:min(100%,82vh);height:auto;display:block}.board-bg{fill:var(--board-bg)}.grid-line{stroke:var(--line);stroke-width:1px}.hoshi{fill:var(--line)}.stone{stroke:var(--line);stroke-width:1px;filter:drop-shadow(0 2px 2px #00000052)}.stone-black{fill:var(--stone-black)}.stone-white{fill:var(--stone-white)}.hit-target{fill:#0000;cursor:pointer}.hit-target-black:hover{fill:var(--stone-black);fill-opacity:.4}.hit-target-white:hover{fill:var(--stone-white);fill-opacity:.55}.board-label{fill:var(--muted);font-family:var(--font-body);text-anchor:middle;dominant-baseline:middle;-webkit-user-select:none;user-select:none;font-size:12px}.move-hint{pointer-events:none;stroke-width:1.5px}.move-hint-good{fill:var(--hint-good);fill-opacity:.55;stroke:var(--hint-good);stroke-opacity:.9}.move-hint-neutral{fill:var(--hint-neutral);fill-opacity:.55;stroke:var(--hint-neutral);stroke-opacity:.9}.move-hint-bad{fill:var(--hint-bad);fill-opacity:.5;stroke:var(--hint-bad);stroke-opacity:.9}.hint-number{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;fill:#fff;stroke:#0000008c;stroke-width:3px;paint-order:stroke fill;font-size:12px;font-weight:700}.pv-stone{opacity:.88}.pv-number{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;font-size:14px;font-weight:700}.pv-number-black{fill:var(--stone-white)}.pv-number-white{fill:var(--stone-black)}.analysis-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:.9rem 1rem}.analysis-header{color:var(--muted);margin-bottom:.6rem;font-size:.82rem}.analysis-chain{align-items:center;gap:.15rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.analysis-move-wrap{flex:none;align-items:center;display:flex}.analysis-move{font-family:var(--font-body);white-space:nowrap;border-radius:var(--chip-radius);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;padding:.35rem .6rem;font-size:.82rem;font-weight:600}.analysis-move:hover{border-color:var(--line);color:var(--ink)}.analysis-move.branch{color:var(--accent);font-style:italic}.analysis-move.upcoming{opacity:.55}.analysis-move.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.analysis-switch{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:.2rem .3rem;font-size:.9rem}.analysis-switch:hover{color:var(--accent)}.analysis-review{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.8rem}.analysis-review-summary{color:var(--ink);margin-top:.7rem;font-size:.85rem;font-weight:600}.result{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:.9rem 1.1rem;font-weight:700}button{cursor:pointer}.private-toggle{color:var(--ink);cursor:pointer;align-items:flex-start;gap:.5rem;max-width:34rem;font-size:.9rem;display:flex}.private-toggle input{accent-color:var(--accent);margin-top:.15rem}.private-toggle span{flex-direction:column;gap:.15rem;display:flex}.hint{color:var(--muted);max-width:34rem;margin:0;font-size:.78rem;line-height:1.35}.join-by-code{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.join-by-code input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;width:14rem;padding:.4rem .6rem}.join-divider{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-top:1px solid var(--line);width:100%;padding-top:.9rem;font-size:.78rem}.tc-pill.any.sel{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.komi-input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;width:5.5rem;padding:.35rem .5rem}.copy-field{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.copy-field input{font-variant-numeric:tabular-nums;border:1px solid var(--line);background:var(--surface-2);width:12rem;max-width:100%;color:var(--ink);border-radius:8px;padding:.5rem .6rem;font-size:1rem;font-weight:600}.searching{align-items:center;gap:.6rem;font-size:1rem;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:1.05rem;height:1.05rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.status-pill.waiting{border:1px solid var(--accent);color:var(--accent);background:0 0}.landing{flex-direction:column;gap:2.6rem;padding-bottom:1rem;display:flex}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:start;gap:2.8rem;padding-top:1.5rem;display:grid}.landing-title{font-family:var(--font-display);margin:0 0 1rem;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:400;line-height:1.16}.landing-sub{max-width:46ch;margin:0 0 1.4rem;font-size:1.05rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:.8rem;display:flex}.landing-facts{color:var(--muted);margin:1.6rem 0 0;font-size:.88rem}.task-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:1.3rem 1.4rem 1.4rem}.task-head{justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.3rem;display:flex}.task-title{font-family:var(--font-display);font-size:1.15rem;font-weight:400}.task-date{color:var(--muted);white-space:nowrap;font-size:.85rem}.task-prompt{color:var(--muted);margin:0 0 .9rem;font-size:.92rem}.task-board{max-width:360px;margin:0 auto}.task-board svg{width:100%;height:auto;display:block}.task-fb{min-height:1.5rem;margin:.8rem 0 .6rem;font-size:.92rem;line-height:1.45}.task-fb.good{color:var(--hint-good)}.task-fb.bad{color:var(--hint-bad)}.task-fb.neutral{color:var(--muted)}.task-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.task-actions .btn{padding:.4rem .95rem;font-size:.85rem}.task-streak{color:var(--muted);margin-left:auto;font-size:.82rem}.landing-section-title{font-family:var(--font-display);margin:0 0 1.1rem;font-size:1.35rem;font-weight:400}.landing-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.landing-feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:1.2rem 1.3rem}.landing-feature-title{margin-bottom:.35rem;font-size:1rem;font-weight:700}.landing-feature-desc{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.landing-teaser{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);flex-wrap:wrap;align-items:center;gap:1.4rem;padding:1.2rem 1.4rem;display:flex}.landing-teaser-text{flex:320px}.landing-teaser-title{margin-bottom:.3rem;font-weight:700}.landing-teaser-desc{color:var(--muted);margin:0;font-size:.9rem}.tasks-stub{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1.2rem 1.3rem;display:flex}.tasks-stub h2{font-family:var(--font-display);margin:0;font-weight:400}.problem-placed{transform-box:fill-box;transform-origin:50%;animation:.22s ease-out problem-drop}@keyframes problem-drop{0%{opacity:.3;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}.problem-capturing{transform-box:fill-box;transform-origin:50%;opacity:0;transition:transform .35s .18s,opacity .35s .18s;transform:scale(0)}.problem-wrong circle{stroke:var(--hint-bad);stroke-width:2.5px;fill:none}.problem-wrong line{stroke:var(--hint-bad);stroke-width:2.5px}.problem-wrong{animation:.9s forwards problem-wrong-fade}@keyframes problem-wrong-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.problem-placed,.problem-wrong{animation:none}.problem-capturing{opacity:0;transition:none;transform:scale(0)}}@media (width<=900px){.landing-hero{grid-template-columns:1fr;gap:1.8rem}.landing-sub{max-width:none}}.topnav{align-items:center;gap:1.2rem;margin-right:auto;display:flex}.topnav-link{font-family:var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-size:1.05rem;font-weight:500}.topnav-link:hover,.topnav-link.active{color:var(--accent)}.topnav-link.active{font-weight:700}@media (width<=480px){.topnav{gap:.8rem}.topnav-link{font-size:.95rem}}