.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-BzfEpoMS.jpg) 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:not(.shudan-sign_0) .shudan-stone:before{content:"";display:block;position:absolute;inset:0;border-radius:50%;background:#170a0266;box-shadow:0 .1em .2em #170a0266}.shudan-vertex .shudan-inner{text-indent:-9999rem}.shudan-vertex:not(.shudan-sign_0).shudan-dimmed .shudan-stone{opacity:.6}.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:before{content:"";display:block;position:absolute;inset:0;opacity:var(--shudan-paint-opacity);box-shadow:var(--shudan-paint-box-shadow);background:transparent;border-radius:.2em}.shudan-vertex.shudan-paint_1 .shudan-paint:before{background:var(--shudan-black-background-color)}.shudan-vertex.shudan-paint_-1 .shudan-paint:before{background:var(--shudan-white-background-color)}.shudan-vertex.shudan-paintedleft .shudan-paint:before{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-paintedright .shudan-paint:before{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-paintedtop .shudan-paint:before{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-paintedbottom .shudan-paint:before{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}:root{--bg: #f2f2f7;--surface: #ffffff;--fill: #e4e4e9;--line: #dcdce1;--text: #1c1c1e;--muted: #6e6e73;--accent: #c4620d;--on-accent: #ffffff;--danger: #c0392b;--shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 10px 28px -14px rgba(0, 0, 0, .35);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--fill: #2c2c2e;--line: #38383a;--text: #f2f2f7;--muted: #98989d;--accent: #f59a3e;--on-accent: #1a1002;--danger: #ff6b5b;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -14px rgba(0, 0, 0, .9);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);overscroll-behavior-y:none}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.35}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--accent);font-size:1.0625rem;font-weight:600;white-space:nowrap}.button:active:not(:disabled){opacity:.6}.button--primary{background:var(--accent);color:var(--on-accent)}.button--danger{color:var(--danger)}.screen{display:flex;flex-direction:column;min-height:100dvh}.screen--game{width:min(100%,760px);height:100dvh;margin:0 auto;overflow:hidden}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:env(safe-area-inset-top) 4px 0}.nav__back{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0 8px 0 4px;border:0;background:transparent;color:var(--accent);font-size:1.0625rem}.nav__title{font-size:1.0625rem;font-weight:600}.nav__icon{justify-self:end;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--accent)}.nav__icon[aria-pressed=false]{color:var(--muted)}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 16px 10px}.player{display:flex;align-items:center;gap:10px;min-width:0}.player--white{flex-direction:row-reverse;text-align:right}.player__stone{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #0000004d;transition:box-shadow .15s ease}.player--black .player__stone{background:radial-gradient(circle at 35% 30%,#5a5a5e,#131315 70%);color:#fff}.player--white .player__stone{background:radial-gradient(circle at 35% 30%,#fff,#d8d8dc 76%);color:#1c1c1e}.player--active .player__stone{box-shadow:0 0 0 2px var(--bg),0 0 0 4.5px var(--accent)}.player__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.player__name{font-size:1.0625rem;font-weight:600}.player__detail{color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.player__detail b{color:var(--text);font-weight:600}.board-area{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 12px;outline-offset:4px;border-radius:10px}.board-area:focus-visible{outline:2px solid var(--accent)}@media(max-width:600px){.board-area{align-items:flex-start;padding-top:4px}}.board-area .shudan-goban{border-radius:8px;box-shadow:var(--shadow);--shudan-board-border-width: .16em;--shudan-board-border-color: #d2a45c;--shudan-board-background-color: #e6bd6e;--shudan-board-foreground-color: #4a3015;--shudan-paint-opacity: .3;--shudan-paint-box-shadow: none;user-select:none;touch-action:manipulation}.board-area .shudan-coordx span,.board-area .shudan-coordy span{font-size:.38em;font-weight:500;color:#6b4520;opacity:.75}.loupe{position:absolute;padding:6px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow);pointer-events:none;animation:loupe-in .12s ease-out}.loupe--left{left:18px}.loupe--right{right:18px}.loupe--top{top:6px}.loupe--bottom{bottom:6px}.loupe .shudan-goban{box-shadow:none;border-radius:4px}.loupe .shudan-selection{background:transparent;border-width:.08em}@keyframes loupe-in{0%{opacity:0;transform:scale(.94)}}.status{min-height:36px;padding:8px 16px 4px;text-align:center;color:var(--muted);font-size:.9375rem;line-height:1.3}.status--warn{color:var(--danger)}.toolbar{display:flex;gap:6px;padding:6px 10px calc(8px + env(safe-area-inset-bottom))}.toolbar .button{flex:1 1 0;padding:0 8px}.menu-header{width:min(100%,560px);margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 20px 6px}.menu-header h1{font-size:2.125rem;font-weight:700;letter-spacing:-.02em}.menu{width:min(100%,560px);margin:0 auto;padding:8px 16px 40px;display:flex;flex-direction:column;gap:22px}.menu>.button--primary{width:100%;min-height:50px;font-size:1.125rem}.group{display:flex;flex-direction:column;gap:6px}.group__title{padding:0 16px;color:var(--muted);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.rows,.list{margin:0;padding:0;list-style:none;background:var(--surface);border-radius:12px;overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:6px 16px;font-size:1.0625rem}.row+.row,.list__row+.list__row{border-top:1px solid var(--line)}.row__label{flex:none}.segmented{display:flex;padding:2px;border-radius:9px;background:var(--fill)}.segmented__option{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:58px;min-height:30px;padding:5px 12px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:.875rem;font-weight:500;white-space:nowrap}.segmented__sub{color:var(--muted);font-size:.6875rem;font-weight:400;font-variant-numeric:tabular-nums}.segmented__option--active .segmented__sub{color:var(--text)}.row--stacked{flex-direction:column;align-items:stretch;gap:8px}.row--stacked .segmented{width:100%}.segmented__option--active{background:var(--surface);box-shadow:0 1px 3px #0000002e;font-weight:600}@media(max-width:600px){.segmented__option{min-width:0;padding:0 9px}}.row select,.row input[type=number]{width:7.5rem;min-height:32px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:1.0625rem;text-align:right;font-variant-numeric:tabular-nums}.row select{-webkit-appearance:none;appearance:none;padding-right:2px}.list__row{display:flex;align-items:center;padding-right:6px}.list__open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 16px;border:0;background:transparent;font-size:1.0625rem;text-align:left}.list__open small{color:var(--muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.list__action{flex:none;min-width:40px;height:36px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--accent);font-size:.875rem;font-weight:600}.footnote{padding:0 8px;color:var(--muted);font-size:.8125rem;line-height:1.5;text-align:center}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073;animation:fade-in .12s ease-out}.dialog{width:min(320px,100%);display:flex;flex-direction:column;gap:8px;padding:20px 20px 12px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);text-align:center;animation:dialog-in .16s cubic-bezier(.22,.61,.36,1)}.dialog__title{font-size:1.0625rem;font-weight:600}.dialog__body{color:var(--muted);font-size:.875rem;line-height:1.45}.dialog__actions{display:flex;justify-content:center;gap:4px;margin-top:8px;padding-top:4px;border-top:1px solid var(--line)}.dialog__actions .button{flex:1}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}