:root{--board-width:min(600px, calc(100vw - 24px), calc(100dvh - 330px))}.board.vay{width:var(--board-width);-webkit-user-select:none;user-select:none;gap:10px;display:grid}.goban{aspect-ratio:1;background:repeating-linear-gradient(94deg,#78461414 0 2px,#0000 2px 9px,#7846140d 9px 10px,#0000 10px 23px),radial-gradient(at 30% 20%,#f0c47a,#dca55a 55%,#c98e45);border-radius:6px;position:relative;box-shadow:inset 0 0 0 1px #5a320f59,0 22px 50px #00000080}.goban .grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.goban .grid path{fill:none;stroke:#4a2e10;stroke-width:.025px}.goban .grid circle{fill:#4a2e10}.goban .pt{cursor:default;background:0 0;border:0;width:11.1111%;height:11.1111%;margin:0;padding:0;position:absolute;translate:-50% -50%}.vay .stone{border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;inset:5%}.vay .stone.black,.vay-art .stone.black,.tray .stone.mini.black{background:radial-gradient(circle at 35% 30%,#5b5b5b,#1a1a1a 55%,#050505);box-shadow:1px 2px 3px #00000080}.vay .stone.white,.vay-art .stone.white,.tray .stone.mini.white{background:radial-gradient(circle at 35% 30%,#fff,#ece8de 55%,#bdb6a6);box-shadow:1px 2px 3px #00000073}.vay .stone.drop{animation:.22s ease-out both vay-drop}.vay .stone.taken{opacity:0;transform:scale(.6)}@keyframes vay-drop{0%{opacity:0;transform:scale(1.25)}}.goban .pt.last .stone:after{content:"";border:2px solid #c5372a;border-radius:50%;position:absolute;inset:32%}.goban .pt.ko:after{content:"";border:2px solid #c5372ab3;position:absolute;inset:34%}.vay.interactive .pt.playable{cursor:pointer}.vay.interactive .pt.playable:hover:before{content:"";opacity:.45;border-radius:50%;position:absolute;inset:8%}.vay.interactive[data-turn="0"] .pt.playable:hover:before{background:#111}.vay.interactive[data-turn="1"] .pt.playable:hover:before{background:#fff}.vay-bar{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.vay-note{color:var(--gold-soft);font-size:13px}.tray .stone.mini{vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block;position:relative}.vay-art{background-color:#0000;background-image:linear-gradient(#4a2e10 1px,#0000 1px),linear-gradient(90deg,#4a2e10 1px,#0000 1px),radial-gradient(at 30% 20%,#f0c47a,#dca55a 55%,#c98e45);background-position:15px 15px,15px 15px,0 0;background-repeat:repeat;background-size:30px 30px,30px 30px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:6px;width:150px;height:150px;position:relative;box-shadow:0 18px 40px #00000073}.vay-art i{border-radius:50%;width:24px;height:24px;position:absolute;translate:-50% -50%}:root{--ink:#120d0a;--ink-2:#1c1410;--glass:#18110dd1;--gold:#d6b06c;--gold-soft:#d6b06cb8;--gold-line:#d6b06c3d;--gold-faint:#d6b06c1a;--paper:#f3e8d2;--paper-dim:#f3e8d2a8;--paper-faint:#f3e8d266;--cinnabar:#c5372a;--jade:#8fd3b2;--serif:"Cormorant Garamond", "Times New Roman", serif;--sans:"Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse 80% 60% at 50% 40%, #9c4a3329, transparent 70%), radial-gradient(ellipse at 50% 120%, #d6b06c1a, transparent 60%), var(--ink);min-height:100%;color:var(--paper);font-family:var(--sans);font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{min-height:100dvh}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.muted{color:var(--paper-faint)}.btn{border:1px solid var(--gold-line);min-height:44px;color:var(--paper);letter-spacing:.01em;transition:background-color .2s, border-color .2s, transform .2s var(--ease);background:#f3e8d20a;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--gold-soft);background:var(--gold-faint)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{color:#22160c;background:linear-gradient(#e3c287,#c99b52);border-color:#0000;font-weight:600}.btn-primary:hover{background:linear-gradient(#ecd09c,#d4a75e)}.btn-quiet{background:0 0}.btn-small{min-height:34px;padding:0 14px;font-size:13px}.icon-btn{border:1px solid var(--gold-line);width:34px;height:34px;color:var(--paper-dim);background:0 0;border-radius:50%;place-items:center;font-size:14px;font-weight:600;transition:color .2s,border-color .2s;display:inline-grid}.icon-btn:hover{color:var(--paper);border-color:var(--gold-soft)}.icon-btn.is-off{opacity:.45;text-decoration:line-through}.chip{border:1px solid var(--gold-line);min-height:30px;color:var(--paper-dim);background:0 0;border-radius:999px;padding:0 14px;font-size:13px}.chip.is-on{border-color:var(--gold);color:var(--gold);background:var(--gold-faint)}.link{color:var(--gold-soft);text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:14px;text-decoration:underline}.link:hover{color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.screen{min-height:100dvh}#title{place-items:center;padding:40px 20px;display:grid}.title-inner{text-align:center;max-width:560px;animation:rise .9s var(--ease) both;justify-items:center;gap:18px;display:grid}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-size:12px}.title-logo{font-family:var(--serif);letter-spacing:-.01em;color:var(--paper);margin:0;font-size:clamp(56px,13vw,104px);font-weight:700;line-height:.95}.title-logo em{color:var(--gold);font-weight:500}.title-verse{max-width:420px;font-family:var(--serif);color:var(--paper-dim);margin:0;font-size:19px;font-style:italic}.choices{gap:12px;width:min(340px,100%);margin-top:10px;display:grid}.choice-group{gap:8px;display:grid}.choices .btn{width:100%}.levels{justify-content:center;gap:8px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}#game{flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--gold-faint);align-items:center;gap:16px;padding:12px 18px;display:flex}.brand{color:var(--paper);font-family:var(--serif);white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.brand img{width:28px;height:28px}.status{text-align:center;color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.status b{color:var(--gold);font-weight:600}.tools{align-items:center;gap:8px;display:flex}.room-chip{border:1px dashed var(--gold-soft);background:var(--gold-faint);letter-spacing:.12em;height:34px;color:var(--gold);border-radius:8px;padding:0 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.watchers{color:var(--paper-faint);white-space:nowrap;font-size:13px}.arena{flex:1;align-content:center;justify-items:center;gap:14px;padding:14px 16px 6px;display:grid}.player{width:var(--board-width,min(980px, calc(100vw - 32px)));border:1px solid var(--gold-faint);background:#f3e8d206;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;max-width:100%;padding:10px 16px;transition:border-color .3s,background-color .3s,box-shadow .3s;display:grid}.player.is-turn{border-color:var(--gold-soft);background:var(--gold-faint);box-shadow:0 0 0 4px #d6b06c0f}.player-id{align-items:center;gap:10px;min-width:0;display:flex}.player-dot{background:var(--paper-faint);border-radius:50%;flex:none;width:10px;height:10px}.player.is-turn .player-dot{background:var(--gold);animation:1.6s ease-in-out infinite pulse}.player.is-away .player-dot{background:var(--cinnabar);animation:none}.player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.player-tag{color:var(--paper-faint);flex:none;font-size:12px}.player-score{justify-content:flex-end;align-items:baseline;gap:6px;min-width:70px;display:flex}.player-score b{font-family:var(--serif);color:var(--paper);font-size:30px;line-height:1}.player-score small{color:var(--paper-faint);font-size:12px}.tray{min-height:32px;color:var(--paper-dim);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}@keyframes pulse{50%{opacity:.35}}.board-wrap{filter:drop-shadow(0 26px 40px #00000080);position:relative}.banner{z-index:9;border:1px solid var(--gold-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:16px;justify-items:center;gap:10px;min-width:min(380px,90vw);padding:18px 24px;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 20px 50px #00000080}.banner h3{font-family:var(--serif);margin:0;font-size:24px}.banner p{color:var(--paper-dim);margin:0;font-size:14px}.banner .code{letter-spacing:.24em;color:var(--gold);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px}.banner .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hint{text-align:center;color:var(--paper-faint);min-height:1.4em;margin:4px 0 16px;font-size:13px}.toast{z-index:50;border:1px solid var(--gold-line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s, translate .25s var(--ease);border-radius:999px;padding:10px 18px;font-size:14px;position:fixed;bottom:28px;left:50%;translate:-50% 20px}.toast.is-on{opacity:1;translate:-50%}.dialog{border:1px solid var(--gold-line);width:min(520px,100vw - 24px);max-height:min(86dvh,760px);color:var(--paper);background:#19120e;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 30px 80px #0009}.dialog[open]{animation:rise .3s var(--ease) both;display:flex}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080504a8}.dialog-small{width:min(420px,100vw - 24px)}.dialog-body{scrollbar-color:var(--gold-line) transparent;scrollbar-width:thin;flex:1;margin:0;padding:22px 24px 24px;overflow-y:auto}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dialog h2{font-family:var(--serif);margin:0;font-size:30px;font-weight:700}.dialog h3{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 10px;font-size:13px;font-weight:600}.block{border-top:1px solid var(--gold-faint);margin-top:14px;padding:16px 0 4px}.block-head{justify-content:space-between;align-items:baseline;display:flex}.field{color:var(--paper-dim);gap:6px;font-size:13px;display:grid}input:not([type]),input[type=text]{border:1px solid var(--gold-line);min-height:44px;color:var(--paper);background:#f3e8d20a;border-radius:10px;min-width:0;padding:0 14px;font-size:16px}input:focus{border-color:var(--gold);outline:none}#codeInput{letter-spacing:.2em;text-transform:uppercase;flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace}.row{align-items:center;gap:8px;display:flex}.row.center{flex-wrap:wrap;justify-content:center}.check{color:var(--paper-dim);align-items:center;gap:8px;margin:12px 0 14px;font-size:14px;display:flex}.check input{accent-color:var(--gold);width:16px;height:16px}.seg{gap:6px;display:flex}.seg label{flex:1}.seg input{opacity:0;pointer-events:none;position:absolute}.seg span{border:1px solid var(--gold-line);min-height:38px;color:var(--paper-dim);cursor:pointer;border-radius:10px;place-items:center;font-size:14px;display:grid}.seg input:checked+span{border-color:var(--gold);color:var(--gold);background:var(--gold-faint)}.seg input:focus-visible+span{outline:2px solid var(--gold)}.lobby{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lobby li{border:1px solid var(--gold-faint);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.lobby li.muted{border:0;padding:4px 0}.lobby .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lobby .meta{color:var(--paper-faint);white-space:nowrap;font-size:12px}.prose p,.prose li{color:var(--paper-dim);line-height:1.6}.prose b{color:var(--paper)}.prose ol{padding-left:20px}.prose li{margin-bottom:6px}.center{text-align:center}.dialog-body.center{justify-items:center;gap:12px;display:grid}#overTitle{font-size:38px}.over-score{color:var(--paper-dim);gap:28px;margin:6px 0 12px;font-size:14px;display:flex}.over-score b{font-family:var(--serif);color:var(--paper);font-size:40px;display:block}.over-score .win b{color:var(--gold)}@media (width<=760px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.brand span{display:none}.status{flex-basis:100%;order:3}.tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.tools [data-action=home]{display:none}.room-chip{padding:0 8px}.btn-small{white-space:nowrap;padding:0 10px}.player{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 12px}.tray{grid-area:2/1/auto/-1;min-height:0}.player-score b{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}