.gv{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:6px 8px 0;display:grid}.gv__play{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.gv-taken{align-items:center;gap:3px;display:inline-flex}.gv-taken__stone.gv-icon{width:16px;height:16px}.gv-taken__stone.gv-icon--b{box-shadow:0 0 0 1px var(--rule)}.gv-taken__stone.gv-icon--w{border-width:1.5px}.gv-strip .is-handicap .shell-strip__label{text-align:center;max-width:5.2em;line-height:1.05}.gv-status.is-result.is-loss span{background:linear-gradient(#0000 50%,#ffc2cb 50% 92%,#0000 92%)}.gv-status.is-result.is-draw span,.gv-status.is-result.is-neutral span{background:var(--highlight)}.gv-status.is-note{font-size:.95rem;line-height:1.05}.gv-status.is-result{font-size:1.05rem}.gv-shell .shell__main{flex:1 1 0}.gv-shell #new-game{flex:0 auto;padding-inline:6px}.gv-shell .shell__main:has(#accept){flex:2 1 0}.gv-shell .shell-btn--primary,.gv-shell .shell__main .shell-btn{font-size:.875rem}.gv-shell .shell__main .shell-btn__label{white-space:normal}.gv-frame{width:100%;margin:0 auto}.gv--online .gv-frame{max-width:min(100%,640px,100dvh - 16px)}.gv-wrap{--size:9;--gut:clamp(13px, 3.4vmin, 20px);grid-template-columns:var(--gut) minmax(0, 1fr) var(--gut);grid-template-rows:var(--gut) auto var(--gut);border:2.5px solid var(--ink);background-color:#fbf1d6;border-radius:6px;grid-template-areas:".top.""left board right"".bottom.";padding:4px;display:grid}.gv-coords{color:var(--ink-soft);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:.75rem;line-height:1;display:grid}.gv-coords span{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.gv-coords--top,.gv-coords--bottom{grid-template-columns:repeat(var(--size), minmax(0, 1fr))}.gv-coords--left,.gv-coords--right{grid-template-rows:repeat(var(--size), minmax(0, 1fr))}.gv-coords--top{grid-area:top}.gv-coords--bottom{grid-area:bottom}.gv-coords--left{grid-area:left}.gv-coords--right{grid-area:right}.gv-wrap--plain .gv-coords{visibility:hidden}.gv-board{grid-area:board;grid-template-columns:repeat(var(--size), minmax(0, 1fr));grid-template-rows:repeat(var(--size), minmax(0, 1fr));aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;display:grid;position:relative;container-type:inline-size}.gv-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gv-lines line{stroke:var(--board-line-strong);stroke-width:1.1px;vector-effect:non-scaling-stroke;stroke-linecap:square}.gv-lines line.is-edge{stroke-width:2px}.gv-star{fill:var(--ink)}.gv-aim-lines line{stroke:var(--focus);stroke-width:2.5px;opacity:.55}.gv-pt{appearance:none;width:100%;min-width:0;height:100%;color:inherit;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;margin:0;padding:0;display:block;position:relative}.gv-pt.is-open,.gv-board.is-marking .gv-pt[data-stone]{cursor:pointer}.gv-pt:focus-visible{outline:3px solid var(--focus);outline-offset:-2px;z-index:3}.gv-stone{z-index:1;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:4%}.gv-v1{border-radius:48% 52% 50% 50%/52% 48%}.gv-v2{border-radius:51% 49% 47% 53%/49% 53% 47% 51%}.gv-stone--b{background:radial-gradient(circle at 34% 30%, #4a5478 0 9%, transparent 26%), var(--ink);box-shadow:1px 1.5px #1b234059}.gv-stone--w{background:radial-gradient(circle at 36% 32%, #fff 0 18%, transparent 44%), var(--paper);border:max(1.5px, .6cqi) solid var(--ink);box-shadow:1px 1.5px #1b23404d}.gv-stone--ghost{opacity:.5;box-shadow:none}.gv-pt.is-last .gv-stone:after{content:"";border:max(2px, .55cqi) solid var(--marker);border-radius:50%;position:absolute;inset:31%}.gv-pt.is-last .gv-stone--w:after{border-color:var(--o)}.gv-num{z-index:1;font-size:max(.75rem, calc(100cqi / var(--size) * .4));font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:700;line-height:1;position:relative}.gv-stone--b .gv-num{color:var(--paper)}.gv-stone--w .gv-num{color:var(--ink)}.gv-pt.is-last .gv-num{color:var(--o)}.gv-pt.is-last .gv-stone--b .gv-num{color:var(--marker)}.gv-pt.is-last:has(.gv-num) .gv-stone:after{display:none}@media (hover:hover) and (pointer:fine){.gv-board:not(.is-locked) .gv-pt.is-open:hover:before{content:"";opacity:.4;pointer-events:none;border-radius:50%;position:absolute;inset:4%}.gv-board[data-turn=b] .gv-pt.is-open:hover:before{background:var(--ink)}.gv-board[data-turn=w] .gv-pt.is-open:hover:before{background:var(--paper);border:2px solid var(--ink)}.gv-board.is-marking .gv-pt[data-stone]:hover .gv-stone{outline:2px dashed var(--o);outline-offset:2px}}.gv-pt.is-dead .gv-stone{opacity:.38}.gv-pt.is-dead:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(45deg, transparent 43%, var(--o) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--o) 43% 57%, transparent 57%);position:absolute;inset:22%}.gv-area{z-index:2;pointer-events:none;border-radius:2px;position:absolute;inset:35%}.gv-area--b{background:var(--ink)}.gv-area--w{background:var(--paper);border:1.5px solid var(--ink)}.gv-pt.is-changed:before{content:"";z-index:1;pointer-events:none;box-shadow:0 0 0 3px var(--marker);border-radius:50%;animation:.6s ease-out gv-changed;position:absolute;inset:4%}@keyframes gv-changed{0%{box-shadow:0 0 0 7px var(--marker)}}@media (prefers-reduced-motion:reduce){.gv-pt.is-changed:before{animation:none}}.gv-why{border-inline-start:5px solid var(--o);background:var(--paper);border-radius:4px;width:calc(100% - 16px);max-width:520px;margin:8px auto 0;padding:8px 12px;font-size:.95rem}.gv-count{border:2px dashed var(--ink);border-radius:var(--radius);background:var(--paper);width:calc(100% - 16px);max-width:520px;margin:8px auto 0;padding:12px 14px}.gv-count h2{margin:0 0 4px;font-size:1.2rem}.gv-count p{margin:2px 0;font-size:.95rem}.gv-count__lead{font-weight:700}.gv-icon{box-sizing:border-box;border-radius:50%;flex:none;width:26px;height:26px;display:block}.gv-icon--b{background:radial-gradient(circle at 34% 30%, #4a5478 0 9%, transparent 26%), var(--ink)}.gv-icon--w{background:var(--paper);border:2.5px solid var(--ink)}.gv-hint{color:var(--ink-soft);margin:6px 0 0;font-size:.82rem}.gv-select{justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;font-weight:700;display:flex}.gv-select select{border:2px solid var(--ink);background:var(--paper);min-width:96px;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:4px 8px;font-weight:400}.gv-checks{flex-direction:column;gap:2px;display:flex}.gv-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:.95rem;display:flex}.gv-check input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:0}.gv-actions{flex-wrap:wrap;gap:12px;width:100%;max-width:600px;margin-top:12px;display:flex}.gv-actions>.btn{flex:1 1 0;min-width:0}@media (max-width:379px){.gv-shell .shell-btn__label{font-size:.75rem}}@media (max-width:899px){.gv-wrap{--gut:0px}.gv-coords,.gv-check--coords{display:none}}@media (max-width:420px),(orientation:landscape) and (max-height:500px){.gv-strip{gap:4px}.gv-strip .shell-strip__tally{min-width:32px}.gv-strip .shell-chip{gap:3px;padding:3px 5px 3px 2px}.gv-strip .shell-chip--end{padding:3px 2px 3px 5px}.gv-strip .shell-chip__mark,.gv-strip .shell-chip__mark .gv-icon{width:22px;height:22px}.gv-strip .shell-chip__name{font-size:.8125rem}.gv-strip .shell-chip__score{font-size:1.25rem}}@media (max-width:360px){.gv-strip{gap:3px}.gv-strip .shell-strip__tally{min-width:28px}.gv-strip .shell-chip{gap:2px;padding:3px 4px 3px 2px}.gv-strip .shell-chip--end{padding:3px 2px 3px 4px}.gv-strip .shell-chip__mark,.gv-strip .shell-chip__mark .gv-icon{width:16px;height:16px}}@media (min-width:900px) and (min-height:501px){.gv--online .gv-frame{max-width:min(100%,620px,max(330px,100dvh - 350px))}}body:has(.gv--online) .online-toasts .online-note--away{display:none}@media (min-width:1100px){body:has(.gv--online) .online-toasts{width:340px;inset-inline:auto 16px;transform:none}}.gv-capture{z-index:2;pointer-events:none;position:absolute;inset:0}.gv-capture__stone{animation:1s ease-out forwards gv-capture-fade}.gv-capture__mark{background:linear-gradient(45deg, transparent 40%, var(--o) 40% 60%, transparent 60%), linear-gradient(-45deg, transparent 40%, var(--o) 40% 60%, transparent 60%);position:absolute;inset:34%}.gv-capture.is-new .gv-capture__mark{animation:.2s ease-out .85s backwards gv-capture-mark}@keyframes gv-capture-fade{0%{opacity:.9}to{opacity:0}}@keyframes gv-capture-mark{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.gv-capture__stone{display:none}.gv-capture.is-new .gv-capture__mark{animation:none}}
