:root{--bg:#14120f;--surface:#1c1915;--fg:#ede8df;--muted:#8e857a;--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), 56px);--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: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);background:var(--bg);color:var(--fg)}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% 30%, #1b1813, var(--bg) 70%);min-height:100dvh;margin:0}:focus-visible{outline:2px solid rgb(var(--light) / .85);outline-offset:2px}.app{max-width:68rem;margin:0 auto;padding:clamp(1rem,3vw,2rem) 1.25rem 3rem}.app-head{flex-wrap:wrap;align-items:baseline;gap:.15rem .75rem;margin-bottom:clamp(1rem,3vw,1.75rem);display:flex}.app-title{white-space:nowrap;letter-spacing:.08em;color:var(--board);margin:0;font-size:1.125rem;font-weight:600}.app-tagline{color:var(--muted);margin:0;font-size:.8125rem}.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(13rem,17rem);align-items:start;gap:clamp(1rem,3vw,2.25rem);width:-moz-fit-content;width:fit-content;margin-inline:auto;display:grid}.game-board{z-index:50;transform-origin:50% 58%;justify-items:center;gap:.6rem;transition:transform .9s cubic-bezier(.22,.61,.36,1);display:grid;position:relative}.game[data-intervening] .game-board{transform:perspective(1600px)rotateX(7deg)rotate(-1.1deg)scale(1.015)}.board-frame{grid-template-rows:auto auto;grid-template-columns:auto auto;gap:.3rem .35rem;display:grid}.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 18px 40px #0000008c}.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)}.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);transform:translateY(-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;--a:calc(.13 + var(--heat,0) * .11);--reach:calc(var(--heat,0) * 4px + 4px);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 calc(var(--reach) * .42) rgb(var(--mate) / calc(var(--a) * .65));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;animation:2.4s ease-in-out infinite blunder-breathe;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]{background:radial-gradient(circle at 50% 50%, rgb(var(--light) / 0) 42%, rgb(var(--light) / 1) 66%, rgb(var(--light) / 0) 88%)}@keyframes blunder-breathe{0%,to{opacity:1}50%{opacity:.55}}.replay-koma{--dx:calc(var(--dcol,0) * (var(--sq) + 1px));--dy:calc(var(--drow,0) * (var(--sq) + 1px));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 cubic-bezier(.4,0,.2,1) 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;transform:translate(0)scale(1)}8%{opacity:1;transform:translate(0)scale(1.1)}46%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1.1)}66%{opacity:1;transform:translate(var(--dx), var(--dy)) scale(1.1)}96%,to{opacity:0;transform:translate(0)scale(1)}}.replay-koma[data-drop]{animation-name:blunder-drop}@keyframes blunder-drop{0%{opacity:0;transform:translateY(calc(var(--sq) * -.9)) scale(1.3)}30%{opacity:1;transform:translateY(0)scale(1.1)}66%{opacity:1;transform:translateY(0)scale(1.1)}96%,to{opacity:0;transform:translateY(0)scale(1)}}.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);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{margin:0;font-size:.875rem;line-height:1.7}.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);flex-wrap:wrap;gap:.15rem .55rem;margin:0;padding:0;font-size:1.0625rem;line-height:1.4;list-style:none;display:flex}.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:100%;max-width:calc(var(--sq) * 9 + 6px);min-height:calc(var(--sq) * .92);background:var(--surface);border:1px solid rgb(var(--light) / .07);align-items:center;gap:.6rem;padding:.3rem .6rem;display:flex}.hand-label{width:3.2em;color:var(--muted);flex:none;font-size:.75rem}.hand-pieces{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.hand-empty{color:var(--muted);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)}.hand-piece[data-selected] .koma{filter:drop-shadow(0 4px 5px #00000080);transform:translateY(-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:1rem;display:grid}.status{margin:0;font-size:.9375rem}.status[data-tone=wait]{color:var(--muted)}.status[data-tone=result]{color:var(--board);font-weight:600}.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}}}.rejection{background:var(--surface);border-left:2px solid rgb(var(--light) / .5);margin:0;padding:.6rem .75rem;font-size:.8125rem;line-height:1.6}.promotion,.resign-confirm{background:var(--surface);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8125rem;display:flex}.panel-title{letter-spacing:.16em;color:var(--muted);margin:0 0 .4rem;font-size:.75rem;font-weight:500}.kifu-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.kifu-copy{border:1px solid rgb(var(--light) / .14);font:inherit;letter-spacing:.08em;color:var(--muted);cursor:pointer;background:0 0;flex:none;padding:.1rem .4rem;font-size:.6875rem}.kifu-copy:hover,.kifu-copy:focus-visible{border-color:rgb(var(--light) / .4);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 rgb(var(--light) / .06);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{color:#cfc7ba}.btn{border:1px solid rgb(var(--light) / .18);color:var(--fg);font:inherit;cursor:pointer;background:0 0;padding:.4rem .9rem;font-size:.8125rem}.btn:hover{border-color:rgb(var(--light) / .4)}.btn--primary{border-color:rgb(var(--light) / .55)}.btn--danger{color:#e0a49a;border-color:#7a4a42}.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}.exposure-toggle{border:1px solid rgb(var(--light) / .16);color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:999px;grid-area:3/1;justify-self:end;margin-top:.15rem;padding:.25rem .6rem;font-size:.6875rem;transition:color .16s,border-color .16s,background-color .16s}.exposure-toggle:hover:not(:disabled){color:var(--fg);border-color:rgb(var(--light) / .3)}.exposure-toggle[aria-pressed=true]{color:var(--fg);border-color:rgb(var(--light) / .34);background:rgb(var(--light) / .08)}.exposure-toggle:disabled{cursor:default;opacity:.55}.app-tabs{gap:.25rem;margin-inline-start:auto;display:flex}.app-tab{border:1px solid rgb(var(--light) / .14);font:inherit;color:var(--muted);cursor:pointer;background:0 0;padding:.25rem .7rem;font-size:.8125rem}.app-tab:hover,.app-tab:focus-visible{border-color:rgb(var(--light) / .4);color:var(--fg)}.app-tab[data-active]{border-color:rgb(var(--light) / .5);background:rgb(var(--light) / .08);color:var(--fg)}.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 rgb(var(--light) / .18);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:rgb(var(--light) / .45)}.review-list{max-width:34rem;margin-inline:auto}.review-list ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.review-card{border:1px solid rgb(var(--light) / .1);background:var(--surface);width:100%;font:inherit;color:var(--fg);text-align:start;cursor:pointer;grid-template-columns:1fr 4rem 3.5rem 4.5rem;align-items:baseline;gap:.9rem;padding:.6rem .8rem;display:grid}.review-card:hover,.review-card:focus-visible{border-color:rgb(var(--light) / .35)}.review-card-date{font-size:.875rem}.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-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-controls{border:1px solid rgb(var(--light) / .1);background:var(--surface);gap:.4rem;padding:.6rem;display:grid}.review-buttons{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.review-buttons button{border:1px solid rgb(var(--light) / .14);font:inherit;color:var(--fg);cursor:pointer;background:0 0;padding:.3rem 0;font-size:.875rem}.review-buttons button:hover:not(:disabled),.review-buttons button:focus-visible{border-color:rgb(var(--light) / .4)}.review-buttons button:disabled{opacity:.3;cursor:default}.review-slider{width:100%;accent-color:var(--board)}.review-ply{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.75rem}.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 rgb(var(--light) / .06);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:rgb(var(--light) / .05)}.review-iv[data-active]{background:rgb(var(--light) / .09)}.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 rgb(var(--light) / .06);padding:.5rem .3rem .7rem}.review-iv-note p{margin:0 0 .35rem;font-size:.8125rem;line-height:1.6}.review-iv-hint{color:var(--muted)}.review-iv-hint strong{font-family:var(--font-koma);color:var(--fg);font-weight:400}.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 rgb(var(--light) / .06);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:rgb(var(--light) / .05)}.review-kifu-row[data-selected]{background:rgb(var(--light) / .09)}.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:#cfc7ba}.review-kifu-mark{border:1px solid rgb(var(--light) / .2);letter-spacing:.08em;color:var(--muted);padding:0 .3rem;font-size:.625rem}.review-kifu-eval{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.review-kifu-eval[data-sign=minus]{opacity:.7}@media (max-width:52rem){.review-iv-list,.review-kifu{max-height:14rem}}