/* Match the spacious Omok layout, with readable materials and no piece labels. */
body{background:radial-gradient(ellipse at 35% -15%,#243c47,transparent 65%),#172831}.app-shell{width:100%;max-width:1400px;margin:0 auto;padding:0 28px}.header{height:80px}.brand{gap:13px}.brand-emblem{width:56px;height:56px;filter:drop-shadow(0 4px 7px #0005)}.brand-copy>span{font-size:1.5rem;font-weight:600;letter-spacing:-.06em}.brand-copy strong{color:#ffe0a3}.header-note{font-size:.84rem;color:#adbec8}.header .icon-button{width:38px;height:38px}main{grid-template-columns:minmax(0,1fr) 340px;gap:34px;padding:26px 0 28px}.board-heading{margin-bottom:16px}.board-heading>div{max-width:none}.board-heading .eyebrow{display:none}h1{font-size:1.8rem}.opponent-strip{min-height:29px;font-size:.84rem;margin-bottom:10px}.opponent-strip>div>span:last-child{font-size:.75rem}.strip-status{font-size:.6rem}.board-frame{padding:21px;background:#bd9361;border-color:#c9a574;box-shadow:0 10px 0 #795b3c,0 16px 7px #0003,0 22px 45px #0003}.board-frame:before{border-color:#f4d8a266}.cell{background-color:#ead5ac}.cell.dark{background-color:#b58b60}.bottom-strip{margin-top:24px;margin-bottom:0}.piece-label,.piece-names-visible .piece-label,.piece-reference{display:none!important}.board-caption{font-size:.75rem;margin-top:12px}.board-caption .text-button{font-size:.8rem}.quiet-note{font-size:.78rem;margin-top:15px;padding-top:15px;color:#adbdc5}.board-caption>span{gap:7px}.coord{font-size:clamp(9px,.8vw,12px)!important}.cell.dark .coord{color:#f2e2c7}.panel-heading{margin-top:2px;margin-bottom:14px}.panel-heading .eyebrow{font-size:.7rem}.panel-heading>span:last-child{font-size:.75rem}.mode-switch button{font-size:.88rem;min-height:42px}.robot-portrait{margin-top:18px;aspect-ratio:1.8;border-color:#53626a}.robot-portrait>img{object-position:center 48%}.portrait-caption{left:16px;right:14px;bottom:13px}.portrait-caption>div>span{font-size:.55rem}.portrait-caption strong{font-size:.98rem}.portrait-level{font-size:.75rem;padding:5px 9px}.bot-greeting{font-size:.73rem;color:#aebfc8;margin:10px 1px 0}.difficulty-heading{font-size:.84rem;margin-top:18px}.difficulty-heading strong{font-size:.79rem}.level-grid{gap:4px}.level-button{height:35px;font-size:.8rem}.level-description{font-size:.74rem;line-height:1.6;margin:10px 0 16px}.color-picker{font-size:.8rem;padding-top:13px}.color-picker button{font-size:.75rem;padding:7px 10px}.status-block{margin-top:18px;padding:19px 0 16px}.status-overline{font-size:.65rem}.status-block h2{font-size:1.38rem}.status-block p{font-size:.8rem}.player{padding:12px 11px;min-height:77px}.player-info>strong{font-size:.85rem}.player-info>span{font-size:.7rem}.turn-tag{font-size:.6rem}.actions{margin-top:14px}.actions button{min-height:45px;font-size:.85rem}.history-heading{font-size:.75rem;margin-top:18px}.move-history{font-size:.8rem;height:81px}.empty-history{font-size:.72rem;margin:22px 0}.rules summary{font-size:.77rem}footer{font-size:.7rem}
.scene-ready .cell,.scene-ready .cell.dark{background:transparent;transition:none}
@media(min-width:761px){.app-shell{max-width:1400px;width:100%;padding:0 28px}.header{height:68px}main{padding-top:14px}.board-heading{display:none}.board-stage,.bottom-strip,.board-caption,.quiet-note{max-width:calc(100svh - 132px)}.game-panel{align-self:start;max-height:calc(100svh - 92px);overflow-y:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#526772 transparent}.play-section{min-width:0}}
@media(min-width:1300px){.app-shell{max-width:1480px;padding:0 34px}main{grid-template-columns:minmax(0,1fr) 350px;gap:38px}.board-frame{padding:25px}}
@media(max-width:1100px) and (min-width:761px){.app-shell{max-width:none;padding:0 22px}.header{height:68px}main{grid-template-columns:minmax(0,1fr) 300px;gap:26px;padding-top:14px}.board-frame{padding:18px}.brand-emblem{width:49px;height:49px}.brand-copy>span{font-size:1.35rem}.robot-portrait{aspect-ratio:1.8}.portrait-caption strong{font-size:.88rem}.level-grid{gap:3px}.level-button{height:32px}.level-description{font-size:.7rem}}
@media(max-width:760px){.app-shell{width:100%;max-width:680px;padding:0 12px}.header{height:76px}.brand-emblem{width:48px;height:48px}.brand-copy>span{font-size:1.3rem}.header-note{font-size:.64rem}.header .icon-button{width:33px;height:33px}main{grid-template-columns:1fr;padding-top:23px;gap:28px}.board-heading{margin-bottom:17px}h1{font-size:1.65rem}.opponent-strip{font-size:.78rem;min-height:28px}.opponent-strip>div>span:last-child{font-size:.67rem}.strip-status{font-size:.52rem}.board-frame{padding:14px}.board-caption{font-size:.69rem}.board-caption .text-button{font-size:.74rem}.quiet-note{font-size:.71rem}.game-panel{padding-top:22px}.robot-portrait{aspect-ratio:1.85}.portrait-caption strong{font-size:1.05rem}.portrait-caption>div>span{font-size:.57rem}.portrait-level{font-size:.8rem}.level-button{height:38px;font-size:.85rem}.level-description{font-size:.78rem}.status-block h2{font-size:1.4rem}.status-block p{font-size:.83rem}.actions button{font-size:.9rem;min-height:47px}.color-picker{font-size:.83rem}.color-picker button{font-size:.79rem}.rules summary{font-size:.82rem}footer{font-size:.65rem}}
@media(max-width:380px){.app-shell{padding:0 8px}.brand-emblem{width:44px;height:44px}.brand-copy>span{font-size:1.24rem}.header-note{display:none}.board-frame{padding:11px}.quiet-note{font-size:.66rem}.board-caption{font-size:.63rem}.level-grid{gap:3px}.board-heading{margin-bottom:14px}}