:root{--key-on:#d7262e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--key-on:#ff5a4f}}:root[data-theme=dark]{--key-on:#ff5a4f}.a-kb{order:1}.a-play{order:2}.a-hit{order:3}.a-str{order:4}.a-board{order:5}.a-room{order:6}.a-wave{order:7}.a-out{order:8}.a-thy{order:9}.a-src{order:10}@media (width>=1000px){.tgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"kb kb""c1 c2""thy thy""src src";align-items:start}.a-kb{grid-area:kb}.c1{grid-area:c1}.c2{grid-area:c2}.a-thy{grid-area:thy}.a-src{grid-area:src}}.wv-sw{margin:4px 0 12px}.snd-msg{margin:6px 8px 0}.snd-msg:empty{display:none}.kbw{overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--r);background:var(--screen);--kb-rim:var(--inset);--kb-s:#9aa2a8;--kb-wd:#737c83;--kb-w:#f4f5f1;--kb-b:#2a2f33;overflow-x:auto;box-shadow:inset 0 1px 3px #0000001f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .kbw{--kb-rim:var(--surface);--kb-s:#4a5258;--kb-wd:#6a737a;--kb-w:#d9dcd6;--kb-b:#15181a}}:root[data-theme=dark] .kbw{--kb-rim:var(--surface);--kb-s:#4a5258;--kb-wd:#6a737a;--kb-w:#d9dcd6;--kb-b:#15181a}.kbd{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;min-width:900px;height:auto;display:block}.kbd:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.kb-rim{fill:var(--kb-rim);stroke:var(--line-2);stroke-width:1px}.kb-br{fill:none;stroke:var(--rail-2);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.kb-ag{stroke:var(--line-2);stroke-width:2px}.kb-s{fill:none;stroke:var(--kb-s)}.kb-s.wd{stroke:var(--kb-wd)}.kb-s.vib{visibility:hidden}.kb-hl{fill:none;stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:3 3;opacity:.7}.kb-d{fill:var(--ink-3);opacity:.85}.kb-d.up{opacity:.35}.kb-n{fill:var(--ink-3);font:500 9.5px var(--mono);pointer-events:none}.kk{stroke:var(--line-2);stroke-width:.8px;touch-action:none}.kk.w{fill:var(--kb-w)}.kk.b{fill:var(--kb-b)}.kk.on{fill:var(--key-on)}.kb-v{fill:none;stroke:var(--ch1);stroke-width:1.4px;stroke-linejoin:round;pointer-events:none}.kb-v.band{fill:var(--ch1);fill-opacity:.35;stroke-width:.8px;stroke-opacity:.8}.kb-rip{fill:none;stroke:var(--ch1);stroke-width:1.6px;pointer-events:none}.kb-hv{fill:var(--focus);opacity:.18;pointer-events:none}.kb-cur{fill:none;stroke:var(--focus);stroke-width:2px;pointer-events:none}.kb-note{margin-left:auto}@media (width<=559px){.kb-note{margin-left:0}}.a-str .prow{--uw:2.6rem}.stw{border-top:1px solid var(--line);margin-top:14px;overflow-x:auto}.stab{border-collapse:collapse;width:100%;font:500 12.5px/1.4 var(--mono);font-variant-numeric:tabular-nums}.stab th{font:700 11.5px/1.3 var(--sans);color:var(--ink-3);text-align:right;white-space:nowrap;padding:9px 6px 5px}.stab td{border-top:1px solid var(--line);text-align:right;white-space:nowrap;padding:5px 6px}.stab th:first-child,.stab td:first-child{text-align:left}.stab tbody tr{cursor:pointer}.stab tbody tr:hover{background:var(--inset)}.stab tbody tr[aria-selected=true] td:first-child{box-shadow:inset 3px 0 var(--accent);font-weight:700}.res-aux{text-align:right;margin:0 0 10px}.a-out .thy-body>p.res-aux{max-width:none;color:var(--ink-3);line-height:1.3}.m-sub{font:12px/1.5 var(--sans);color:var(--ink-3);margin-top:2px;display:block}.m-main .m-sub{margin-top:4px}.bmet,.rmet{margin-top:12px}.bmet .m dd,.rmet .m dd{font-size:16px}.a-board,.a-room{container-type:inline-size}.bsbar{margin-top:14px}.scope svg{touch-action:pan-y}.cur{stroke:var(--screen-ink);stroke-width:1px}.t1.sp{stroke-width:1.6px}.gl2{stroke:var(--grid);stroke-width:1px;opacity:.55}.mkp{stroke:var(--ch2);stroke-width:1.4px;fill:none}.scope text.r2{fill:var(--ch2)}.a-src{font-size:14.5px}.prow.pick{grid-template-columns:var(--sw) auto minmax(0,1fr);grid-template-areas:"sym name val"}.sel{position:relative}.sel select{appearance:none;border:1px solid var(--line-2);background:var(--inset);width:100%;height:30px;color:var(--ink);font:500 13px/1.2 var(--mono);text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:0 30px 0 10px}@media (pointer:coarse){.sel select{height:36px}}.sel select:hover{border-color:var(--ink-3)}.sel select option{background:var(--surface);color:var(--ink)}.sel:after{content:"";border-right:1.6px solid var(--ink-2);border-bottom:1.6px solid var(--ink-2);pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.wst{text-align:left}