html[data-view="go"] #header{display:none}html[data-view="go"] body{padding-bottom:env(safe-area-inset-bottom)}.go-shell{max-width:1140px;margin:auto;padding:20px;display:grid;gap:16px;color:#315344}.go-shell *{box-sizing:border-box;min-width:0}.go-shell button{min-height:44px}.go-top,.go-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.go-top{justify-content:space-between}.go-top>span{font-size:14px}.go-top .task-top{margin:0;padding:0}.go-top .task-music{display:flex;flex-wrap:wrap;gap:8px}.go-top .task-music button{font-size:13px;padding:10px}.go-hero{position:relative;border-radius:24px;background:#315747;color:#fff7d7;padding:28px 120px 28px 28px}.go-hero h1{font-size:34px;margin:10px 0}.go-hero p{margin:0}.go-eyebrow{font-size:13px;letter-spacing:.06em}.go-emblem{position:absolute;right:30px;top:45px;width:72px;height:80px}.go-emblem i{position:absolute;width:48px;height:48px;border-radius:50%;background:#26332e;box-shadow:inset -5px -5px 8px #0004,2px 4px 6px #0003;border:1px solid #18271e}.go-emblem i+i{top:30px;left:28px;background:#fffdf1;border-color:#e1d8b9}.go-card{padding:24px;border:1px solid #d4dcbe;border-radius:22px;background:#fffdf3;display:grid;gap:16px;align-content:start}.go-card h2,.go-card p{margin:0}.go-card h2{font-size:23px}.go-card p,.go-card small{line-height:1.7}.go-card small{color:#768568}.go-lobby{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.go-card label{display:grid;gap:8px}.go-card input{min-height:48px;border:1px solid #cdd7b9;border-radius:12px;padding:12px;font:inherit;width:100%;letter-spacing:.2em}.go-message{border-left:4px solid #96ad67;border-radius:10px;background:#eaf0da;padding:14px 16px;line-height:1.6;overflow-wrap:anywhere}.go-waiting{max-width:680px;width:100%;justify-self:center;text-align:center;justify-items:center}.go-code{font-size:clamp(36px,7vw,60px);letter-spacing:.16em;color:#315747}.go-play{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:16px;align-items:start}.go-board-panel{display:grid;gap:12px}.go-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;aspect-ratio:1;position:relative;background:#e6c993;border:1px solid #b89661;border-radius:16px;box-shadow:0 5px 0 #bfa675;overflow:hidden}.go-board>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.go-shell .go-board .go-point{position:relative;z-index:1;padding:0;margin:0;border:0;border-radius:0;aspect-ratio:1;min-width:0;min-height:0;width:100%;height:100%;background:transparent;box-shadow:none;opacity:1;display:grid;place-items:center;transform:none}.go-point span,.go-point.go-selected:before{content:'';display:block;width:83%;height:83%;border-radius:50%;box-shadow:2px 3px 5px #49361c66,inset -3px -4px 6px #0002;background:radial-gradient(circle at 35% 25%,#526057,#131e19 70%);border:1px solid #14241a}.go-point.go-stone-2 span,.go-point.go-preview-2:before{background:radial-gradient(circle at 35% 25%,#fff,#ede9d9 80%);border-color:#c3b58f}.go-point.go-selected:before{opacity:.65;outline:3px solid #53794c;outline-offset:1px}.go-point.go-dead span{opacity:.35}.go-point.go-dead:after{content:'×';position:absolute;font-size:25px;color:#9d382a;font-weight:800}.go-point.go-last:after{content:'';position:absolute;width:16%;height:16%;border:2px solid #d9b44c;border-radius:50%;background:#d9b44c}.go-shell .go-point:focus-visible{outline:3px solid #3a7752;outline-offset:-3px}.go-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.go-players>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d6dfc1;border-radius:14px;background:#fffdf3}.go-players .go-turn{background:#e8efd6;border-color:#80975a}.go-players strong{font-size:15px;overflow-wrap:anywhere}.go-players small{display:block;color:#758167;margin-top:5px;font-size:12px}.go-player-stone{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid #213627;background:#24382d}.go-color-2{background:#fffdf4;border-color:#bcb797}.go-board-caption{font-size:13px;margin:0;text-align:center;color:#76836c}.go-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.go-score span{display:grid;gap:8px;background:#eef2e1;padding:12px;border-radius:12px;font-size:13px}.go-score strong{font-size:27px}.go-result{background:#f2e8bd;border-radius:16px;padding:18px;display:grid;gap:12px}.go-result>strong{font-size:28px}.go-rules{border:1px solid #d4dcbe;border-radius:18px;padding:16px;background:#fffdf3}.go-rules summary,.go-resign summary{min-height:32px;cursor:pointer;line-height:1.7}.go-rules ol{padding-left:22px;line-height:1.8}.go-rules li+li{margin-top:10px}.go-resign[open]{display:grid;gap:12px}.go-resign p{margin:12px 0}.go-workshop-entry{display:flex;align-items:center;gap:16px;border:1px solid #d3c9a2;border-radius:20px;background:#f7f1d9;padding:20px;margin:16px 0}.go-workshop-entry h2{margin:0 0 8px}.go-workshop-entry p{margin:0;line-height:1.7}.go-workshop-entry>div{flex:1}.go-mini-stones{font-size:36px;white-space:nowrap;color:#38583f}
@media(max-width:700px){.go-shell{padding:12px;gap:12px}.go-play,.go-lobby{grid-template-columns:minmax(0,1fr)}.go-hero{padding:22px 95px 22px 22px}.go-emblem{right:25px;width:56px}.go-emblem i{width:38px;height:38px}.go-card{padding:18px}.go-controls{gap:12px}.go-players>div{padding:10px;gap:8px}.go-players strong{font-size:13px}.go-workshop-entry{flex-wrap:wrap}.go-workshop-entry>button{width:100%}.go-top{gap:8px}.go-top .task-music button{font-size:12px;padding:8px}.go-card h2{font-size:21px}}
@media(min-width:701px) and (max-width:900px){.go-shell{padding:16px}.go-play{grid-template-columns:minmax(0,1fr)}.go-board-panel{max-width:min(100%,56svh);width:100%;justify-self:center}.go-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.go-controls>h2,.go-controls>.go-eyebrow,.go-controls>.go-resign,.go-controls>small{grid-column:1/-1}.go-controls .go-actions{align-content:start}.go-controls>p{font-size:14px}}
.go-shell .go-top button{min-height:44px}
@media(min-width:701px) and (max-width:900px){.go-board-panel{max-width:min(100%,42svh)}}
@media(min-width:901px){.go-board-panel{max-width:min(100%,58svh);width:100%;justify-self:center}}
.go-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.go-levels button{display:grid;gap:8px;padding:14px 8px;text-align:center;background:#eef2df}.go-levels button[aria-pressed=true]{border:2px solid #517c4e;background:#dfe9ca}.go-levels strong{font-size:18px}.go-levels small{font-size:12px}.go-levels span{font-size:14px}.go-board-viewport{width:100%;min-width:0;overflow:auto;padding-bottom:6px;overscroll-behavior:contain;border-radius:16px}.go-board{grid-template-columns:repeat(var(--go-size,9),minmax(0,1fr));min-width:var(--go-min,0px)}.go-board-viewport[data-zoom="false"]{overflow:visible}.go-board-viewport[data-zoom="true"]{max-height:60svh}.go-board-viewport[data-zoom="true"] .go-board{width:max(140%,var(--go-min))}.go-board-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px}.go-board-tools button{min-height:44px;font-size:13px;padding:10px 14px}
@media(max-width:520px){.go-levels{gap:8px}.go-levels button{padding:12px 4px}}
.go-opponents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.go-opponents button{font-size:14px;padding:12px}.go-opponents button[aria-pressed=true]{background:#315747;color:#fff7d7}.go-ai-note{font-size:13px;color:#758167}
.go-hero p{color:#e1e9c9}.go-lobby{align-items:start}

/* Six primary destinations share equal navigation slots. */
html[data-client] #header nav{gap:8px}html[data-client=tablet] #header nav,html[data-client=phone] #header nav{grid-template-columns:repeat(6,minmax(0,1fr))}
