:root{--bg:#ede7dc;--bg-deep:#e4dccd;--surface:#fff;--surface-2:#f8f4ec;--surface-3:#f1ebe0;--fg:#26211b;--fg-2:#574f45;--muted:#8b8175;--line:#e4dccd;--line-2:#d0c5b1;--brand:#2f5d45;--brand-strong:#244835;--brand-soft:#e4ede7;--brand-line:#bfd4c8;--shadow-sm:0 1px 2px #3a30240d, 0 1px 3px #3a30240a;--shadow-md:0 1px 2px #3a30240a, 0 6px 14px -4px #3a302414;--shadow-lg:0 2px 4px #3a30240a, 0 14px 30px -8px #3a30241a;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-pill:999px;--board:#cbab78;--grid:#2b2015;--koma-face:#f7f0e0;--koma-shade:#ece0c6;--koma-edge:#b39a72;--ink:#17140f;--light:255 246 224;--ray:124 214 96;--ray-check:232 76 60;--hint:96 170 240;--mate:166 112 255;--koma-shape:polygon(50% 0%, 87% 15%, 100% 100%, 0% 100%, 13% 15%);--koma-w:80%;--koma-h:84%;--last-mark:122 78 40;--koma-mark:178 46 38;--kanji-min:13px;--sq:clamp(32px, calc((100vw - 4.5rem) / 9), 62px);--kanji:max(var(--kanji-min), calc(var(--sq) * .4));--font-koma:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Songti SC", serif;--font-ui:system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-ui);background:var(--bg);color:var(--fg)}*{box-sizing:border-box}body{background:linear-gradient(180deg, #f4f0e8, var(--bg) 42%, var(--bg-deep));-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.veil~* :focus-visible,.intervention :focus-visible{outline-color:rgb(var(--light) / .85)}.app{max-width:72rem;margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem) 1.25rem 4rem}.app-head{z-index:30;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.app-head__inner{align-items:center;gap:.75rem;max-width:72rem;margin:0 auto;padding:.6rem 1.25rem;display:flex}.app-brand{min-width:0;color:inherit;border-radius:var(--r-md);align-items:center;gap:.6rem;text-decoration:none;display:flex}.app-mark{border-radius:var(--r-pill);width:1.9rem;height:1.9rem;box-shadow:var(--shadow-sm);flex:none}.app-brand__text{gap:.05rem;min-width:0;display:grid}.app-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;color:var(--fg);margin:0;font-size:1rem;font-weight:650;overflow:hidden}.app-tagline{color:var(--muted);margin:0;font-size:.75rem;line-height:1.3}@media (max-width:44rem){.app-tagline{display:none}}.app-back{border-radius:var(--r-pill);background:var(--surface-2);width:1.9rem;height:1.9rem;color:var(--fg-2);flex:none;place-items:center;font-size:.9375rem;line-height:1;text-decoration:none;transition:background .14s ease-out,color .14s ease-out;display:grid}.app-back:hover,.app-back:focus-visible{background:var(--brand-soft);color:var(--brand-strong)}.home{gap:clamp(1.5rem,5vw,2.25rem);max-width:30rem;margin:0 auto;display:grid}.home__hero{text-align:center;justify-items:center;gap:.3rem;padding-top:clamp(.25rem,3vw,1.5rem);display:grid}.home__mark{border-radius:var(--r-pill);width:clamp(3.25rem,13vw,4rem);height:auto;box-shadow:var(--shadow-md)}.home__title{letter-spacing:.01em;color:var(--fg);margin:.45rem 0 0;font-size:clamp(1.5rem,6vw,1.875rem);font-weight:700}.home__tagline{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.home__menu{gap:.5rem;display:grid}.home__item{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;align-items:center;gap:1rem;padding:.85rem 1.1rem;text-decoration:none;transition:border-color .14s ease-out,box-shadow .14s ease-out,background .14s ease-out;display:flex}.home__item:hover,.home__item:focus-visible{border-color:var(--brand-line);box-shadow:var(--shadow-md)}.home__item-body{gap:.15rem;min-width:0;display:grid}.home__item-name{color:var(--fg);align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:650;display:flex}.home__item-note{color:var(--muted);font-size:.8125rem;line-height:1.45}.home__item-arrow{color:var(--muted);flex:none;margin-inline-start:auto;font-size:1rem;transition:color .14s ease-out,transform .14s ease-out}.home__item:hover .home__item-arrow{color:var(--brand);transform:translate(2px)}.home__item[data-primary]{border-color:var(--brand-strong);background:var(--brand);box-shadow:var(--shadow-md)}.home__item[data-primary]:hover,.home__item[data-primary]:focus-visible{border-color:var(--brand-strong);background:var(--brand-strong)}.home__item[data-primary] .home__item-name{color:#fff;font-size:1.1875rem}.home__item[data-primary] .home__item-note{color:#fffc}.home__item[data-primary] .home__item-arrow,.home__item[data-primary]:hover .home__item-arrow{color:#ffffffbf}@media (prefers-reduced-motion:reduce){.home__item:hover .home__item-arrow{transform:none}}.notice{text-align:center;color:var(--muted);justify-items:center;gap:1rem;padding:4rem 1rem;display:grid}.notice p{margin:0}.game{grid-template-columns:auto minmax(15rem,20rem);align-items:start;gap:clamp(1rem,3vw,2.25rem);width:-moz-fit-content;width:fit-content;margin-inline:auto;display:grid}.game-board{justify-items:center;gap:.6rem;display:grid;position:relative}.game[data-intervening] .game-board{z-index:50}.board-frame{z-index:1;grid-template-rows:auto auto;grid-template-columns:auto auto;gap:.3rem .35rem;display:grid;position:relative}.board-files,.board-ranks,.board-toggles{z-index:1;position:relative}.board-files,.board-ranks{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem;display:grid}.board-files{grid-column:1;grid-template-columns:repeat(9, var(--sq));justify-items:center}.board-ranks{grid-area:2/2;grid-template-rows:repeat(9, var(--sq));align-items:center}.board{grid-area:2/1;grid-template-columns:repeat(9, var(--sq));background:var(--grid);border:2px solid var(--grid);gap:1px;padding:1px;display:grid;position:relative;box-shadow:0 2px 6px #3a30241f,0 20px 44px -14px #3a302459}.board:after{content:"";pointer-events:none;background-image:radial-gradient(circle, var(--grid) 1.6px, transparent 1.8px), radial-gradient(circle, var(--grid) 1.6px, transparent 1.8px), radial-gradient(circle, var(--grid) 1.6px, transparent 1.8px), radial-gradient(circle, var(--grid) 1.6px, transparent 1.8px);background-position:33.33% 33.33%,66.67% 33.33%,33.33% 66.67%,66.67% 66.67%;background-repeat:no-repeat;background-size:8px 8px;position:absolute;inset:0}.square{width:var(--sq);height:var(--sq);background:var(--board);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.square:disabled{cursor:default}.square:before,.square:after{content:"";pointer-events:none;opacity:0;position:absolute;inset:0}.square[data-lit]:after{opacity:1;background:rgb(var(--light) / .26)}.square[data-lit][data-occupied]:after{background:rgb(var(--light) / .42)}.square[data-last=to]:before,.square[data-last=from]:before{opacity:1;background:rgb(var(--last-mark) / .34)}.square[data-last=from]:before{background:rgb(var(--last-mark) / .2)}.square[data-last=to]{box-shadow:inset 0 0 0 2px rgb(var(--last-mark) / .62)}.square[data-check]:before{opacity:1;background:radial-gradient(circle at 50% 50%, rgb(var(--light) / 0) 50%, rgb(var(--light) / 1) 61%, rgb(var(--light) / 0) 76%)}.koma{width:var(--koma-w);height:var(--koma-h);clip-path:var(--koma-shape);background:linear-gradient(178deg, var(--koma-edge) 0%, var(--koma-face) 4%, var(--koma-face) 55%, var(--koma-shade) 100%);filter:drop-shadow(0 1px 1.5px #00000073);place-items:center;display:grid;position:relative}.koma[data-side=white]{transform:rotate(180deg)}[data-flipped] .koma[data-side=white]{transform:none}[data-flipped] .koma[data-side=black]{transform:rotate(180deg)}.koma-kanji{font-family:var(--font-koma);font-size:var(--kanji);color:var(--ink);-webkit-user-select:none;user-select:none;font-weight:600;line-height:1;position:relative;top:5%}.koma-kanji[data-promoted]{color:rgb(var(--koma-mark))}.koma-marks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.koma-mark{fill:rgb(var(--koma-mark) / .88)}.koma-trail{stroke:rgb(var(--koma-mark) / .88);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.01 3.99}.hint-outline{width:calc(var(--koma-w) + 5px);height:calc(var(--koma-h) + 5px);clip-path:var(--koma-shape);background:rgb(var(--hint));pointer-events:none;margin:auto;animation:2.6s ease-in-out infinite hint-breathe;position:absolute;inset:0}@keyframes hint-breathe{0%,to{opacity:.75}50%{opacity:1}}.square[data-selected]{box-shadow:inset 0 0 0 2px rgb(var(--light) / .9)}.square[data-selected] .koma{filter:drop-shadow(0 4px 5px #00000080);translate:0 -2px}.veil{z-index:40;pointer-events:none;background:#060504b8;animation:.52s both veil-in;position:fixed;inset:0}@keyframes veil-in{0%{opacity:0}to{opacity:1}}.board-tint{z-index:2;pointer-events:none;-webkit-backdrop-filter:saturate(.18)brightness(.55);backdrop-filter:saturate(.18)brightness(.55);animation:.52s both veil-in;position:absolute;inset:0}.mate-flame{z-index:3;pointer-events:none;--h:var(--heat,0);--a:calc(.12 + var(--h) * var(--h) * .028);--reach:calc(var(--h) * var(--h) * 1.1px + 4px);--a-in:calc(.09 + var(--h) * .045);--reach-in:calc(var(--h) * 1.6px + 3px);box-shadow:0 0 var(--reach) rgb(var(--mate) / var(--a)), 0 0 calc(var(--reach) * 2.6) rgb(var(--mate) / calc(var(--a) * .5)), inset 0 0 var(--reach-in) rgb(var(--mate) / var(--a-in));animation:2.6s ease-in-out infinite mate-flicker;position:absolute;inset:-2px}@keyframes mate-flicker{0%,to{opacity:.82}28%{opacity:1}53%{opacity:.68}77%{opacity:.94}}@media (prefers-reduced-motion:reduce){.mate-flame{opacity:.92;animation:none}}.blunder-mark{z-index:3;pointer-events:none;position:absolute;inset:0}.blunder-mark[data-role=from]{box-shadow:inset 0 0 0 2px rgb(var(--light) / 1), inset 0 0 20px rgb(var(--light) / .8)}.blunder-mark[data-role=to]{box-shadow:inset 0 0 0 2px rgb(var(--light) / .75), inset 0 0 14px rgb(var(--light) / .45)}.replay-koma{left:calc(1px + var(--col,0) * (var(--sq) + 1px));top:calc(1px + var(--row,0) * (var(--sq) + 1px));z-index:4;pointer-events:none;width:var(--sq);height:var(--sq);place-items:center;animation:2.4s ease-out both blunder-replay;display:grid;position:absolute}.replay-koma .koma{opacity:.9;filter:drop-shadow(0 0 12px rgb(var(--light) / .8))}@keyframes blunder-replay{0%{opacity:0}8%,66%{opacity:1}96%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.replay-koma{animation:none}}.refutation-ray{--glow:1;left:calc(1px + var(--col,0) * (var(--sq) + 1px) + var(--sq) / 2);top:calc(1px + var(--row,0) * (var(--sq) + 1px) + var(--sq) / 2);z-index:5;pointer-events:none;width:calc(var(--len,0) * (var(--sq) + 1px));height:calc(var(--sq) * .13);margin-top:calc(var(--sq) * -.065);transform-origin:0;rotate:var(--angle,0deg);background:rgb(var(--ray) / var(--glow));filter:drop-shadow(0 0 2px #000000f2) drop-shadow(0 0 8px rgb(var(--ray) / .4));border-radius:999px;animation:.48s cubic-bezier(.22,.61,.36,1) 60ms both refutation-in;position:absolute}.refutation-ray[data-wait]{animation-delay:1.15s}.refutation-ray[data-check]{--ray:var(--ray-check)}.refutation-ray[data-hint]{--ray:var(--hint)}.refutation-ray[data-anchored]{left:var(--x);top:var(--y);width:var(--len-px)}.refutation-ray:after{content:"";right:calc(var(--sq) * -.09);width:calc(var(--sq) * .42);height:calc(var(--sq) * .56);background:rgb(var(--ray) / var(--glow));clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;top:50%;translate:0 -50%}@keyframes refutation-in{0%{opacity:0}to{opacity:1}}.intervention{z-index:60;border:1px solid rgb(var(--light) / .24);color:var(--fg);--fg:#f2ece0;--fg-2:#d8cfbe;--muted:#a2988a;--line:#fff6e029;--line-2:#fff6e052;--surface:#fff6e012;--surface-2:#fff6e01a;--shadow-sm:none;--shadow-md:none;background:linear-gradient(#241f18,#17130f);justify-items:start;gap:.5rem;padding:1rem 1.15rem 1.1rem;animation:.56s cubic-bezier(.22,.61,.36,1) 1.05s both intervention-in;display:grid;position:relative;box-shadow:0 18px 48px #0009}@keyframes intervention-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.intervention-label{letter-spacing:.22em;color:rgb(var(--light) / .7);margin:0;font-size:.75rem;font-weight:500}.intervention-move{flex-wrap:wrap;align-items:baseline;gap:.4rem;margin:0;display:flex}.intervention-move-ja{font-family:var(--font-koma);font-size:1.375rem;line-height:1.2}.intervention-move-tail{color:var(--muted);font-size:.8125rem}.intervention-message{white-space:pre-line;margin:0;font-size:.875rem;line-height:1.7}.intervention-branch{border-top:1px solid rgb(var(--light) / .12);gap:.4rem;width:100%;padding-top:.4rem;display:grid}.intervention-branch-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;font-size:.75rem;display:flex}.intervention-branch-turn{color:rgb(var(--light) / .7)}.intervention-branch-line{font-family:var(--font-koma);flex-wrap:wrap;gap:.15rem .5rem;margin:0;padding:0;font-size:.9375rem;list-style:none;display:flex}.intervention-branch-line li[data-by=human]{color:var(--muted)}.intervention-options{margin:0;padding:0;list-style:none;display:grid}.intervention-options-row{border:none;border-bottom:1px solid var(--line);background:linear-gradient(to right, var(--tone), transparent 70%);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;grid-template-columns:1fr auto auto;align-items:baseline;gap:.5rem;padding:.3rem .4rem;display:grid}.intervention-options-row:hover:not(:disabled),.intervention-options-row:focus-visible{border-bottom-color:var(--line-2)}.intervention-options-row:disabled{opacity:.45;cursor:default}.intervention-options-row[data-best] .intervention-options-move{color:rgb(var(--ray) / .95)}.intervention-options-move{font-family:var(--font-koma);font-size:.9375rem}.intervention-options-cp{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.intervention-options-loss{min-width:3.25rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:end;font-size:.6875rem}.intervention-options-row[data-best] .intervention-options-loss{color:rgb(var(--ray) / .8)}.intervention-branch-note{color:var(--muted);margin:0;font-size:.75rem}.intervention-branch-actions{gap:.4rem;display:flex}.refutation{border-top:1px solid rgb(var(--light) / .12);gap:.4rem;width:100%;padding-top:.15rem;display:grid}.refutation-label{color:var(--muted);margin:0;font-size:.75rem}.refutation-line{font-family:var(--font-koma);margin:0;padding:0;font-size:1.0625rem;line-height:1.5;list-style:none}.refutation-line li{grid-template-columns:1fr auto;align-items:baseline;gap:.5rem;display:grid}.refutation-eval,.intervention-move-eval{color:var(--muted);font-variant-numeric:tabular-nums;font-family:inherit;font-size:.75rem}.intervention-move-eval{margin-inline-start:.4rem}.hand-piece[data-dropping]{box-shadow:0 0 0 2px rgb(var(--ray) / .9), 0 0 14px rgb(var(--ray) / .5)}.refutation-line li[data-current]{color:rgb(var(--ray) / .95);text-shadow:0 0 10px rgb(var(--ray) / .35)}.refutation-line li[data-by=human]{color:var(--muted)}.intervention-actions{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.btn--step{flex:1;min-width:3.5rem;padding-inline:.5rem}.btn--step:disabled{opacity:.35;cursor:default}.intervention-actions .btn--primary{flex:1.4}.intervention-delta{gap:.3rem;width:100%;margin:0;display:grid}.intervention-delta-text{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem}.intervention-delta-track{background:rgb(var(--light) / .12);height:2px}.intervention-delta-fill{background:rgb(var(--light) / .75);height:100%;display:block}.hand{width:calc(var(--sq) * 9 + 14px);min-height:calc(var(--sq) * .92);border-radius:var(--r-sm);background:linear-gradient(#c0a071,#cbad7d);justify-self:start;align-items:center;gap:.6rem;padding:.3rem .7rem;display:flex;position:relative;box-shadow:inset 0 2px 5px #17140f33}.hand-label{color:#17140f99;flex:none;width:3.2em;font-size:.75rem}.hand-pieces{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.hand-empty{color:#17140f6b;font-size:.75rem}.hand-piece{width:calc(var(--sq) * .82);height:calc(var(--sq) * .82);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.hand-piece:disabled{cursor:default;opacity:.55}.hand-piece .koma-kanji{font-size:calc(var(--kanji) * .86)}.hand-piece[data-selected]{box-shadow:inset 0 0 0 2px rgb(var(--light) / .9)}.game[data-intervening] .hand:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:saturate(.18)brightness(.55);backdrop-filter:saturate(.18)brightness(.55);animation:.52s both veil-in;position:absolute;inset:0}.hand-piece[data-dropping]{z-index:3}.hand-piece[data-selected] .koma{filter:drop-shadow(0 4px 5px #00000080);translate:0 -2px}.hand-count{background:var(--bg);color:var(--fg);font-variant-numeric:tabular-nums;padding:0 .25em;font-size:.625rem;position:absolute;bottom:-.2rem;right:-.1rem}.game-side{align-content:start;gap:.75rem;display:grid}.game-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);gap:.5rem;padding:.9rem 1rem;display:grid}.status{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:600}.status[data-tone=wait]{color:var(--muted);font-weight:500}.status[data-tone=result]{color:var(--brand);font-weight:650}.game-state .strength,.game-state .opening{border-top:1px solid var(--line);padding-top:.5rem}.game-state .strength+.opening{border-top:0;padding-top:0}.strength{color:var(--muted);align-items:center;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.strength__head{letter-spacing:.15em;font-size:.6875rem}.strength__pips{gap:.2rem;display:flex}.strength__pips i{background:var(--line-2);border-radius:50%;width:.3rem;height:.3rem;transition:background .6s ease-out}.strength__pips i[data-on]{background:var(--fg-2)}.opening{color:var(--muted);align-items:center;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.opening__head{letter-spacing:.15em;font-size:.6875rem}.opening__name{color:var(--fg)}.setup{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);max-width:36rem;box-shadow:var(--shadow-lg);gap:1.5rem;margin:clamp(1.5rem,5vh,3.5rem) auto;padding:clamp(1.25rem,4vw,2rem);display:grid}.setup__head{letter-spacing:-.01em;margin:0;font-size:1.375rem;font-weight:650}.setup__group{border:0;gap:.6rem;margin:0;padding:0;display:grid}.setup__legend{letter-spacing:.15em;color:var(--muted);padding:0;font-size:.6875rem}.setup__choices{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.setup__choices--wrap{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.setup__choices--wrap>:first-child{grid-column:1/-1}.setup__choices--handicap{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.setup__choice{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;cursor:pointer;align-content:start;gap:.25rem;padding:.8rem 2.2rem .85rem .9rem;transition:border-color .14s ease-out,background .14s ease-out,box-shadow .14s ease-out;display:grid;position:relative}.setup__choice:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.setup__choice[data-on]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.setup__choice[data-on]:after{content:"✓" / "";background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;font-size:.6875rem;line-height:1;display:grid;position:absolute;top:.7rem;right:.75rem}.setup__choice-name{font-size:.9375rem;font-weight:600}.setup__choice-note{color:var(--muted);font-size:.75rem;line-height:1.5}.setup__source{margin:0;font-size:.75rem}.setup__source a{color:var(--muted)}.setup__caveat{background:var(--surface-2);border-radius:var(--r-sm);color:var(--fg-2);margin:0;padding:.7rem .85rem;font-size:.75rem;line-height:1.7}.setup__start{justify-self:stretch;padding:.7rem 1.5rem;font-size:.9375rem}.setup__guide{color:var(--muted);border-bottom:1px solid var(--line-2);justify-self:center;margin-top:-.75rem;font-size:.8125rem;text-decoration:none}.setup__guide:hover,.setup__guide:focus-visible{color:var(--brand);border-bottom-color:var(--brand-line)}.resume__facts{background:var(--surface-2);border-radius:var(--r-sm);grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0;padding:.9rem 1rem;display:grid}.resume__facts div{gap:.25rem;display:grid}.resume__facts dt{letter-spacing:.12em;color:var(--muted);font-size:.6875rem}.resume__facts dd{color:var(--fg);margin:0;font-size:1.0625rem;font-weight:600}.resume__actions{grid-template-columns:2fr 1fr;gap:.6rem;display:grid}.resume__actions .btn{padding:.7rem 1rem;font-size:.9375rem}@media (max-width:30rem){.resume__facts,.resume__actions{grid-template-columns:1fr}}.tag-flash{inset-inline:0;z-index:10;pointer-events:none;justify-items:center;gap:.35rem;animation:2.2s ease-out forwards tag-flash;display:grid;position:absolute;top:42%}.tag-flash__kind{letter-spacing:.25em;color:rgb(var(--light) / .75);font-size:.75rem}.tag-flash__name{font-family:var(--font-koma);color:rgb(var(--light) / .98);text-shadow:0 2px 12px #000000d9,0 0 30px #0009;font-size:clamp(1.5rem,6vw,2.25rem)}@keyframes tag-flash{0%{opacity:0;transform:translateY(.5rem)}12%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.35rem)}}@media (prefers-reduced-motion:reduce){.tag-flash{animation:2.2s ease-out forwards tag-flash-fade}@keyframes tag-flash-fade{0%,to{opacity:0}12%,70%{opacity:1}}}.tag-hint{background:var(--surface);border:1px solid var(--line);border-left:3px solid rgb(var(--hint) / .55);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin:0;padding:.75rem .9rem}.tag-hint__head{color:var(--muted);margin:0 0 .25rem;font-size:.8125rem}.tag-hint__list{flex-wrap:wrap;gap:.25rem .75rem;margin:0;padding:0;list-style:none;display:flex}.tag-hint__kind{letter-spacing:.15em;color:var(--muted);margin-right:.25rem;font-size:.6875rem}.tag-hint__name{font-family:var(--font-koma);font-size:.875rem}.rejection,.notice{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin:0;padding:.7rem .9rem;font-size:.8125rem;line-height:1.6}.resign-confirm{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem .9rem;font-size:.8125rem;font-weight:500;display:flex}.promotion-scrim{z-index:70;background:#0605048c;place-items:center;padding:1.25rem;animation:.14s both promotion-in;display:grid;position:fixed;inset:0}.promotion{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:min(19rem,100%);box-shadow:var(--shadow-lg);justify-items:center;gap:.9rem;padding:1.2rem 1.35rem;animation:.18s both promotion-card-in;display:grid}.promotion__ask{margin:0;font-size:.9375rem;font-weight:600}.promotion__choices{gap:.6rem;display:flex}.promotion__choices .btn{min-width:5.5rem}@keyframes promotion-in{0%{opacity:0}to{opacity:1}}@keyframes promotion-card-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.panel-title{letter-spacing:.18em;color:var(--muted);margin:0;font-size:.6875rem;font-weight:600}.kifu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:.9rem 1rem}.kifu-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.kifu-copy{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);font:inherit;letter-spacing:.08em;color:var(--muted);cursor:pointer;flex:none;padding:.2rem .55rem;font-size:.6875rem}.kifu-copy:hover,.kifu-copy:focus-visible{border-color:var(--line-2);color:var(--fg)}.kifu-empty{color:var(--muted);margin:0;font-size:.8125rem}.kifu-list{overscroll-behavior:contain;max-height:min(20rem,40vh);margin:0;padding:0;list-style:none;overflow-y:auto}.kifu-row{border-bottom:1px solid var(--line);grid-template-columns:2.5ch 1fr;gap:.75rem;padding:.3rem .25rem;display:grid}.kifu-number{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.75rem}.kifu-move{font-family:var(--font-koma);font-size:.9375rem}.kifu-row[data-by=engine] .kifu-move,.kifu-row[data-by=opponent] .kifu-move{color:var(--muted)}.btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);color:var(--fg);font:inherit;cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;font-weight:550;transition:border-color .14s ease-out,box-shadow .14s ease-out,background .14s ease-out}.btn:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.btn--primary{background:var(--brand);border-color:var(--brand);box-shadow:var(--shadow-md);color:#fff}.btn--primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn--danger{color:#9c3f2e;border-color:#e0cdc7}.btn--danger:hover{background:#fdf6f4;border-color:#c9a79d}.game-side>.btn{justify-self:start}@media (max-width:60rem){.game{grid-template-columns:1fr}.game-side{justify-items:stretch}.kifu-list{height:11rem;max-height:none}.intervention{width:min(30rem,100vw - 1.5rem);margin-inline:auto;position:fixed;bottom:clamp(.75rem,3vh,1.5rem);left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.board{isolation:isolate}.board-surface{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board[data-surface] .square{background:0 0}.board-toggles{grid-area:3/1;justify-self:end;gap:.35rem;margin-top:.15rem;display:flex}.board-toggle{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.6875rem;transition:color .16s,border-color .16s,background-color .16s}.board-toggle:hover:not(:disabled){color:var(--fg);border-color:var(--line-2)}.board-toggle[aria-pressed=true]{color:var(--fg);border-color:var(--brand-line);background:var(--brand-soft)}.board-toggle:disabled{cursor:default;opacity:.55}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.review-status{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:4rem 1rem;font-size:.875rem;display:flex}.review-retry{border:1px solid var(--line);font:inherit;color:var(--fg);cursor:pointer;background:0 0;padding:.25rem .7rem;font-size:.8125rem}.review-retry:hover,.review-retry:focus-visible{border-color:var(--line-2)}.review-list{gap:.6rem;max-width:38rem;margin-inline:auto;display:grid}.review-list ul{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.review-list li+li{border-top:1px solid var(--line)}.review-card{width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr 4rem 3.5rem 4.5rem;align-items:baseline;gap:.9rem;padding:.75rem 1rem;text-decoration:none;transition:background .12s ease-out;display:grid}.review-card:hover{background:var(--surface-2)}.review-card-when{align-items:baseline;gap:.5rem;min-width:0;display:flex}.review-card-date{font-size:.875rem;font-weight:600}.review-card-handicap,.review-card-source{border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--muted);white-space:nowrap;padding:.05rem .4rem;font-size:.6875rem}.review-card-moves,.review-card-iv{color:var(--muted);font-variant-numeric:tabular-nums;text-align:end;font-size:.75rem}.review-card-iv[data-none]{opacity:.45}.review-card-iv[data-match]{border:1px solid var(--line-2);border-radius:var(--r-pill);letter-spacing:.08em;padding:.05rem .4rem}.review-card-result,.review-result{letter-spacing:.08em;color:var(--muted);font-size:.75rem}.review-card-result{text-align:end}.review-card-result[data-result=win],.review-result[data-result=win]{color:var(--board)}.review .game-side{gap:.9rem}.review-broken{text-align:center;color:var(--muted);margin:0;padding:3rem 1rem;font-size:.875rem}.review-head{gap:.35rem;display:grid}.review-back{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-self:start;padding:0;font-size:.8125rem}.review-back:hover,.review-back:focus-visible{color:var(--fg)}.review-meta{align-items:baseline;gap:.6rem;margin:0;font-size:.875rem;display:flex}.review-transport{border:1px solid var(--line);background:var(--surface);gap:.4rem;padding:.6rem}.review-transport-row{justify-content:start;align-items:stretch;gap:.4rem;display:flex}.review-buttons{flex:none;grid-template-columns:repeat(4,2.75rem);gap:.3rem;display:grid}.review-buttons button{border:1px solid var(--line);font-size:1rem;font:inherit;color:var(--fg);cursor:pointer;background:0 0;padding:.45rem 0;font-size:.875rem}.review-buttons button:hover:not(:disabled),.review-buttons button:focus-visible{border-color:var(--line-2)}.review-buttons button:disabled{opacity:.3;cursor:default}.review-jump{text-align:start;border:1px solid var(--line);background:var(--surface-2);min-width:0;font:inherit;color:var(--fg);cursor:pointer;flex:0 20rem;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.4rem .5rem;font-size:.8125rem;display:grid}.review-jump:hover,.review-jump:focus-visible{border-color:var(--line-2)}.review-jump-label{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}.review-jump-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.review-jump-caret{color:var(--muted);font-size:.6875rem}.review-panel{align-content:start;display:grid}.review-empty{color:var(--muted);margin:0;font-size:.8125rem}.review-iv-list{overscroll-behavior:contain;max-height:min(22rem,38vh);margin:0;padding:0;list-style:none;overflow-y:auto}.review-iv{border:none;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;background:0 0;grid-template-columns:3.5rem 1fr auto;align-items:baseline;gap:.2rem .5rem;padding:.35rem .3rem;display:grid}.review-iv:hover,.review-iv:focus-visible{background:var(--surface-2)}.review-iv[data-active]{background:var(--brand-soft)}.review-iv-ply{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.review-iv-cat{color:var(--muted);font-size:.75rem}.review-iv-move{font-family:var(--font-koma);grid-area:2/2;font-size:.9375rem}.review-iv-delta{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/3/span 2;align-self:center;font-size:.8125rem}.review-iv-note{border-bottom:1px solid var(--line);white-space:pre-line;padding:.5rem .3rem .7rem}.review-iv-note p{margin:0 0 .35rem;font-size:.8125rem;line-height:1.6}.review-kifu{overscroll-behavior:contain;max-height:min(26rem,44vh);margin:0;padding:0;list-style:none;position:relative;overflow-y:auto}.review-kifu-row{border:none;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;background:0 0;grid-template-columns:2.5ch 1fr auto auto;align-items:baseline;gap:.5rem;padding:.25rem;display:grid}.review-kifu-row:hover,.review-kifu-row:focus-visible{background:var(--surface-2)}.review-kifu-row[data-selected]{background:var(--brand-soft)}.review-kifu-number{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.75rem}.review-kifu-move{font-family:var(--font-koma);font-size:.9375rem}.review-kifu-row[data-by=engine] .review-kifu-move{color:var(--muted)}.review-kifu-mark{border:1px solid var(--line);letter-spacing:.08em;color:var(--muted);padding:0 .3rem;font-size:.625rem}.review-kifu-mark[data-kind=good]{border-color:rgb(var(--hint) / .6);color:rgb(var(--hint))}.review-kifu-eval{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.review-kifu-eval[data-sign=minus]{opacity:.7}.square[data-motion]{z-index:3}.square[data-motion=board] .koma{animation:.2s cubic-bezier(.33,0,.2,1) both koma-slide}@keyframes koma-slide{0%{translate:calc(var(--mcol,0) * (var(--sq) + 1px)) calc(var(--mrow,0) * (var(--sq) + 1px))}to{translate:0}}.square[data-motion=drop] .koma{animation:.2s cubic-bezier(.33,0,.2,1) both koma-drop}@keyframes koma-drop{0%{translate:0 calc(var(--sq) * -.55);opacity:.2}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.square[data-motion] .koma{animation:none}}.review-branch-badge{border:1px solid var(--line);letter-spacing:.16em;color:var(--muted);margin:0;padding:.1rem .6rem;font-size:.6875rem}.review-board-controls{justify-content:flex-end;display:flex}.review-flip{border:1px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;background:0 0;padding:.2rem .6rem;font-size:.75rem}.review-flip:hover,.review-flip:focus-visible{border-color:var(--line-2);color:var(--fg-2)}.review-flip[aria-pressed=true]{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-strong)}.review-whatif{border-bottom:1px solid var(--line);gap:.5rem;padding-bottom:.6rem}.review-whatif-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.review-whatif-head .panel-title{margin:0}.review-whatif-status{min-height:2.5rem;color:var(--fg);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;font-size:.8125rem;display:flex}.review-whatif-status[data-tone=result]{color:var(--muted)}.review-whatif-score{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.review-whatif-line{border-left:1px solid var(--line);overscroll-behavior:contain;max-height:12rem;margin:0;padding:0 0 0 .5rem;list-style:none;overflow-y:auto}.review-whatif-line li{grid-template-columns:2.5ch 1fr auto;align-items:baseline;gap:.5rem;padding:.15rem 0;display:grid}.review-whatif-line li[data-by=engine] .review-kifu-move{color:var(--muted)}.review-whatif-sub{letter-spacing:.12em;color:var(--muted);margin:0 0 .25rem;font-size:.6875rem;font-weight:500}.review-whatif-best ul{margin:0;padding:0;list-style:none}.review-whatif-move{border:none;border-bottom:1px solid var(--line);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.25rem .3rem;display:flex}.review-whatif-move:hover,.review-whatif-move:focus-visible{background:var(--surface-2)}.review-whatif-move:disabled{cursor:default;opacity:.5}.review-whatif-actions{gap:.4rem;display:flex}.review-kifu-pair{grid-template-columns:1fr 1fr;display:grid}.review-kifu-start .review-kifu-row,.review-kifu-gap{border-bottom:1px solid var(--line)}.review-kifu-pair .review-kifu-row{grid-template-columns:2.5ch 1fr auto auto;gap:.25rem;padding-inline:.3rem}.review-kifu-pair .review-kifu-move{font-size:.875rem}.review-kifu-pair .review-kifu-row:last-child,.review-kifu-pair .review-kifu-gap:last-child{border-left:1px solid var(--line)}.review-kifu-pair .review-kifu-mark{background:var(--fg-2);text-indent:-99em;border:none;border-radius:50%;align-self:center;width:.4rem;height:.4rem;padding:0;overflow:hidden}.review-kifu-pair .review-kifu-mark[data-kind=good]{background:rgb(var(--hint))}@media (max-width:52rem){.review-iv-list,.review-kifu{max-height:14rem}.review-whatif-line{max-height:8rem}}.review-graph-panel,.review-transport{justify-self:stretch;width:100%}.review-graph-panel{border:1px solid var(--line);background:var(--surface);padding:.4rem .2rem .2rem}.review-graph .recharts-wrapper{cursor:pointer}.review-graph :focus:not(:focus-visible){outline:none}.review-whatif-best[data-stale],.review-whatif-status[data-stale],.review-whatif-line[data-stale],.review-whatif-score[data-stale]{opacity:.4}.review-options{border:1px solid var(--line);background:var(--surface);gap:.2rem;padding:.6rem}.review-options ul{margin:0;padding:0;list-style:none}.review-options-turn{color:var(--muted);margin-inline-start:.4rem;font-size:.6875rem}.review-options-row{border:none;border-bottom:1px solid var(--line);background:linear-gradient(to right, var(--tone), transparent 70%);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;grid-template-columns:minmax(4.5rem,auto) 1fr auto;align-items:baseline;gap:.5rem;padding:.3rem .4rem;display:grid}.review-options-row:hover,.review-options-row:focus-visible{border-bottom-color:var(--line-2)}.review-options-row[data-chosen]{box-shadow:inset 0 0 0 1px var(--brand)}.review-options-move{font-family:var(--font-koma);font-size:.9375rem}.review-options-tags{color:var(--muted);flex-wrap:wrap;gap:.3rem;font-size:.625rem;display:flex}.review-options-tags [data-role=played]{border:1px solid var(--line-2);color:var(--fg);padding:0 .25rem}.review-options-tags [data-role=undone]{border:1px dashed var(--line-2);padding:0 .25rem}.review-options-cp{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.end-actions{flex-wrap:wrap;gap:.5rem;display:flex}.end-actions .btn{flex:auto;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.play-actions{flex-wrap:wrap;gap:.5rem;display:flex}.play-actions .btn{flex:auto;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.play-actions__left{opacity:.72;font-variant-numeric:tabular-nums;font-size:.78em}.summary{border:1px solid var(--line);background:var(--surface-2);border-radius:.4rem;gap:.75rem;padding:.85rem .9rem;display:grid}.summary__head{letter-spacing:.15em;color:var(--muted);margin:0;font-size:.6875rem;font-weight:400}.summary__body{margin:0;font-size:.9375rem;line-height:1.8}.summary__waiting{color:var(--muted);margin:0;font-size:.8125rem}.summary__stats{gap:1.5rem;margin:0;display:flex}.summary__stats div{gap:.15rem;display:grid}.summary__stats dt{color:var(--muted);font-size:.6875rem}.summary__stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem}.summary__cats{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.summary__cats li{justify-content:space-between;gap:.75rem;font-size:.8125rem;display:flex}.summary__cat-name{color:var(--fg)}.summary__cat-count{color:var(--muted);font-variant-numeric:tabular-nums}.summary__focus{border:1px solid var(--brand-line);background:var(--brand-soft);color:inherit;border-radius:.35rem;gap:.3rem;padding:.6rem .7rem;text-decoration:none;display:grid}.summary__focus:hover,.summary__focus:focus-visible{border-color:var(--brand)}.summary__focus-head{letter-spacing:.1em;color:var(--brand-strong);font-size:.6875rem}.summary__focus-body{align-items:baseline;gap:.6rem;display:flex}.summary__focus-ply{font-variant-numeric:tabular-nums;font-size:1.125rem}.summary__focus-name{color:var(--fg-2);font-size:.8125rem}.skill-change{border-top:1px solid var(--line);gap:.5rem;padding-top:.75rem;display:grid}.skill-change__head{letter-spacing:.15em;color:var(--muted);margin:0;font-size:.6875rem;font-weight:400}.skill-change__pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.skill-change__pair--single{grid-template-columns:1fr}.skill-change__arrow{color:var(--muted);font-size:.875rem}.rank{gap:.2rem;display:grid}.rank__label{color:var(--muted);font-size:.6875rem}.rank__name{font-variant-numeric:tabular-nums;font-size:1.125rem}.rank__bar{background:var(--line);border-radius:.125rem;height:.25rem;display:block;overflow:hidden}.rank__bar i{background:var(--brand);height:100%;display:block}.skill-change__note{color:var(--muted);margin:0;font-size:.6875rem;line-height:1.6}.quiz{gap:1.25rem;max-width:38rem;margin-inline:auto;display:grid}.quiz-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.quiz-status{text-align:center;color:var(--muted);margin:0;padding:1.5rem 1rem;font-size:.875rem;line-height:1.7}.quiz-nav{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quiz-nav-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:.8125rem}.quiz-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);justify-items:center;gap:.75rem;padding:1.25rem 1rem;display:grid}.quiz-item-head{text-align:center;justify-items:center;gap:.35rem;display:grid}.quiz-item-head h3{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;margin:0;font-size:1rem;display:flex}.quiz-item-ply{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:400}.quiz-item-lead{color:var(--fg-2);margin:0;font-size:.8125rem;line-height:1.7}.quiz-board{justify-items:center;gap:.6rem;display:grid;position:relative}.quiz-item-note{color:var(--muted);margin:0;font-size:.8125rem}.quiz-item-note strong{color:var(--fg-2);font-weight:600}.quiz-verdict{text-align:center;min-height:1.7em;color:var(--fg-2);margin:0;font-size:.875rem;line-height:1.7}.quiz-verdict[data-tone=right]{color:var(--brand);font-weight:600}.quiz-verdict[data-tone=wrong]{color:var(--fg);font-weight:600}.quiz-verdict[data-tone=error]{color:#a4453a}.quiz-scores{flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;font-size:.8125rem;display:flex}.quiz-scores>div{align-items:baseline;gap:.4rem;display:flex}.quiz-scores dt{color:var(--muted)}.quiz-scores dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0}.quiz-line{gap:.35rem;display:grid}.quiz-line__head{letter-spacing:.1em;color:var(--muted);font-size:.6875rem}.quiz-line__moves{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.quiz-line__move{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;padding:.25rem .5rem;font-size:.8125rem}.quiz-line__move:hover{border-color:var(--brand)}.quiz-line__move[data-on]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.review-quiz-link{text-align:center;color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--r-sm);padding:.6rem .75rem;font-size:.8125rem;text-decoration:none;display:block}.review-quiz-link:hover,.review-quiz-link:focus-visible{background:var(--surface);border-color:var(--brand)}.profile{gap:1.5rem;max-width:34rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid}.profile__name{margin:0;font-size:1.375rem;font-weight:400}.profile__block{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);gap:.5rem;padding:1rem;display:grid}.profile__head{letter-spacing:.15em;color:var(--muted);margin:0;font-size:.6875rem;font-weight:400}.profile__rank{font-variant-numeric:tabular-nums;margin:0;font-size:2rem;line-height:1.2}.profile__note{color:var(--muted);margin:0;font-size:.6875rem;line-height:1.6}.profile__empty{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.8}.profile__record{flex-wrap:wrap;gap:1.5rem;margin:0;display:flex}.profile__record div{gap:.15rem;display:grid}.profile__record dt{color:var(--muted);font-size:.6875rem}.profile__record dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.375rem}.profile__weak{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.profile__weak li{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;font-size:.8125rem;display:grid}.profile__weak-name{color:var(--fg)}.profile__weak-bar{background:var(--line);border-radius:.125rem;height:.25rem;display:block;overflow:hidden}.profile__weak-bar i{background:var(--brand);height:100%;display:block}.profile__weak-count{color:var(--muted);font-variant-numeric:tabular-nums}.profile__styles{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.profile__styles li{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.6rem;font-size:.8125rem;display:grid}.profile__styles-kind{letter-spacing:.08em;color:var(--muted);font-size:.6875rem}.profile__styles-name{color:var(--fg)}.profile__styles-count{color:var(--muted);font-variant-numeric:tabular-nums}.profile__signin{justify-content:center;margin:0;display:flex}.profile__signout{border-top:1px solid var(--line);justify-content:center;padding-top:1.5rem;display:flex}.guide{gap:2rem;max-width:46rem;margin:0 auto;display:grid}.guide__hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);align-items:center;gap:1.25rem;padding:clamp(1.25rem,4vw,1.75rem);display:flex}.guide__logo{border-radius:var(--r-pill);width:5rem;height:5rem;box-shadow:var(--shadow-sm);flex:none}@media (max-width:34rem){.guide__hero{flex-direction:column;align-items:flex-start;gap:.9rem}.guide__logo{width:3.5rem;height:3.5rem}}.guide__title{letter-spacing:-.01em;margin:0 0 .4rem;font-size:clamp(1.375rem,4vw,1.75rem);font-weight:650}.guide__lead{color:var(--fg-2);margin:0;font-size:.9375rem;line-height:1.75}.guide__toc{flex-wrap:wrap;gap:.4rem;display:flex}.guide__toc-link{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--fg-2);padding:.35rem .75rem;font-size:.8125rem;text-decoration:none;transition:border-color .14s ease-out,background .14s ease-out,color .14s ease-out}.guide__toc-link:hover,.guide__toc-link:focus-visible{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-strong)}.guide__section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);gap:.9rem;padding:clamp(1.1rem,3.5vw,1.6rem);scroll-margin-top:4.5rem;display:grid}.guide__head{border-bottom:1px solid var(--line);margin:0;padding-bottom:.6rem;font-size:1.125rem;font-weight:650}.guide__sub{color:var(--fg);margin:.4rem 0 0;font-size:.9375rem;font-weight:620}.guide__text{color:var(--fg-2);margin:0;font-size:.875rem;line-height:1.85}.guide__text strong{color:var(--fg);font-weight:640}.guide__muted{color:var(--muted)}.guide__steps{counter-reset:guide-step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.guide__step{counter-increment:guide-step;padding-left:2.25rem;position:relative}.guide__step:before{content:counter(guide-step);border-radius:var(--r-pill);background:var(--brand-soft);width:1.5rem;height:1.5rem;color:var(--brand-strong);font-variant-numeric:tabular-nums;place-items:center;font-size:.75rem;font-weight:650;display:grid;position:absolute;top:.05rem;left:0}.guide__step-head{color:var(--fg);margin:0 0 .25rem;font-size:.9375rem;font-weight:620}.guide__flow{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.guide__flow-step{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg);align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.8125rem;display:flex}.guide__flow-num{border-radius:var(--r-pill);background:var(--brand);color:#fff;flex:none;place-items:center;width:1.25rem;height:1.25rem;font-size:.6875rem;font-weight:650;display:grid}.guide__defs{gap:.85rem;margin:0;display:grid}.guide__defs>div{grid-template-columns:9rem 1fr;gap:.25rem 1rem;display:grid}@media (max-width:40rem){.guide__defs>div{grid-template-columns:1fr}}.guide__defs dt{color:var(--fg);font-size:.8125rem;font-weight:620}.guide__defs dd{color:var(--fg-2);margin:0;font-size:.8125rem;line-height:1.8}.guide__defs dd strong{color:var(--fg);font-weight:620}.guide__flame{border-radius:var(--r-pill);background:rgb(var(--mate));width:.6rem;height:.6rem;box-shadow:0 0 .5rem rgb(var(--mate) / .7);vertical-align:baseline;margin-right:.4rem;display:inline-block}.guide__pips{vertical-align:middle;margin-right:.5rem;display:inline-flex}.guide__cats{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.guide__cat{border-radius:var(--r-sm);background:var(--surface-2);grid-template-columns:8.5rem 1fr;align-items:baseline;gap:.2rem .9rem;padding:.55rem .75rem;display:grid}@media (max-width:40rem){.guide__cat{grid-template-columns:1fr}}.guide__cat-name{color:var(--brand-strong);font-size:.8125rem;font-weight:640}.guide__cat-note{color:var(--fg-2);font-size:.8125rem;line-height:1.7}.guide__buttons{gap:1rem;display:grid}.guide__button-row{grid-template-columns:9rem 1fr;align-items:start;gap:.5rem 1rem;display:grid}@media (max-width:40rem){.guide__button-row{grid-template-columns:1fr}}.guide__button-row .btn{justify-self:start;align-items:center;gap:.4rem;display:inline-flex}.guide__button-row .btn:disabled{opacity:1;cursor:default}.guide__note{border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--brand-soft);color:var(--fg-2);margin:0;padding:.8rem 1rem;font-size:.875rem;line-height:1.8}.guide__note strong{color:var(--brand-strong);font-weight:650}.guide__notes{color:var(--fg-2);gap:.5rem;margin:0;padding-left:1.1rem;font-size:.8125rem;line-height:1.8;display:grid}.guide__notes strong{color:var(--fg);font-weight:620}.guide__notes::marker{color:var(--line-2)}.guide__notes li::marker{color:var(--line-2)}.guide__cta{justify-items:center;padding-bottom:1rem;display:grid}.guide__cta .btn{padding:.7rem 1.75rem;font-size:.9375rem;text-decoration:none}.setup__choices--seat>:first-child{grid-column:1/-1}.setup__friend{border-top:1px solid var(--line);gap:.6rem;padding-top:1rem;display:grid}.invite{flex-wrap:wrap;gap:.5rem;display:flex}.invite__url{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);min-width:0;font:inherit;color:var(--fg-2);flex:14rem;padding:.5rem .7rem;font-size:.8125rem}.match-clock{background:var(--surface-2);border-radius:var(--r-sm);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;padding:.5rem .7rem;display:flex}.match-clock__who{color:var(--muted);font-size:.75rem}.match-clock__value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.match-clock[data-urgent] .match-clock__value{color:#9c3f2e}.match-away{color:var(--muted);margin:0;font-size:.75rem;line-height:1.6}.match-end{flex-wrap:wrap;gap:.5rem;display:flex}.match-who{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.match-who strong{color:var(--fg);font-weight:600}.match-lost{border-radius:var(--r-md);color:#9c3f2e;background:#fdf6f4;border:1px solid #e0cdc7;gap:.5rem;padding:.7rem .9rem;font-size:.8125rem;line-height:1.6;display:grid}.match-lost p{margin:0}.explore{gap:1rem;display:grid}.explore-handicaps{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.explore-handicap{border:1px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .65rem;font-size:.75rem}.explore-handicap:hover,.explore-handicap:focus-visible{border-color:var(--line-2);color:var(--fg-2)}.explore-handicap[data-on]{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.explore-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.explore-head{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:.4rem;padding:.9rem 1rem}.explore-head-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.explore-title{letter-spacing:.18em;color:var(--fg-2);margin:0;font-size:.8125rem;font-weight:600}.explore-score{font-family:var(--font-koma);font-variant-numeric:tabular-nums;color:var(--fg);font-size:1.125rem}.explore-status{color:var(--fg-2);margin:0;font-size:.8125rem;line-height:1.6}.explore-baseline{color:var(--muted);margin:0;font-size:.75rem}.explore-score[data-stale],.explore-status[data-stale],.explore-option-list[data-stale]{opacity:.45}.explore-options{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);gap:.35rem;padding:.6rem}.explore-option-list{margin:0;padding:0;list-style:none}.explore-option{border:none;border-bottom:1px solid var(--line);background:linear-gradient(to right, var(--tone), transparent 70%);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;grid-template-columns:1.25rem 1fr auto auto;align-items:baseline;gap:.5rem;padding:.35rem .4rem;display:grid}.explore-option:hover,.explore-option:focus-visible{border-bottom-color:var(--line-2)}.explore-option:disabled{cursor:default}.explore-option[data-best] .explore-option-rank{color:var(--brand-strong);font-weight:700}.explore-option-rank{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.explore-option-move{font-family:var(--font-koma);font-size:.9375rem}.explore-option-score{font-variant-numeric:tabular-nums;color:var(--fg-2);font-size:.8125rem}.explore-option-loss{text-align:end;min-width:3.5ch;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.explore-line-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:.4rem;padding:.9rem 1rem}.explore-error{justify-items:start;gap:.5rem;display:grid}.explore-closed{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:.5rem;max-width:32rem;margin-inline:auto;padding:1.2rem;display:grid}.explore-snapshots{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:.5rem;padding:.9rem 1rem}.explore-snapshot-empty{color:var(--muted);margin:0;font-size:.8125rem}.explore-snapshot-save{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.explore-snapshot-input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);min-width:0;font:inherit;color:var(--fg);flex:8rem;padding:.35rem .5rem;font-size:.8125rem}.explore-snapshot-input:focus-visible{border-color:var(--brand-line);outline:none}.explore-snapshot-list{gap:.3rem;max-height:15rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.explore-snapshot-row{align-items:stretch;gap:.25rem;display:flex}.explore-snapshot{border-radius:var(--r-sm);min-width:0;font:inherit;color:var(--fg);text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;flex:auto;gap:.1rem;padding:.35rem .45rem;display:grid}.explore-snapshot:hover,.explore-snapshot:focus-visible{border-color:var(--line-2)}.explore-snapshot[data-on]{border-color:var(--brand-line);background:var(--brand-soft)}.explore-snapshot-name{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.explore-snapshot-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem;font-size:.6875rem;display:flex}.explore-snapshot-handicap{color:var(--brand-strong)}.explore-snapshot-act{border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;color:var(--muted);cursor:pointer;background:0 0;flex:none;padding:0 .45rem;font-size:.6875rem}.explore-snapshot-act:hover,.explore-snapshot-act:focus-visible{border-color:var(--line-2);color:var(--fg-2)}.explore-snapshot-act[data-danger]{border-color:rgb(var(--ray-check) / .5);color:rgb(var(--ray-check));font-weight:600}.import{gap:.9rem;max-width:46rem;margin:0 auto;display:grid}.import__title{letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:650}.import__lead{color:var(--fg-2);margin:0;font-size:.875rem;line-height:1.75}.import__label{color:var(--muted);font-size:.75rem}.import__text{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--fg);resize:vertical;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.7}.import__text:focus-visible{outline:2px solid var(--brand-line);outline-offset:1px}.import__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.import__file{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.import__filename{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.import__button{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);font:inherit;color:var(--fg);cursor:pointer;padding:.5rem 1rem;font-size:.875rem}.import__button:hover:not(:disabled),.import__button:focus-visible:not(:disabled){border-color:var(--brand-line);background:var(--brand-soft)}.import__button:disabled,.import__button[data-disabled]{opacity:.5;cursor:default}label.import__button{align-items:center;display:inline-flex;position:relative}label.import__button:focus-within{border-color:var(--brand-line);background:var(--brand-soft)}.import__button[data-primary]{border-color:var(--brand);background:var(--brand);color:#fff;justify-self:start}.import__button[data-primary]:hover:not(:disabled),.import__button[data-primary]:focus-visible:not(:disabled){background:var(--brand-strong)}.import__error{border-radius:var(--r-sm);color:#9c3f2e;background:#fdf6f4;border:1px solid #e0cdc7;margin:0;padding:.6rem .75rem;font-size:.875rem}.import__preview{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);gap:.9rem;padding:clamp(.9rem,3vw,1.25rem);display:grid}.import__subtitle{margin:0;font-size:1rem;font-weight:650}.import__note{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.7}.import__facts{flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;display:flex}.import__facts>div{align-items:baseline;gap:.4rem;display:flex}.import__facts dt{color:var(--muted);font-size:.75rem}.import__facts dd{margin:0;font-size:.875rem}.import__moves{font-family:var(--font-koma);color:var(--fg-2);word-break:break-all;margin:0;font-size:.875rem;line-height:1.9}.import__choice{border:0;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.import__choice legend{color:var(--muted);padding:0;font-size:.75rem}.import__choice label{cursor:pointer;align-items:center;gap:.3rem;font-size:.875rem;display:flex}.position{max-width:64rem}.position__error{border:1px solid rgb(var(--koma-mark) / .35);border-radius:var(--r-sm);background:rgb(var(--koma-mark) / .06);color:var(--fg);margin:0;padding:.6rem .75rem;font-size:.875rem}.position__compare{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem;display:grid}@media (max-width:56rem){.position__compare{grid-template-columns:minmax(0,1fr)}}.position__shot{gap:.4rem;margin:0;display:grid;position:sticky;top:4.5rem}.position__shot img{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2);width:100%}.position__shot figcaption{color:var(--muted);font-size:.75rem}.position__read{gap:.5rem;display:grid}.position__subtitle{margin:0;font-size:.9375rem;font-weight:650}.position__turn{border:0;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:0;display:flex}.position__turn legend{padding:0}.position__turn label{cursor:pointer;align-items:center;gap:.3rem;font-size:.875rem;display:flex}.position__faults{color:var(--fg);gap:.3rem;margin:0;padding-left:1.1rem;font-size:.875rem;display:grid}.position__faults li::marker{color:rgb(var(--koma-mark))}.position__warning{color:var(--fg-2);margin:0;font-size:.8125rem;line-height:1.7}.position .pos-edit{--sq:clamp(28px, calc((100vw - 4.5rem) / 22), 40px);justify-items:center;gap:.5rem;display:grid}.pos-edit__board{grid-template-columns:repeat(9, var(--sq));background:var(--grid);border:2px solid var(--grid);gap:1px;padding:1px;display:grid}.pos-square{width:var(--sq);height:var(--sq);position:relative}.pos-square__hit{background:var(--board);cursor:pointer;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid}.pos-square__hit:hover,.pos-square__hit:focus-visible{outline:2px solid var(--brand-line);outline-offset:-2px}.pos-square[data-faulty] .pos-square__hit{outline:2px dashed rgb(var(--koma-mark));outline-offset:-2px;background:rgb(var(--koma-mark) / .1)}.pos-picker{z-index:20;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);width:max-content;box-shadow:var(--shadow-lg);gap:.4rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.pos-square:nth-child(9n) .pos-picker,.pos-square:nth-child(9n-1) .pos-picker{left:auto;right:0;transform:none}.pos-square:nth-child(9n-8) .pos-picker,.pos-square:nth-child(9n-7) .pos-picker{left:0;transform:none}.pos-square:nth-child(n+64) .pos-picker{top:auto;bottom:calc(100% + 4px)}.pos-picker__row{gap:.25rem;display:flex}.pos-picker__toggle{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);font:inherit;color:var(--fg-2);cursor:pointer;flex:1;padding:.25rem .5rem;font-size:.75rem}.pos-picker__toggle[aria-pressed=true]{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-strong);font-weight:650}.pos-picker__pieces{grid-template-columns:repeat(4, var(--sq));gap:2px;display:grid}.pos-picker__piece{width:var(--sq);height:var(--sq);border-radius:var(--r-sm);background:var(--surface-2);cursor:pointer;border:1px solid #0000;place-items:center;padding:0;display:grid}.pos-picker__piece:hover,.pos-picker__piece:focus-visible,.pos-picker__piece[aria-pressed=true]{border-color:var(--brand-line);background:var(--brand-soft)}.pos-picker__clear{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);font:inherit;color:var(--fg-2);cursor:pointer;padding:.3rem .5rem;font-size:.75rem}.pos-picker__clear:hover,.pos-picker__clear:focus-visible{border-color:rgb(var(--koma-mark) / .4);color:var(--fg)}.pos-hand{gap:.25rem;width:100%;display:grid}.pos-hand__label{color:var(--muted);font-size:.75rem}.pos-hand__rows{flex-wrap:wrap;gap:.35rem;display:flex}.pos-hand__row{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);align-items:center;gap:.15rem;padding:.1rem .3rem;display:flex}.pos-hand__row[data-held]{border-color:var(--line-2);background:var(--surface)}.pos-hand__kanji{min-width:1.1em;font-family:var(--font-koma);color:var(--fg);text-align:center;font-size:.875rem}.pos-hand__step{border-radius:var(--r-pill);width:1.4rem;height:1.4rem;font:inherit;color:var(--fg-2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:.875rem;display:grid}.pos-hand__step:hover:not(:disabled),.pos-hand__step:focus-visible:not(:disabled){background:var(--brand-soft);color:var(--brand-strong)}.pos-hand__step:disabled{opacity:.3;cursor:default}.pos-hand__count{font-variant-numeric:tabular-nums;text-align:center;min-width:1.2em;color:var(--fg);font-size:.8125rem}.position[data-dragging]{outline:2px dashed var(--brand-line);outline-offset:.5rem;border-radius:var(--r-md)}.explore-rooted{border:1px solid var(--brand-line);border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-strong);align-self:center;padding:.2rem .55rem;font-size:.75rem}