.an-layout{--sg-vh-offset:190px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""board""nav""engine""guide""ops""tree""tools""review";gap:10px;display:grid}.an-layout>*{min-width:0}.an-layout__head{grid-area:head;margin:0 12px}.an-layout__board{grid-area:board}.an-layout__engine{grid-area:engine;margin:0 12px}.an-layout__tree{flex-direction:column;grid-area:tree;gap:6px;min-height:0;margin:0 12px;display:flex}.an-layout__nav{flex-direction:column;grid-area:nav;gap:6px;margin:0 12px;display:flex}.an-layout__tools{grid-area:tools;margin:0 12px}.an-layout__ops{grid-area:ops;margin:0 12px}.an-layout__review{grid-area:review;margin:0 12px}.an-layout__guide{grid-area:guide;margin:0 12px}.an-layout.has-guide .an-layout__tree,html[data-an-guide=off] .an-layout__guide{display:none}html[data-an-guide=off] .an-layout.has-guide .an-layout__tree{display:flex}@media (max-width:959px){.an-layout__nav{background:var(--paper-2);border-block:1px solid var(--line);margin:0;padding:6px 8px}}@media (min-width:960px){.an-layout{--sg-vh-offset:104px;grid-template:"board head""board engine""board nav""board ops""board guide""board tree"minmax(0,1fr)"review tools"/minmax(0,1fr) 320px;align-items:start;gap:12px 24px}.an-layout__head,.an-layout__engine,.an-layout__tree,.an-layout__nav,.an-layout__ops,.an-layout__tools,.an-layout__review,.an-layout__guide{margin:0}.an-layout__board{grid-row:1/7;align-self:start}.an-layout__nav{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:10px}.an-layout__tree{align-self:stretch}.an-layout__tree .an-tree{flex:auto;height:0;min-height:140px;max-height:none}.an-layout__review{margin-top:12px}.an-layout__tools{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;align-self:start;margin-top:12px;padding:12px}}@media (min-width:1200px){.an-layout{grid-template-columns:minmax(0,1fr) 380px}}.an-boardbox{align-items:stretch;gap:6px;display:flex}.an-boardbox__board{flex:1;min-width:0}.an-bar{background:var(--ink);border:1px solid var(--line-strong);border-radius:4px;flex:none;width:14px;position:relative;overflow:hidden}.an-bar__fill{background:var(--paper-2);transition:height .45s cubic-bezier(.2,.8,.3,1);position:absolute;bottom:0;left:0;right:0}.an-bar.is-flipped .an-bar__fill{background:var(--paper-2)}.an-bar__mid{background:var(--accent);opacity:.7;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.an-bar__val{text-align:center;writing-mode:vertical-rl;font-size:8px;font-weight:700;line-height:14px;position:absolute;left:0;right:0;transform:rotate(180deg)}.an-bar__val.is-low{color:var(--ink);bottom:3px}.an-bar__val.is-high{color:var(--paper-2);top:3px}@media (min-width:720px){.an-bar{width:18px}.an-bar__val{font-size:9px;line-height:18px}}.an-engine{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;padding:10px 12px}.an-engine__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.an-engine__score{flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.an-engine__label{color:var(--ink-faint);flex-basis:100%;font-size:12px;line-height:1.3}.an-engine__eval{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.6rem;font-weight:700;line-height:1.15}.an-engine__word{border-radius:var(--radius-pill);background:var(--paper-3);color:var(--ink-soft);white-space:nowrap;align-self:center;padding:1px 10px;font-size:13px;font-weight:700}.an-engine__word--sente{background:var(--ink);color:var(--paper-2)}.an-engine__word--gote{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.an-engine__switch{flex:none;font-size:13px}.an-engine__off{margin:0;font-size:13px}.an-engine__meta{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.an-engine__depth{align-items:center;gap:6px;min-width:3em;font-size:.8rem;display:inline-flex}.an-engine__pvlabel{margin-left:auto;font-size:12px}.an-engine__pv button{padding:3px 10px}.an-pvs{flex-direction:column;gap:2px;margin-top:6px;display:flex}.an-pvs__empty{margin:4px 0;font-size:.86rem}.an-pv{border-top:1px solid var(--line);align-items:baseline;gap:8px;min-width:0;padding:3px 0;font-size:.88rem;display:flex}.an-pv__eval{min-width:3.6em;font-family:var(--font-mono);flex:none;font-size:.84rem;font-weight:700}.an-pv__moves{flex-wrap:nowrap;gap:1px;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.an-pv__mv{color:var(--ink-soft);background:0 0;border:0;border-radius:4px;flex:none;padding:1px 4px;font-size:.86rem}.an-pv__mv:hover{background:var(--accent-soft);color:var(--ink)}.an-tree{border:1px solid var(--line);background:var(--paper-2);overscroll-behavior:contain;border-radius:16px;max-height:260px;padding:8px;font-size:.92rem;overflow-y:auto}.an-tree__empty{color:var(--ink-faint);text-align:center;margin:6px;font-size:.88rem}.an-line{flex-wrap:wrap;align-items:baseline;gap:1px 2px;display:flex}.an-mv{color:var(--ink);background:0 0;border:0;border-radius:4px;align-items:baseline;gap:4px;padding:2px 6px;font-size:.92rem;display:inline-flex}.an-mv:hover{background:var(--accent-soft)}.an-mv[aria-current=true]{background:var(--accent-soft);color:var(--accent-text);font-weight:700}.an-mv__no{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.72rem}.an-mv[aria-current=true] .an-mv__no{color:inherit;opacity:.7}.an-mv__glyph{font-size:.8rem;font-weight:700}.an-mv.has-comment .an-mv__san{-webkit-text-decoration:underline dotted var(--ink-faint);text-decoration:underline dotted var(--ink-faint);text-underline-offset:3px}.an-mv--inaccuracy .an-mv__glyph,.an-c--inaccuracy{color:var(--ink-soft)}.an-mv--mistake .an-mv__glyph,.an-c--mistake{color:var(--warn)}.an-mv--blunder .an-mv__glyph,.an-c--blunder{color:var(--accent)}.an-vars{border-left:2px solid var(--line-strong);flex-direction:column;flex-basis:100%;gap:1px;margin:2px 0 4px 10px;padding-left:8px;display:flex}.an-var{flex-wrap:wrap;align-items:baseline;gap:1px 2px;font-size:.88rem;display:flex}.an-var:before{content:"(";color:var(--ink-faint)}.an-var:after{content:")";color:var(--ink-faint)}.an-var .an-mv{color:var(--ink-soft);font-size:.86rem}.an-var .an-mv[aria-current=true]{color:var(--accent-text)}.an-comment{border-left:3px solid var(--wood-deep);background:var(--paper-3);white-space:pre-wrap;border-radius:0 6px 6px 0;margin:0;padding:8px 10px;font-size:.9rem}.an-nodeops{flex-wrap:wrap;gap:4px;display:flex}.an-nodeops .btn svg,.an-tools .btn svg{width:16px;height:16px}.an-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.an-tools__variant select{min-height:32px;padding:2px 8px;font-size:.86rem}@media (pointer:coarse){.an-tools__variant select{min-height:44px}}.an-review{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.an-review__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.an-review__head .pg-h2{align-items:center;gap:8px;margin:0;display:inline-flex}.an-progress{background:var(--paper-3);border-radius:999px;height:24px;position:relative;overflow:hidden}.an-progress__bar{background:var(--accent-soft);border-right:2px solid var(--accent);transition:width .3s;position:absolute;inset:0 auto 0 0}.an-progress__text{text-align:center;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8rem;line-height:24px;display:block;position:relative}.an-graph{border:1px solid var(--line);cursor:pointer;touch-action:none;border-radius:6px;height:110px;position:relative;overflow:hidden}.an-graph svg{width:100%;height:100%;display:block}.an-graph__bg{fill:var(--paper-2)}.an-graph__area--sente{fill:color-mix(in srgb, var(--ink) 22%, var(--paper-2))}.an-graph__area--gote{fill:color-mix(in srgb, var(--ink) 8%, var(--paper-2))}.an-graph__line{fill:none;stroke:var(--ink-soft);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.an-graph__mid{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.an-graph__cur{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.an-graph__hover{stroke:var(--ink-faint);stroke-width:1px;vector-effect:non-scaling-stroke}.an-graph__dot{border:1px solid var(--paper);pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.an-graph__dot--inaccuracy{background:var(--ink-soft)}.an-graph__dot--mistake{background:var(--warn)}.an-graph__dot--blunder{background:var(--accent)}.an-graph__dot.on{transform:scale(1.5)}.an-graph__dot--missed{background:var(--paper-2);border:2px solid var(--accent);width:10px;height:10px;margin:-5px 0 0 -5px}.an-note{border:1px solid var(--line);border-left:3px solid var(--ink-soft);border-radius:var(--radius-sm);background:var(--paper-3);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;padding:8px 10px;font-size:14px;display:flex}.an-note p{flex:220px;margin:0}.an-note--mistake{border-left-color:var(--warn)}.an-note--blunder,.an-note--missed{border-left-color:var(--accent)}.an-note--inaccuracy{border-left-color:var(--gold)}.an-note--best{border-left-color:var(--ok)}.an-note--best b{color:var(--ok)}.an-note--blunder b,.an-note--missed b{color:var(--accent-text)}.an-judging{margin:8px 0 0;font-size:.84rem}.an-review__hint{margin:4px 0 8px}.an-steps{gap:6px;margin-top:10px;display:grid}.an-steps__row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.an-steps__who{flex:140px;font-size:14px}.an-threat{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);margin:8px 0 0;padding:6px 10px;font-size:13px;font-weight:700}.an-graph__tip{background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:.76rem;position:absolute;top:4px;transform:translate(-50%)}.an-summary td,.an-summary th{padding:6px 8px}.an-count{border:1px solid var(--line);background:var(--paper);font-variant-numeric:tabular-nums;border-radius:999px;min-width:30px;padding:2px 8px;font-weight:700}.an-count:disabled{opacity:.4;cursor:default}.an-textarea{min-height:160px;font-family:var(--font-mono);resize:vertical;font-size:.82rem}.an-lfm{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;display:flex}.an-guide{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.an-guide__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.an-guide__title{margin:0;font-size:1.05rem;font-weight:700}.an-guide__close{margin:-6px -8px -6px 0}.an-guide__lead{color:var(--ink-soft);margin:0;font-size:14px}.an-guide__ways{gap:6px;margin:0;padding:0;list-style:none;display:grid}.an-guide__way{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);width:100%;min-height:56px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.an-guide__way:hover{border-color:var(--line-strong);background:var(--paper-hover);color:var(--ink);text-decoration:none}.an-guide__way .ico-tile{width:36px;height:36px}.an-guide__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.an-guide__text b{font-size:15px;font-weight:700;line-height:1.4}.an-guide__text small{color:var(--ink-soft);font-size:12.5px;line-height:1.5}.an-guide__go{width:16px;height:16px;color:var(--ink-faint);flex:none}.an-guide__eval{border-left:3px solid var(--wood-deep);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--paper-3);padding:10px 12px}.an-guide__eval h3{margin:0 0 2px;font-size:14px;font-weight:700}.an-guide__eval p{color:var(--ink-body);margin:0;font-size:13px;line-height:1.7}@media (min-width:960px){.an-layout__guide{overflow:auto}}