.play-page,.gomoku-page{width:100%;max-width:72rem;margin-inline:auto}
.gomoku-eyebrow,.gomoku-kicker,.play-card__meta{margin:0;color:var(--sv2-denim);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.play-hero,.gomoku-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);align-items:end;gap:2rem;padding-block:1rem clamp(2.8rem,5vw,4.5rem);border-bottom:1px solid var(--sv2-rule)}
.play-hero h1,.gomoku-hero h1{margin:.65rem 0 0;font-family:var(--sv2-display);font-size:clamp(3.4rem,6vw,5.6rem);font-weight:400;letter-spacing:-.065em;line-height:.95}
.play-hero>p:last-child,.gomoku-hero>p:last-child{margin:0;color:var(--sv2-muted);font-size:.95rem;line-height:1.85}
.play-list{border-bottom:1px solid var(--sv2-rule)}
.play-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(2rem,5vw,4rem) 0;text-decoration:none}
.play-card h2{margin:.45rem 0 .8rem;font-family:var(--sv2-display);font-size:clamp(2rem,4vw,3.3rem);font-weight:400;letter-spacing:-.04em}
.play-card p:last-child{max-width:42rem;margin:0;color:var(--sv2-muted)}
.play-card__arrow{color:var(--sv2-apricot);font-size:2rem}.play-card:hover h2{color:var(--sv2-denim)}
.gomoku-app{padding-block:clamp(2rem,4vw,3.5rem)}
.gomoku-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--sv2-rule);background:var(--sv2-paper-deep)}
.gomoku-setup h2,.gomoku-panel h2{margin:.35rem 0 0;font-family:var(--sv2-display);font-size:2rem;font-weight:400;letter-spacing:-.035em}
.gomoku-setup p:not(.gomoku-kicker){margin:.6rem 0 0;color:var(--sv2-muted)}
.gomoku-setup__actions{display:flex;flex-wrap:wrap;gap:.7rem}
.gomoku-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.38fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.gomoku-board-column{min-width:0}
.gomoku-result{margin-bottom:1rem;padding:1.2rem 1.3rem;border:1px solid var(--sv2-rule);background:var(--sv2-paper-deep)}
.gomoku-result[hidden]{display:none}
.gomoku-result h2{margin:.35rem 0 0;font-family:var(--sv2-display);font-size:clamp(1.8rem,3vw,2.45rem);font-weight:400;letter-spacing:-.04em;line-height:1.1}
.gomoku-result>p:not(.gomoku-kicker){margin:.65rem 0 0;color:var(--sv2-muted);font-size:.86rem}
.gomoku-result__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.gomoku-result__actions .site-button{min-height:2.55rem;padding:.5rem .9rem;font-size:.78rem}
.gomoku-status{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center;min-height:2rem;margin-bottom:.8rem;color:var(--sv2-muted);font-size:.85rem}
.gomoku-status strong{color:var(--sv2-ink)}
.gomoku-status__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--sv2-apricot)}
.gomoku-board{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));width:100%;max-width:46rem;aspect-ratio:1;margin-inline:auto;padding:.6rem;border:1px solid var(--sv2-rule);background:#e8d7b5;box-shadow:inset 0 0 0 1px rgba(41,43,48,.04);touch-action:manipulation;user-select:none}
.gomoku-cell{position:relative;display:grid;min-width:0;min-height:0;padding:0;place-items:center;border:0;background:transparent;cursor:pointer}
.gomoku-cell::before,.gomoku-cell::after{position:absolute;z-index:0;content:"";background:rgba(41,43,48,.48);pointer-events:none}
.gomoku-cell::before{top:50%;left:0;width:100%;height:1px}.gomoku-cell::after{top:0;left:50%;width:1px;height:100%}
.gomoku-cell[data-x="1"]::before{left:50%;width:50%}.gomoku-cell[data-x="19"]::before{width:50%}
.gomoku-cell[data-y="1"]::after{top:50%;height:50%}.gomoku-cell[data-y="19"]::after{height:50%}
.gomoku-cell:disabled{cursor:default}
.gomoku-stone{position:relative;z-index:2;display:block;width:72%;aspect-ratio:1;border-radius:50%;opacity:0;transform:scale(.8)}
.gomoku-cell[data-color="black"] .gomoku-stone{background:var(--sv2-ink);box-shadow:0 1px 2px rgba(0,0,0,.25);opacity:1;transform:none}
.gomoku-cell[data-color="white"] .gomoku-stone{border:1px solid rgba(41,43,48,.35);background:var(--sv2-paper);box-shadow:0 1px 2px rgba(0,0,0,.16);opacity:1;transform:none}
.gomoku-cell[data-selected="true"] .gomoku-stone{border:2px solid var(--sv2-apricot);background:rgba(217,154,120,.22);opacity:1;transform:scale(.72)}
.gomoku-cell[data-last="true"] .gomoku-stone::after{position:absolute;top:50%;left:50%;width:26%;aspect-ratio:1;border-radius:50%;background:var(--sv2-apricot);content:"";transform:translate(-50%,-50%)}
.gomoku-cell[data-winning="true"] .gomoku-stone{box-shadow:0 0 0 3px var(--sv2-apricot),0 2px 5px rgba(41,43,48,.28)}
.gomoku-selection{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.9rem;color:var(--sv2-muted);font-size:.84rem}
.gomoku-selection>div{display:flex;gap:.55rem}.gomoku-selection .site-button{min-height:2.45rem;padding:.45rem .8rem;font-size:.78rem}
.gomoku-sidebar{display:grid;gap:1rem}
.gomoku-panel{padding:1.2rem;border:1px solid var(--sv2-rule);background:rgba(255,255,255,.18)}
.gomoku-facts{margin:1.2rem 0 0}.gomoku-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-top:1px solid var(--sv2-rule)}
.gomoku-facts dt{color:var(--sv2-muted);font-size:.78rem}.gomoku-facts dd{margin:0;font-size:.82rem;text-align:right}
.gomoku-panel__actions{display:flex;flex-wrap:wrap;gap:.8rem 1rem;margin-top:1.2rem}
.gomoku-panel__actions button,.gomoku-panel__actions a{padding:0;border:0;background:transparent;color:var(--sv2-denim);font-size:.78rem;font-weight:650;text-decoration:none;cursor:pointer}
.gomoku-capability-note{margin:1rem 0 0;color:var(--sv2-muted);font-size:.72rem;line-height:1.6}
.gomoku-panel__heading{display:flex;justify-content:space-between;gap:1rem;align-items:end}.gomoku-panel__heading>span{color:var(--sv2-muted);font-size:.72rem}
.gomoku-panel input[type="range"]{width:100%;margin:1rem 0 .6rem;accent-color:var(--sv2-denim)}
.gomoku-moves{max-height:18rem;margin:0;padding:0;overflow:auto;list-style:none;font-size:.75rem}
.gomoku-moves li{display:grid;grid-template-columns:2.4rem 1fr auto;gap:.5rem;padding:.35rem 0;border-top:1px solid var(--sv2-rule)}
.gomoku-moves span:last-child{color:var(--sv2-muted)}
.gomoku-error,.gomoku-noscript{margin:1rem 0;padding:.8rem 1rem;border-left:3px solid var(--sv2-apricot);background:var(--sv2-paper-deep)}
.gomoku-about{max-width:44rem;padding-top:2.2rem;border-top:1px solid var(--sv2-rule);color:var(--sv2-muted);font-size:.85rem}.gomoku-about p{margin:0}
@media(max-width:820px){.play-hero,.gomoku-hero,.gomoku-game{grid-template-columns:1fr}.gomoku-setup{grid-template-columns:1fr}.gomoku-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.play-hero,.gomoku-hero{gap:1.25rem}.gomoku-sidebar{grid-template-columns:1fr}.gomoku-board{width:calc(100vw - 3rem);padding:.35rem}.gomoku-selection{align-items:flex-start;flex-direction:column}.gomoku-selection>div{width:100%}.gomoku-selection .site-button{flex:1}.gomoku-setup__actions{display:grid;grid-template-columns:1fr}.gomoku-result__actions{display:grid;grid-template-columns:1fr}.gomoku-result__actions .site-button{width:100%}}