.shudan-goban{--shudan-board-border-width: .15em;--shudan-board-border-color: #CA933A;--shudan-board-background-color: #F1B458;--shudan-board-foreground-color: #5E2E0C;--shudan-black-background-color: #222;--shudan-black-foreground-color: #eee;--shudan-white-background-color: #eee;--shudan-white-foreground-color: #222;position:relative;border:var(--shudan-board-border-width) solid var(--shudan-board-border-color);color:var(--shudan-board-foreground-color)}.shudan-goban:not(.shudan-coordinates){padding:.25em}.shudan-goban-image{background:url(/tsumesight/assets/board-BjQgsRrQ.png) var(--shudan-board-background-color)}.shudan-coordx span,.shudan-coordy span{font-size:.6em}.shudan-vertex div{left:0;top:0;width:100%;height:100%}.shudan-goban:after{content:"";position:absolute;top:calc(-1 * var(--shudan-board-border-width));left:calc(-1 * var(--shudan-board-border-width));bottom:calc(-1 * var(--shudan-board-border-width));right:calc(-1 * var(--shudan-board-border-width));background:linear-gradient(to bottom,rgba(234,220,192,.1),transparent),linear-gradient(to bottom,transparent,rgba(23,10,2,.05));pointer-events:none;z-index:3}.shudan-goban.shudan-busy:after{animation:2s linear -.5s shudan-busy infinite;background-color:#170a021a;background-image:linear-gradient(to right,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);background-size:19em 100%;background-repeat:no-repeat;pointer-events:all}@keyframes shudan-busy{0%{background-position:-19em 0}to{background-position:calc(100% + 19em) 0}}.shudan-gridline,.shudan-hoshi{fill:var(--shudan-board-foreground-color)}.shudan-vertex .shudan-stone{top:.04em;left:.04em;width:calc(100% - .08em);height:calc(100% - .08em)}.shudan-vertex.shudan-sign_0 .shudan-stone{pointer-events:none}.shudan-vertex .shudan-shadow{border-radius:50%}.shudan-vertex .shudan-inner{text-indent:-9999rem}.shudan-vertex:not(.shudan-sign_0).shudan-dimmed .shudan-stone{opacity:.6}.shudan-vertex:not(.shudan-sign_0) .shudan-shadow{background:#170a0266;box-shadow:0 .1em .2em #170a0266}.shudan-stone-image{background-repeat:no-repeat;background-size:100% 100%}.shudan-stone-image.shudan-sign_1{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='43'%20height='43'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient%20id='b'%3e%3cstop%20offset='0'%20stop-color='%23636363'%20stop-opacity='.4'/%3e%3cstop%20offset='1'%20stop-color='%23636363'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%3e%3cstop%20offset='0'%20stop-color='%230b0b0b'/%3e%3cstop%20offset='1'%20stop-color='%23443432'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='0'%20y1='43'%20y2='0'%20xlink:href='%23a'%20gradientUnits='userSpaceOnUse'/%3e%3clinearGradient%20id='d'%20x1='0'%20x2='0'%20y1='2.38'%20y2='19.27'%20xlink:href='%23b'%20gradientUnits='userSpaceOnUse'/%3e%3c/defs%3e%3cg%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='20.5'%20fill='url(%23c)'%20stroke='%23000'%20stroke-width='1'/%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='18.5'%20fill='url(%23d)'%20/%3e%3c/g%3e%3c/svg%3e")}.shudan-stone-image.shudan-sign_-1{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='43'%20height='43'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient%20id='b'%3e%3cstop%20offset='0'%20stop-color='%23eee'%20stop-opacity='.8'/%3e%3cstop%20offset='1'%20stop-color='%23eee'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%3e%3cstop%20offset='0'%20stop-color='%23C9D1FF'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='0'%20y1='43'%20y2='0'%20xlink:href='%23a'%20gradientUnits='userSpaceOnUse'%20/%3e%3clinearGradient%20id='d'%20x1='0'%20x2='0'%20y1='40.65'%20y2='30.65'%20xlink:href='%23b'%20gradientUnits='userSpaceOnUse'/%3e%3c/defs%3e%3cg%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='20.5'%20fill='url(%23c)'%20stroke='%23c3c3c3'%20stroke-width='1'/%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='18.5'%20fill='url(%23d)'%20/%3e%3c/g%3e%3c/svg%3e")}.shudan-vertex:not(.shudan-sign_0).shudan-animate .shudan-stone{transition:transform .2s}.shudan-vertex:not(.shudan-sign_0).shudan-shift_1 .shudan-stone{transform:translate(-.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_2 .shudan-stone{transform:translateY(-.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_3 .shudan-stone{transform:translate(.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_4 .shudan-stone{transform:translateY(.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_5 .shudan-stone{transform:translate(-.04em,-.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_6 .shudan-stone{transform:translate(.04em,-.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_7 .shudan-stone{transform:translate(.04em,.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_8 .shudan-stone{transform:translate(-.04em,.04em)}.shudan-vertex .shudan-marker{left:.04em;top:.04em;width:calc(100% - .08em);height:calc(100% - .08em);text-align:center;fill:var(--shudan-board-background-color);stroke:var(--shudan-board-foreground-color);stroke-width:.07em;pointer-events:none}.shudan-vertex.shudan-sign_1 .shudan-marker,.shudan-vertex.shudan-sign_-1 .shudan-marker{left:0;top:0;width:100%;height:100%;fill:none}.shudan-vertex.shudan-sign_1 .shudan-marker{stroke:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-sign_-1 .shudan-marker{stroke:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-marker_point .shudan-marker{stroke:none;fill:var(--shudan-board-foreground-color)}.shudan-vertex.shudan-marker_point.shudan-sign_1 .shudan-marker{fill:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-marker_point.shudan-sign_-1 .shudan-marker{fill:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-marker_loader .shudan-marker{stroke-dasharray:1em;animation:1.5s linear 0s shudan-rotation infinite}@keyframes shudan-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shudan-vertex.shudan-marker_label .shudan-marker{display:inline-block;width:auto;height:auto;left:50%;top:50%;max-width:1.67em;max-height:1.67em;overflow:hidden;background:var(--shudan-board-background-color);color:var(--shudan-board-foreground-color);font-size:.6em;line-height:1.26;text-align:center;text-overflow:ellipsis;white-space:pre;transform:translate(-50%,-50%)}.shudan-vertex.shudan-marker_label.shudan-sign_1 .shudan-marker{background:transparent;color:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-marker_label.shudan-sign_-1 .shudan-marker{background:transparent;color:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-smalllabel .shudan-marker{max-height:2.7em;max-width:2.7em;font-size:.36em}.shudan-vertex .shudan-ghost{left:50%;top:50%;width:.4em;height:.4em;opacity:.5;transform:translate(calc(-50% + .5px),calc(-50% + .5px))}.shudan-vertex .shudan-ghost:before{content:"";box-sizing:border-box;display:none;position:absolute;left:50%;top:50%;width:.4em;height:.4em;border-radius:50%;transform:translate(-50%,-50%)}.shudan-vertex.shudan-ghost_faint .shudan-ghost{opacity:.3}.shudan-vertex.shudan-sign_0.shudan-ghost_1 .shudan-ghost:before,.shudan-vertex.shudan-sign_0.shudan-ghost_-1 .shudan-ghost:before{display:block}.shudan-vertex.shudan-ghost_1 .shudan-ghost:before{background:#000c}.shudan-vertex.shudan-ghost_-1 .shudan-ghost:before{background:#fff}.shudan-vertex.shudan-ghost_good .shudan-ghost:before{background:#59a80f}.shudan-vertex.shudan-ghost_interesting .shudan-ghost:before{background:#4886d5}.shudan-vertex.shudan-ghost_doubtful .shudan-ghost:before{background:#92278f}.shudan-vertex.shudan-ghost_bad .shudan-ghost:before{background:#f02311}.shudan-vertex .shudan-paint{overflow:hidden}.shudan-vertex .shudan-paint .shudan-inner{background:transparent;border-radius:.2em}.shudan-vertex.shudan-paint_1 .shudan-paint .shudan-inner{background:var(--shudan-black-background-color)}.shudan-vertex.shudan-paint_-1 .shudan-paint .shudan-inner{background:var(--shudan-white-background-color)}.shudan-vertex.shudan-paintedleft .shudan-paint .shudan-inner{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-paintedright .shudan-paint .shudan-inner{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-paintedtop .shudan-paint .shudan-inner{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-paintedbottom .shudan-paint .shudan-inner{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.shudan-vertex .shudan-heat{top:50%;left:50%;margin-left:-1px;margin-top:-1px;border-radius:50%;width:1px;height:1px;opacity:0;pointer-events:none;transition:opacity .5s,box-shadow .5s}.shudan-vertex.shudan-heat_9 .shudan-heat{background:#59a80f;box-shadow:0 0 1em 1em #59a80f;opacity:.8}.shudan-vertex.shudan-heat_8 .shudan-heat{background:#59a80f;box-shadow:0 0 1em .9em #59a80f;opacity:.7}.shudan-vertex.shudan-heat_7 .shudan-heat{background:#4886d5;box-shadow:0 0 1em .75em #4886d5;opacity:.8}.shudan-vertex.shudan-heat_6 .shudan-heat{background:#4886d5;box-shadow:0 0 1em .6em #4886d5;opacity:.8}.shudan-vertex.shudan-heat_5 .shudan-heat{background:#4886d5;box-shadow:0 0 .9em .55em #4886d5;opacity:.7}.shudan-vertex.shudan-heat_4 .shudan-heat{background:#92278f;box-shadow:0 0 .85em .5em #92278f;opacity:.8}.shudan-vertex.shudan-heat_3 .shudan-heat{background:#92278f;box-shadow:0 0 .8em .45em #92278f;opacity:.7}.shudan-vertex.shudan-heat_2 .shudan-heat{background:#f02311;box-shadow:0 0 .75em .4em #f02311;opacity:.8}.shudan-vertex.shudan-heat_1 .shudan-heat{background:#f02311;box-shadow:0 0 .75em .4em #f02311;opacity:.7}.shudan-vertex .shudan-heatlabel{display:inline-block;height:auto;top:50%;left:50%;overflow:hidden;color:#fff;font-size:.36em;line-height:1.26;text-align:center;text-overflow:ellipsis;text-shadow:0 .1em .3em black;white-space:pre;opacity:.9;transform:translate(-50%,-50%);pointer-events:none}.shudan-vertex .shudan-selection{box-sizing:border-box;border:.1em solid #0082F0;border-radius:.2em;background:#0082f033}.shudan-vertex.shudan-selectedleft .shudan-selection{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-selectedright .shudan-selection{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-selectedtop .shudan-selection{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-selectedbottom .shudan-selection{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.shudan-line,.shudan-arrow{fill:none;stroke:var(--shudan-board-foreground-color);stroke-width:.11em}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:system-ui,sans-serif;background:#1c1a18;color:#e0e0e0;font-variant-numeric:tabular-nums;font-size:18px}#app{max-width:1280px;margin:0 auto;padding:1rem}#app:has(.quiz){padding:0;max-width:100%;height:100dvh;overflow:hidden}.library{position:relative}.library h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.progress-hero{text-align:center;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.progress-num{font-size:2.5rem;font-weight:700;color:#4c4}.progress-sep{font-size:1.8rem;color:#555;margin:0 .1rem}.progress-den{font-size:1.8rem;font-weight:500;color:#888}.progress-hero.complete .progress-num{color:#c8a060}.next-hero{display:block;width:100%;max-width:400px;margin:0 auto 1rem;padding:.9rem 2rem;background:#4af;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.3rem;font-weight:600;letter-spacing:.03em;transition:all .15s ease}.next-hero:hover{background:#5bf;box-shadow:0 0 12px #468cff4d}.next-hero:active{transform:scale(.97)}.menu-wrap{position:absolute;top:.75rem;right:.75rem}.menu-toggle{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;line-height:1}.menu-toggle:hover{color:#ccc;background:#333}.menu-backdrop{position:fixed;inset:0;z-index:90}.menu-dropdown{position:absolute;right:0;top:100%;z-index:100;background:#2a2826;border:1px solid #444;border-radius:8px;padding:.3rem 0;min-width:180px;box-shadow:0 8px 24px #00000080}.menu-item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;color:#ccc;font-size:.85rem;text-align:left;cursor:pointer;text-decoration:none}.menu-item:hover{background:#383530;color:#fff}.menu-danger{color:#a66}.menu-danger:hover{color:#f88;background:#3a2525}.menu-sep{height:1px;background:#444;margin:.3rem 0}.env-toggle{display:flex;gap:0;margin:.3rem .6rem}.env-btn{flex:1;padding:.4rem 0;text-align:center;font-size:.85rem;text-decoration:none;border:1px solid #555;color:#888;cursor:pointer}.env-btn:first-child{border-radius:4px 0 0 4px}.env-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.env-active{background:#4af;color:#fff;border-color:#4af;cursor:default}.env-btn:not(.env-active):hover{background:#383530;color:#ccc}.empty-msg,.loading{text-align:center;color:#888;margin-top:2rem}.welcome{max-width:540px;margin:1rem auto;color:#aaa;font-size:.9rem;line-height:1.6}.welcome p{margin:.4rem 0}.welcome-section{color:#ccc;font-weight:700;margin-top:1rem!important;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem;margin-bottom:1rem}.tile{background:#252320;border:1px solid #3a3835;border-left:3px solid #3a3835;border-radius:6px;padding:.4rem .5rem;cursor:pointer;transition:all .15s ease;min-width:0;text-align:center;-webkit-user-select:none;user-select:none}.file-tile{display:flex;align-items:center;min-height:2.6rem;padding:.5rem 0}.tile:hover{background:#2e2c28;border-color:#4a4845}.tile:active{transform:scale(.97)}.tile-solved{opacity:.55}.tile-num{font-size:1rem;font-weight:700;color:#bbb;line-height:1;width:40%;text-align:center;padding:0 .6rem}.tile-solved .tile-num{color:#bbb}.tile-acc{font-size:.75rem;font-weight:600;color:#c8a060;width:60%;text-align:center;padding:0 .6rem;border-left:2px solid #3a3835;align-self:stretch;display:flex;align-items:center;justify-content:center}.tile-perfect{color:#4c4;font-weight:700}.tile-stars{font-size:.9rem;color:#fc0;width:60%;padding:0 .2rem;border-left:2px solid #3a3835;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.star-row{display:flex;letter-spacing:.1em}.star-row-bottom{margin-top:-.15em}.star-off{color:#554}.tile-trophy{font-size:2.2rem;line-height:1}.tile-medal{font-size:1.4rem;line-height:1}.tile-name{font-size:.85rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-solved .tile-name{color:#8a8}.dir-tile{background:#1a2a3a;border-color:#2a3a4a;border-top:2px solid #4a7ab0;grid-column:span 3;padding:0;height:4.5rem;display:flex;align-items:stretch;overflow:hidden}.dir-header-tile{background:#0e1820;border:1px solid #2a3a4a;border-left:3px solid #667;padding:0;height:4.5rem;display:flex;align-items:stretch;overflow:hidden;border-radius:6px;margin-bottom:1rem}.dir-header-tile .tile-name{color:#9aa;font-weight:600;white-space:normal;line-height:1.3;flex:1;display:flex;align-items:center;justify-content:center}.dir-header-tile .dir-count{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .5rem;background:#141e28;min-width:3rem}.dir-header-tile.dir-complete .dir-count-num{color:#c8a060}.dir-tile .tile-name{color:#8ac;font-weight:600;white-space:normal;line-height:1.3;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem .6rem}.dir-tile:hover{background:#253d54;border-color:#3a5a7a;border-top-color:#6a9ad0}.dir-count{font-variant-numeric:tabular-nums;background:#00000040;border-right:1px solid rgba(255,255,255,.08);padding:.4rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3rem;line-height:1.2}.dir-count-num{font-size:1rem;font-weight:700;color:#4c4}.dir-count-sep{font-size:.65rem;color:#445}.dir-count-den{font-size:.85rem;font-weight:600;color:#aab}.dir-complete .dir-count-num{color:#c8a060}.dir-actions{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.08)}.dir-action-btn{flex:1;background:none;border:none;color:#556;cursor:pointer;padding:0 .5rem;font-size:.9rem;transition:all .15s}.dir-action-btn:hover{color:#aac;background:#ffffff0d}.dir-action-btn+.dir-action-btn{border-top:1px solid rgba(255,255,255,.08)}.dir-action-delete:hover{color:#f88;background:#ff505014}.breadcrumbs{margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.breadcrumbs .crumb,.breadcrumbs .crumb-current{padding:.35rem .7rem;border-radius:5px;cursor:pointer;transition:all .15s ease}.breadcrumbs .crumb{color:#6af;background:#1a2a3a}.breadcrumbs .crumb:hover{background:#253d54}.breadcrumbs .crumb-current{color:#eee;background:#3a3a3a;font-weight:500}.breadcrumbs .crumb-current:hover{background:#4a4a4a}.crumb-sep{color:#666;font-size:1.2rem;margin:0 .1rem}.complete-badge{display:block;width:fit-content;margin:0 auto 1rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,#2a5a2a,#3a7a3a);color:#cda;border:1px solid #4a4;border-radius:8px;font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-align:center}.score-good{color:#4c4}.quiz{--s: min(1dvh, 1dvw);--tip-pad: calc(clamp(1.35rem, 3.8vw, 2.3rem)*.7) ;height:100dvh;width:min(100dvw,100dvh);margin:0 auto;padding:var(--tip-pad) var(--tip-pad) 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;background:linear-gradient(180deg,#8c6e320f,#8c6e320a 45%,#8c6e3205 55%,#0000 60%),#1c1a18;box-shadow:-100vw 0 0 100vw #785a280a,100vw 0 0 100vw #785a280a}.back-btn{background:#3a3835;color:#ddd;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .15s ease}.back-btn:hover{background:#4a4845;box-shadow:0 0 6px #c8b48c26}.back-btn:active{transform:scale(.95)}.bar-btn{background:#2a2826;color:#ddd;border:1px solid #4a4540;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .15s ease}.bar-btn:hover{border-color:#7a7570;background:#353330;box-shadow:0 0 8px #c8b48c26}.bar-btn:active{transform:scale(.95);background:#252320}.bottom-bar-row{display:flex;justify-content:space-between;align-items:stretch;width:98%;gap:clamp(2px,1vw,calc(2 * var(--s)))}.bottom-bar-row .bar-btn{padding:calc(1.5 * var(--s)) calc(3 * var(--s));font-size:clamp(1.4rem,3vw,2rem);border-radius:calc(.8 * var(--s))}.bottom-bar-row .mark-solved-btn{flex:1;min-width:0;padding:clamp(.6rem,1.5vw,1.2rem) clamp(.4rem,1vw,1rem);font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.15;white-space:normal;text-wrap:balance}.bottom-bar-row .nav-btn{flex:1;min-width:0;padding:clamp(4px,1.2vw,calc(1 * var(--s))) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.4vw,calc(.3 * var(--s)))}.nav-btn .nav-icon{font-size:clamp(2.2rem,5vw,3rem);line-height:1}.nav-btn .nav-label{font-size:clamp(1.1rem,2.2vw,1.5rem);letter-spacing:.03em;color:#aaa}.bottom-bar .next-hero{padding:clamp(.9rem,2vw,1.6rem) calc(3 * var(--s));font-size:clamp(1.5rem,3vw,2rem);border-radius:calc(.8 * var(--s));width:80%;margin:0 auto calc(1 * var(--s))}.next-hero-hidden{background:transparent;color:#888;box-shadow:none;border:none;pointer-events:none}.bottom-bar-row .next-hero{width:auto;flex:1;margin:0;padding:calc(1.2 * var(--s)) calc(2.5 * var(--s));font-size:clamp(1.4rem,3vw,2rem);border-radius:calc(.8 * var(--s))}.eye-toggle{display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.board-row{flex:0 0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.bottom-bar{display:flex;flex-direction:column;align-items:center;width:100%;align-self:stretch;overflow:visible;gap:clamp(.4rem,1vw,1rem);padding:clamp(.4rem,1vw,1rem) 0}.score-table-wrap{overflow-y:auto;max-height:100%;width:fit-content;max-width:80%}.score-table{width:100%;border-collapse:collapse;font-size:calc(1.8 * var(--s));color:#ccc;font-variant-numeric:tabular-nums}.score-table tr{border-bottom:1px solid #333}.score-table td{padding:calc(.5 * var(--s)) calc(1.2 * var(--s));white-space:nowrap}.score-rank{color:#666;text-align:right}.score-frac{color:#c8a060;font-weight:600}.score-perfect{color:#4c4}.score-time{color:#aaa;text-align:right}.score-date{color:#666;text-align:right}.score-latest td{background:#6464ff14}.score-latest .score-rank:before{content:"▸";color:#88f;margin-right:calc(.3 * var(--s))}.score-replay{padding:0!important}.replay-btn{background:none;border:1px solid #555;color:#888;cursor:pointer;font-size:calc(1.2 * var(--s));padding:calc(.3 * var(--s)) calc(.4 * var(--s)) calc(.3 * var(--s)) calc(.55 * var(--s));line-height:1;border-radius:calc(.4 * var(--s));transition:all .15s}.replay-btn:hover{color:#4af;border-color:#4af;background:#46aaff1a}.replay-indicator{position:absolute;top:calc(1.5 * var(--s));left:50%;transform:translate(-50%);background:#0009;color:#f88;padding:calc(.3 * var(--s)) calc(1.2 * var(--s));border-radius:calc(.5 * var(--s));font-size:calc(1.8 * var(--s));font-weight:600;letter-spacing:.12em;z-index:10;pointer-events:none}.replay-exit-hint{color:#888;font-size:calc(1.6 * var(--s));text-align:center}.replay-progress-wrap{display:flex;align-items:center;gap:.5rem;width:80%;max-width:20rem;align-self:center}.replay-timer{color:#aaa;font-size:.85rem;font-variant-numeric:tabular-nums;min-width:3rem;text-align:right}.replay-progress-bar{flex:1;height:4px;background:#333;border-radius:2px;overflow:hidden}.replay-progress-fill{height:100%;background:#f88;transition:width .15s}.invisible{visibility:hidden}.action-hint{color:#888;font-size:clamp(1.35rem,3.8vw,2.3rem);text-align:center;text-wrap:balance;max-width:95%;margin:0;padding:var(--tip-pad) 0;line-height:1.25}.hint-blue{color:#4af;font-weight:700}.wrong-flash{animation:wrong-shake .15s ease-out}@keyframes wrong-shake{0%,to{transform:translate(0)}40%{transform:translate(-2px)}80%{transform:translate(1px)}}.shudan-goban{--shudan-board-background-color: #dcb35c;--shudan-board-border-color: #b8923a;--shudan-board-border-width: .05em;--shudan-padding: .1em;box-shadow:0 2px 12px #0006;border-radius:3px;touch-action:none;-webkit-touch-callout:none}.shudan-goban-image{background-image:none}.shudan-vertex .shudan-ghost,.shudan-vertex .shudan-ghost:before{width:.88em;height:.88em}.shudan-vertex.shudan-sign_0 .shudan-ghost:before{outline:2px solid #888;outline-offset:-1px}.shudan-vertex.shudan-marker_label.shudan-sign_0:before{content:"";position:absolute;left:50%;top:50%;width:.6em;height:.6em;transform:translate(-50%,-50%);border-radius:50%;background:var(--shudan-board-background-color, #dcb35c)}.shudan-vertex.shudan-marker_label .shudan-marker{color:#4af!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:.55em;-webkit-text-stroke:.03em #000;paint-order:stroke fill;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.board-container.showing-move .shudan-vertex.shudan-marker_label.shudan-sign_1 .shudan-marker{color:#ddd!important;-webkit-text-stroke:.02em #111}.board-container.showing-move .shudan-vertex.shudan-marker_label.shudan-sign_-1 .shudan-marker{color:#222!important;-webkit-text-stroke:.02em #eee}.board-container.finished .shudan-paint,.board-container.lib-feedback .shudan-paint{display:none}.board-container.finished .shudan-vertex.shudan-paint_1 .shudan-marker,.board-container.lib-feedback .shudan-vertex.shudan-paint_1 .shudan-marker{color:#0c0!important;-webkit-text-stroke:.03em #060}.board-container.finished .shudan-vertex.shudan-paint_-1 .shudan-marker,.board-container.lib-feedback .shudan-vertex.shudan-paint_-1 .shudan-marker{color:#f44!important;-webkit-text-stroke:.03em #800}.shudan-vertex.shudan-marker_circle .shudan-marker circle{stroke:#0c0!important;stroke-width:3px;fill:#00c80033;paint-order:stroke;filter:drop-shadow(0 0 1px #000)}.board-container.finished .shudan-vertex.shudan-marker_cross .shudan-marker path{stroke:#f44!important;stroke-width:3px;filter:drop-shadow(0 0 1px #000)}.finish-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;border-radius:12px;padding:1em 1.5em;text-align:center;cursor:pointer;z-index:10;animation:finish-fade-in .3s ease-out}.finish-stars{font-size:2.5em;color:#fc0;letter-spacing:.15em;text-shadow:0 0 8px rgba(255,200,0,.4);display:flex;flex-direction:row;align-items:center}.finish-stars .star-off{color:#553}.finish-trophy{font-size:6em;line-height:1}.finish-medal{font-size:3.5em;line-height:1}.finish-trophy+.finish-time{font-size:3.5em}.finish-time{font-size:2.5em;font-weight:700;color:#fff}.finish-detail{font-size:.9em;color:#aaa;margin-top:.3em}.finish-gap{font-size:.95em;color:#c8a060;margin-top:.4em}.finish-close{margin-top:.8em;padding:.4em 1.5em;font-size:1.1em;font-weight:700;border:none;border-radius:8px;background:#4af;color:#000;cursor:pointer}.finish-close:active{background:#38d}@keyframes finish-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}