.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(/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}html,body{overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#3a4a55 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#3a4a55;border-radius:3px}::-webkit-scrollbar-track{background:transparent}#app{max-width:1280px;margin:0 auto;padding:1rem}#app:has(.quiz){padding:0;max-width:100%;height:100dvh;overflow:hidden}.library{position:relative}.app-title{display:block;width:fit-content;margin:0 auto;text-align:center;font-weight:300;font-size:1.85rem;text-transform:uppercase;letter-spacing:.5em;text-indent:.5em;border-radius:5px;padding:1.15em 1.7em;background:#ac8a42 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><rect width="22" height="22" fill="%23ac8a42"/><path d="M21.5 0V22M0 21.5H22" stroke="%2396793a" shape-rendering="crispEdges"/></svg>') repeat;background-size:22px 22px}.app-title .tb{color:#111}.app-title .ts{color:#f8f8f4}.offline-badge{display:block;width:fit-content;margin:-1rem auto 1rem;padding:.2rem .7rem;background:#3a3025;color:#c96;border:1px solid #6a5330;border-radius:999px;font-size:.8rem;letter-spacing:.04em}.parked-notice{display:block;width:fit-content;margin:-.5rem auto 1rem;padding:.2rem .7rem;background:#3a2525;color:#c66;border:1px solid #6a3030;border-radius:999px;font-size:.8rem;letter-spacing:.04em}.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)}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#111;color:#aac4e8;border:1px solid #444;border-radius:6px;padding:.35em .6em;font-size:13px;font-weight:400;line-height:1.3;width:max-content;max-width:min(20rem,85vw);white-space:normal;z-index:200;pointer-events:none}.bottom-bar [data-tip]:hover:after{top:auto;bottom:calc(100% + 6px)}.bug-report-btn{position:fixed;top:.4rem;left:.4rem;z-index:50;background:none;border:none;font-size:1.1rem;opacity:.45;cursor:pointer;padding:.2rem}.bug-report-btn:hover{opacity:1}.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-sep{height:1px;background:#444;margin:.3rem 0}.branch-select{display:flex;align-items:center;gap:.5rem;margin:.3rem .6rem;font-size:.85rem;color:#888}.branch-select select{flex:1;padding:.3rem .4rem;background:#222;color:#ccc;border:1px solid #555;border-radius:4px;font-size:.85rem;cursor:pointer}.branch-select select:hover{background:#383530;color:#ccc}.menu-update{color:#8bc}.menu-update:hover{color:#adf;background:#253038}.menu-version{padding:.4rem .75rem .2rem;font-size:.7rem;color:#666;text-align:center;font-family:monospace}.menu-source{margin-top:.2rem;font-family:inherit}.menu-source.offline{color:#c96}.menu-version[data-tip]:hover:after{white-space:pre}.menu-account{padding:.4rem 1rem .1rem;font-size:.75rem;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-gate{max-width:420px;margin:0 auto;padding:1rem;text-align:center}.join-note{color:#aaa;font-size:.9rem;line-height:1.6;margin:1.2rem 0}.join-form{display:flex;flex-direction:column;gap:.6rem}.join-form input{padding:.6rem .8rem;background:#222;color:#ddd;border:1px solid #555;border-radius:8px;font-size:1rem}.join-code{text-align:center;letter-spacing:.08em}.join-send{padding:.6rem .8rem;background:#2e4a33;color:#dfd;border:1px solid #3b5;border-radius:8px;font-size:1rem;cursor:pointer}.join-send:hover{background:#375a3e}.join-google{width:100%;padding:.6rem .8rem;background:#2c2c34;color:#dde;border:1px solid #667;border-radius:8px;font-size:1rem;cursor:pointer}.join-google:hover{background:#383844}.join-error{color:#f88;font-size:.9rem}.join-signout{margin-top:1.5rem;background:none;border:none;color:#888;font-size:.85rem;text-decoration:underline;cursor:pointer}.join-signout:hover{color:#ccc}.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}.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-attempted{opacity:.55}.tile-num{font-size:1rem;font-weight:700;color:#bbb;line-height:1;width:40%;text-align:center;padding:0 .6rem}.tile-attempted .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-name{font-size:.85rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-attempted .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}.action-area{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:2.2rem}.action-row{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;width:100%;max-width:16rem}.action-btn{padding:.9rem 1.6rem;background:#16332e;border:1px solid #2a5a50;border-top:2px solid #35b096;border-radius:6px;color:#8ad8c4;font-weight:600;font-size:1.3rem;cursor:pointer;transition:all .15s ease}.action-btn:hover{background:#1e453d;border-color:#3a7a6a}.action-btn:active{transform:scale(.97)}.action-btn:disabled{opacity:.35;cursor:default;transform:none}.ladder{--rung-h: 5.5rem;display:grid;grid-template-columns:auto 1fr 1fr 1.7fr 1fr 1fr auto;align-items:start;gap:.35rem;width:100%;max-width:36rem}.ladder-cell{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;min-height:var(--rung-h);padding:0;overflow:hidden;background:#16332e;border:1px solid #2a5a50;border-radius:6px;color:#6a9a8e;cursor:pointer;transition:background .15s ease,border-color .15s ease}.ladder-cell:hover{background:#1e453d}.ladder-arrow{display:flex;align-items:center;justify-content:center;align-self:start;width:3.2rem;height:var(--rung-h);margin:0 .5rem;padding:0;background:none;border:none;border-radius:50%;font-size:1.3rem;line-height:1;color:#35b096;cursor:pointer;transition:all .15s ease}.ladder-arrow:hover:not(:disabled){background:#1e453d;color:#6ee0c2}.ladder-arrow:active{transform:scale(.9)}.ladder-arrow:disabled{opacity:.25;cursor:default;transform:none}.ladder-cell.selected{border-color:#35b096;border-top-width:2px;background:#1e453d;color:#8ad8c4}.ladder-cell.empty{background:none;border-color:transparent;cursor:default}.rung-title{padding:.4rem .5rem;background:#00000038;border-bottom:1px solid #2a5a50;color:#9fc4ba;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.ladder-cell.selected .rung-title{border-bottom-color:#35b096;color:#d8f2ea;font-size:.95rem}.rung-stats{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .5rem .5rem}.rung-stat{font-size:.72rem;line-height:1.35;color:#6a9a8e;font-variant-numeric:tabular-nums;white-space:nowrap}.rung-stat b{font-size:.95rem;font-weight:700;color:#8ad8c4}.rung-stat.done{color:#5a9a6e}.rung-stat.done b{color:#5c6}.rung-stat.failed{color:#9a7f72}.rung-stat.failed b{color:#d09a80}.ladder-cell.selected .rung-stat{font-size:.78rem}.ladder-cell.selected .rung-stat b{font-size:1.05rem}.rung-stat.medal b{color:#c8d8d4}.practice-cal{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-bottom:.6rem;border-bottom:1px solid #23423b;width:100%;max-width:36rem}.cal-scroll{max-width:100%;overflow-x:auto;direction:rtl;padding:2px 2px .2rem}.cal-body{direction:ltr;display:inline-flex;flex-direction:column;gap:.25rem}.cal-months{display:flex;align-items:flex-end;height:1.05rem}.cal-mseg{box-sizing:border-box;margin:0 2px;border-bottom:3px solid;border-radius:1px;font-size:.65rem;font-weight:600;line-height:1.4;text-align:center;overflow:hidden;white-space:nowrap}.cal-mseg.s-win{color:#8aa8d8;border-color:#5a7aa8}.cal-mseg.s-spr{color:#8ac88a;border-color:#55a055}.cal-mseg.s-sum{color:#d8c070;border-color:#b09540}.cal-mseg.s-aut{color:#d89a68;border-color:#b0703a}.cal-mspacer{width:.9rem;flex:none}.cal-cols{display:flex}.cal-week{display:flex;flex-direction:column;gap:.3rem;padding:0 .15rem}.cal-gap{width:.9rem;flex:none;display:flex;align-items:center;justify-content:center;color:#4a5a55;font-size:.7rem;letter-spacing:-1px}.cal-day{position:relative;width:1.5rem;height:1.5rem;box-sizing:border-box;border-radius:4px;background:#20262a}.cal-tally{position:absolute;inset:2px;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:1px}.cal-bar{flex:none;height:3px;border-radius:1px;background:#3b5}.cal-row{flex:none;height:3px;display:flex;gap:1px;align-items:center}.cal-pip{flex:none;width:4px;height:4px;border-radius:50%;background:#3b5}.cal-solid:before{content:"";position:absolute;inset:2px;border-radius:2px;background:#3b5}.cal-weekend{background:#332f47}.cal-weekend .cal-pip,.cal-weekend .cal-bar{background:#2ba}.cal-solid.cal-weekend:before{background:#2ba}.cal-today{box-shadow:0 0 0 1px #9ab}.cal-future{visibility:hidden}.cal-day[data-tip]:hover:after,.cal-gap[data-tip]:hover:after{position:fixed;top:auto;left:auto;transform:translate(-50%,1.4rem)}.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}.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}.summary-overlay{grid-row:1 / -1;align-self:center;justify-self:center;text-align:center;max-width:480px;padding:1.5rem 2rem;background:#252320;border:1px solid #4a4540;border-radius:8px}.summary-overlay h2{margin-bottom:.6rem}.summary-overlay p{color:#aaa;margin-bottom:1.2rem;word-break:break-word}.back-btn{background:#3a3835;color:#ddd;border:none;padding:.6rem 1.4rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .15s ease}.back-btn:hover{background:#4a4845}.back-btn:active{transform:scale(.95)}.quiz{height:100dvh;width:100dvw;display:grid;grid-template-rows:auto var(--bar-size) 1fr;box-sizing:border-box;background:linear-gradient(180deg,#8c6e320f,#8c6e320a 45%,#8c6e3205 55%,#0000 60%),#1c1a18}.board-row{overflow:hidden;display:flex;align-items:flex-end;justify-content:center;position:relative;min-width:0;min-height:var(--board-floor)}.bottom-bar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible;gap:var(--sp2);padding:var(--sp2) 0;min-width:0;min-height:0}.solve-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;width:100%;max-width:var(--row-w);margin:0 auto;min-height:var(--btn-h);gap:var(--sp1);padding:0 var(--sp1);box-sizing:border-box}.solve-cell{display:flex;align-items:center;justify-content:center;min-width:0}.solve-span-2{grid-column:span 2}.solve-span-3{grid-column:span 3}.solve-row .solve-btn{width:100%;min-width:0;max-width:var(--btn-w)}.solve-btn,.seg-switch{border:var(--frame-w) solid transparent;box-sizing:border-box}.solve-primary,.seg-primary{border-color:#3b5}.solve-primary:hover,.seg-primary:hover{border-color:#4c6}.solve-btn{height:var(--btn-h);min-width:var(--btn-w);font-size:var(--fs-glyph);line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#3a3835;color:#ddd;border-radius:var(--radius);cursor:pointer;transition:background .15s ease,border-color .15s ease}.solve-btn:hover{background:#4a4845}.solve-btn:active{transform:scale(.97)}.solve-btn:disabled{background:#2a2825;color:#666;cursor:default;transform:none;border-color:transparent}.solve-primary{color:#fff}.solve-btn-text{font-size:var(--fs-text);font-weight:600;padding:0 1em}.repeat-turn{height:var(--btn-h);width:100%;max-width:var(--btn-w);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-glyph);line-height:1;border-radius:var(--radius);box-sizing:border-box;background:#5f4a22;color:#f4e3c1}.seg-switch{display:inline-flex;align-items:center;height:var(--btn-h);width:100%;max-width:var(--seg-w);padding:var(--sp1);gap:var(--sp1);background:#3a3835;border-radius:var(--radius);cursor:pointer;transition:background .15s ease,border-color .15s ease}.seg-switch:hover{background:#4a4845}.seg-switch:active{transform:scale(.97)}.seg-opt{flex:1;height:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);color:#ddd;font-size:var(--fs-glyph-s);line-height:1;opacity:.4;transition:opacity .15s ease,background .15s ease}.seg-on{background:#5d5952;opacity:1}.seg-disabled{opacity:.5;cursor:default}.seg-disabled:hover{background:#3a3835}.count-box{height:var(--btn-h);width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius);font-size:var(--fs-count);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-sizing:border-box}.count-moves{background:transparent;color:#ddd}.count-answers{background:#2b4a60;color:#cde4f4}.count-repeat{background:#5f4a22;color:#f4e3c1}.count-done{background:#2b6cb0;color:#fff}.hint-slot{height:var(--hint-h);overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0}.action-hint{color:#888;font-size:var(--hint-fs);text-align:center;text-wrap:balance;max-width:95%;margin:0;line-height:1.25}.hint-row{display:grid;grid-template-columns:var(--gear-s) 1fr var(--gear-s);align-items:center;width:100%;padding:0 var(--sp2);box-sizing:border-box;flex:none}.hint-side{display:flex;justify-content:center}.hint-side-stack{flex-direction:column;align-items:center;justify-content:center;height:var(--hint-band)}.hint-side-stack>*{max-height:50%;min-height:0}.hint-side-stack .icon-btn{height:50%;line-height:1;font-size:var(--hint-fs)}.hint-side-stack .drill-pos{line-height:1}.drill-pos{color:#8ad8c4;font-size:var(--hint-fs);font-weight:700;font-variant-numeric:tabular-nums}.icon-btn{width:var(--gear-s);height:var(--gear-s);padding:0;display:inline-flex;align-items:center;justify-content:center;background:#3a3835;color:#ddd;border:none;border-radius:var(--radius);font-size:var(--fs-icon);line-height:1;cursor:pointer;transition:background .15s ease}.icon-btn:hover{background:#4a4845}.icon-btn:active{transform:scale(.95)}.overlay-backdrop{position:fixed;inset:0;z-index:9}.gear-popover{display:grid;gap:var(--sp2);position:absolute;right:var(--sp2);bottom:100%;margin-bottom:var(--sp1);padding:var(--sp2);background:#222;border:1px solid #444;border-radius:var(--radius);box-shadow:0 1px 16px #00000080;z-index:10}.exit-row{display:flex;justify-content:center;gap:var(--sp2);width:100%}.score-table-wrap{overflow-y:auto;max-height:100%;width:fit-content;max-width:100%;margin:.8em auto 0}.score-table{width:100%;border-collapse:collapse;font-size:1em;color:#ccc;font-variant-numeric:tabular-nums}.score-table tr{border-bottom:1px solid #333}.score-table td{padding:.15em .4em;white-space:nowrap}.score-rank{color:#666;text-align:right}.score-ok{color:#4c4;font-weight:700}.score-fail{color:#c66;font-weight:700}.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:.2em}.board-container .shudan-vertex.shudan-selected .shudan-selection{display:none}.board-container .shudan-vertex.shudan-selected:after{content:"";position:absolute;inset:12%;border-radius:50%;background:#5a96ff59;z-index:4;pointer-events:none}.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 1px 12px #0006;border-radius:var(--radius);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:1px 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:3;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:3;filter:drop-shadow(0 0 1px #000)}.finish-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000eb;border-radius:var(--radius);padding:1em 1.5em;text-align:center;z-index:10;animation:finish-fade-in .3s ease-out;width:var(--popup-w);max-height:var(--popup-max-h);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-width:none;overflow-x:hidden;font-size:var(--popup-fs)}.finish-popup::-webkit-scrollbar{display:none}.finish-trophy{font-size:5em;line-height:1.1;display:block;margin-bottom:.15em}.finish-medal{font-size:4.2em;line-height:1.1;display:block;margin-bottom:.15em}.finish-fail{font-size:4em;line-height:1.1;display:block;margin-bottom:.15em;color:#c55}.finish-time{font-size:2.5em;font-weight:700;color:#fff}.finish-split{font-size:.9em;color:#aaa;display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:.6em}.split-label{text-align:left}.split-num{text-align:right}.finish-thresholds{margin:.6em auto 0;border-collapse:collapse;font-size:.9em;color:#fc0}.finish-thresholds td{padding:.2em .5em;text-align:center;min-width:2em}.finish-sep{border:none;border-top:1px solid #4a4540;width:80%;margin:.7em auto .2em}.finish-thresholds .thresh-reward td{font-size:1.9em}.finish-thresholds .thresh-reward td.thresh-cup{font-size:2.6em}.finish-detail{font-size:.9em;color:#aaa;margin-top:.3em}.finish-close{position:sticky;bottom:0;margin-top:.8em;padding:.4em 1.5em;font-size:1.1em;font-weight:700;border:var(--frame-w) solid #3b5;border-radius:var(--radius);background:#2a2825;color:#fff;cursor:pointer}.finish-close:hover{border-color:#4c6}.finish-close:active{background:#3a3835}@keyframes finish-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}