.karigane{--kg-board-bg:#dcb35c;--kg-line-color:#281905d9;--kg-line-width:1px;--kg-hoshi-radius:2.5px;--kg-black-stone:radial-gradient(circle at 36% 30%, #7a7a7a, #2c2c2c 45%, #0a0a0a 80%);--kg-white-stone:radial-gradient(circle at 36% 30%, #fff, #f2f2ee 55%, #d9d9d2 85%);background:var(--kg-board-bg);padding:calc(100% / var(--kg-cols) / 2.2);aspect-ratio:var(--kg-cols) / var(--kg-rows);box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:4px;display:block;box-shadow:0 2px 8px #00000040}.kg-board{grid-template-columns:repeat(var(--kg-cols), 1fr);grid-template-rows:repeat(var(--kg-rows), 1fr);width:100%;height:100%;display:grid}.kg-vertex{cursor:pointer;position:relative}.kg-vertex:before{content:"";height:var(--kg-line-width);background:var(--kg-line-color);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.kg-vertex:after{content:"";width:var(--kg-line-width);background:var(--kg-line-color);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.kg-vertex.kg-edge-w:before{left:50%}.kg-vertex.kg-edge-e:before{right:50%}.kg-vertex.kg-edge-n:after{top:50%}.kg-vertex.kg-edge-s:after{bottom:50%}.kg-vertex.kg-hoshi{background-image:radial-gradient(circle at center, var(--kg-line-color) 0 var(--kg-hoshi-radius), transparent var(--kg-hoshi-radius))}.kg-stone{z-index:1;border-radius:50%;position:absolute;inset:3%;box-shadow:0 1px 2px #0006}.kg-stone.kg-black{background:var(--kg-black-stone)}.kg-stone.kg-white{background:var(--kg-white-stone)}.karigane.kg-with-coords{grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;display:grid}.kg-with-coords .kg-board{grid-area:2/2}.kg-coords{opacity:.55;color:var(--kg-line-color);font-size:.65rem;font-weight:600;display:grid}.kg-coords-n{grid-area:1/2;grid-template-columns:repeat(var(--kg-cols), 1fr)}.kg-coords-s{grid-area:3/2;grid-template-columns:repeat(var(--kg-cols), 1fr)}.kg-coords-w{grid-area:2/1;grid-template-rows:repeat(var(--kg-rows), 1fr);padding-right:.5em}.kg-coords-e{grid-area:2/3;grid-template-rows:repeat(var(--kg-rows), 1fr);padding-left:.5em}.kg-coord{justify-content:center;align-items:center;display:flex}.kg-ghost{z-index:1;opacity:.45;pointer-events:none;border-radius:50%;position:absolute;inset:3%}.kg-ghost.kg-black{background:var(--kg-black-stone)}.kg-ghost.kg-white{background:var(--kg-white-stone)}.kg-ghost.kg-faint{opacity:.22}.kg-marker{z-index:2;color:var(--kg-line-color);pointer-events:none;justify-content:center;align-items:center;font-size:.8em;font-weight:700;line-height:1;display:flex;position:absolute;inset:22%}.kg-vertex:has(.kg-stone.kg-black) .kg-marker{color:#ffffffe6}.kg-marker-circle{border:2px solid;border-radius:50%}.kg-marker-square{border:2px solid}.kg-marker-cross:before{content:"✕"}.kg-marker-triangle:before{content:"△"}.kg-marker-point:before{content:"";background:currentColor;border-radius:50%;position:absolute;inset:32%}.kg-vertex:not(:has(.kg-stone)) .kg-marker-label{background:var(--kg-board-bg)}.kg-paint{z-index:0;pointer-events:none;opacity:calc(var(--kg-paint,0) * .55);border-radius:18%;position:absolute;inset:16%}.kg-paint.kg-black{background:#000}.kg-paint.kg-white{background:#fff}.kg-badge{z-index:2;pointer-events:none;color:#fff;background:hsl(calc(var(--kg-badge-tone,.5) * 130) 62% 40% / .93);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;inset:5%;box-shadow:0 1px 2px #00000059}.kg-badge-primary{font-size:.5em}.kg-badge-secondary{opacity:.85;margin-top:5%;font-size:.34em}.kg-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kg-vertex:focus-visible{outline-offset:-2px;z-index:3;border-radius:20%;outline:3px solid #1a73ff}.kg-animated .kg-stone{animation:kg-stone-place var(--kg-anim-ms,.15s) ease-out}.kg-animated .kg-stone.kg-captured{pointer-events:none;animation:kg-stone-capture var(--kg-anim-ms,.15s) ease-in forwards}@keyframes kg-stone-place{0%{opacity:0;transform:scale(.65)}}@keyframes kg-stone-capture{to{opacity:0;transform:scale(1.12)}}.kg-vertex.kg-pending{box-shadow:inset 0 0 0 2px var(--kg-pending-color,#e0a63f), inset 0 0 6px 2px #e0a63f59;border-radius:50%}.kg-last-move .kg-stone:after{content:"";border:2px solid #ffffffd9;border-radius:50%;position:absolute;inset:32%}.kg-last-move .kg-stone.kg-white:after{border-color:#0000008c}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1a17;--fg:#e8e2d5;--muted:#a89f8d;--accent:#d9a441;--panel:#262320}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,sans-serif}main{max-width:680px;margin:0 auto;padding:2rem 1rem 3rem}header h1{letter-spacing:-.02em;margin:0;font-weight:650}header h1 small{opacity:.55;margin-left:.4rem;font-size:.5em;font-weight:400}header h1 .dot{color:var(--accent)}.tagline{color:var(--muted);margin-top:.35rem}#landing textarea{background:var(--panel);width:100%;color:var(--fg);resize:vertical;border:1px solid #3d3831;border-radius:8px;padding:.75rem;font-family:ui-monospace,monospace;font-size:.85rem}#landing textarea:focus-visible{outline:2px solid var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.9rem 0;display:flex}button{background:var(--panel);color:var(--fg);cursor:pointer;border:1px solid #4a443c;border-radius:6px;padding:.45rem .9rem;font-size:.95rem}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#221c10;font-weight:600}button:disabled{opacity:.4;cursor:default}select{background:var(--panel);color:var(--fg);border:1px solid #4a443c;border-radius:6px;padding:.45rem .6rem;font-size:.95rem}#error{color:#e77d6b}#bridge-note{color:var(--muted);font-style:italic}#game-info{color:var(--muted);margin:1rem 0 .25rem;font-size:.95rem}#game-info strong{color:var(--fg)}.controls{justify-content:center}#play-status{color:var(--fg);text-align:center;min-width:12em}#play-setup h2,#mp-setup h2{margin:1.6rem 0 .2rem;font-size:1.05rem}.hint{color:var(--muted);margin-top:0;font-size:.9rem}.controls span{text-align:center;min-width:5.5em;color:var(--muted);font-variant-numeric:tabular-nums}#board{max-width:620px;margin:.5rem auto}#move-eval{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;min-height:1.5em}#captures{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.grade-good{color:#8fbf7f}.grade-inaccuracy{color:#e0c266}.grade-mistake{color:#e09a4e}.grade-blunder{color:#e4695a}#move-list{background:var(--panel);border:1px solid #3d3831;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px 6px;max-width:620px;max-height:230px;margin:.6rem auto;padding:.3rem;list-style:none;display:grid;overflow-y:auto}#move-list button{font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:none;border-radius:4px;align-items:baseline;gap:.45rem;width:100%;padding:.18rem .5rem;font-size:.85rem;display:flex}#move-list button:hover{background:#33302b}#move-list .mv-n{color:var(--muted);text-align:right;min-width:2.1em}#move-list .mv-stone{font-size:.7em}#move-list .mv-label{min-width:2.6em}#move-list .mv-loss{margin-left:auto}#move-list li.current button{outline:1px solid var(--accent);background:#3a352d}#sparkline svg{cursor:pointer;width:100%;height:56px;display:block}#review-summary{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.6rem 0;display:flex}.chip{padding:.25rem .6rem;font-size:.85rem}.chip.mistake{border-color:#e09a4e}.chip.blunder{border-color:#e4695a}#mp-status{text-align:center;min-width:12em}#mp-presence{color:var(--muted);min-width:0;font-size:.85rem}#mp-chat{max-width:620px;margin:.75rem auto}#mp-chat-log{background:var(--panel);border:1px solid #3d3831;border-radius:8px;min-height:3em;max-height:200px;padding:.5rem .75rem;font-size:.9rem;overflow-y:auto}#mp-chat-log div{overflow-wrap:anywhere;margin:.15rem 0}#mp-chat-log strong{color:var(--accent);margin-right:.35rem;font-weight:600}#mp-chat-form{gap:.5rem;margin-top:.5rem;display:flex}#mp-chat-form input{background:var(--panel);color:var(--fg);border:1px solid #4a443c;border-radius:6px;flex:1;padding:.45rem .6rem;font-size:.95rem}#mp-chat-form input:focus-visible{outline:2px solid var(--accent)}body.mp-mode #analyze-btn,body.mp-mode #review-btn,body.mp-mode #human-btn,body.mp-mode #human-profile{display:none}footer{color:var(--muted);margin-top:2.5rem;font-size:.85rem}footer a{color:var(--accent)}body.dragging:after{content:"Drop the SGF";border:3px dashed var(--accent);background:#1c1a17e0;justify-content:center;align-items:center;font-size:2rem;display:flex;position:fixed;inset:0}