:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.game-layout{width:min(100%,620px)}.game-header{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:grid}.game-header h1{color:#111827;margin:0;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.05}.game-header p{color:#536273;margin:8px 0 0}.header-actions{flex-wrap:nowrap;justify-self:end;align-items:center;gap:10px;display:inline-flex}.mode-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mode-switch,.room-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-switch{background:#fff;border:1px solid #ccd5df;border-radius:8px;flex:none;padding:3px}.mode-switch button,.room-button{color:#405163;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;min-height:34px;padding:0 11px;display:inline-flex}.mode-switch button.selected{color:#fff;background:#1e5f74}.room-actions{color:#4d5d6f;justify-content:flex-end;min-width:0;font-size:.92rem}.connection-pill,.room-id,.room-role{background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;display:inline-flex}.connection-pill.connected{color:#12604b;background:#e7f6f0}.connection-pill.connecting{color:#805a00;background:#fff5da}.connection-pill.disconnected,.connection-pill.error{color:#8a2430;background:#fdecef}.room-button{background:#fff;border:1px solid #cbd5df}.room-button:hover,.mode-switch button:hover{background:#eef5f8}.mode-switch button.selected:hover{background:#174f61}.remote-error{color:#8a2430;background:#fff5f6;border:1px solid #f1c4ca;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:.94rem}.sound-button{color:#344454;cursor:pointer;background:#fff;border:1px solid #cbd5df;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 14px;display:inline-flex}.sound-button.active{color:#1e5f74;background:#ecf7fa;border-color:#a7c7d1}.sound-button:focus-visible{outline-offset:3px;outline:3px solid #1e5f7440}.reset-button{color:#fff;cursor:pointer;background:#1e5f74;border:0;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 18px;display:inline-flex;box-shadow:0 8px 18px #12455633}.reset-button:hover{background:#174f61}.reset-button:focus-visible{outline-offset:3px;outline:3px solid #1e5f7459}.status-bar{background:#fff;border:1px solid #d7dde4;border-radius:8px;align-items:center;gap:10px;min-height:48px;margin-bottom:14px;padding:10px 14px;display:flex}.status-bar-bottom{margin-top:14px;margin-bottom:0}.player-dot{border-radius:50%;flex:0 0 16px;width:16px;height:16px}.player-dot.black{background:#111}.player-dot.white{background:#fff;border:1px solid #aeb7c2}.last-move{color:#687789;white-space:nowrap;margin-left:auto;font-size:.92rem}.remote-status-inline{color:#687789;white-space:nowrap;font-size:.92rem}.board-panel{background:#f4d092;border:1px solid #cfb082;border-radius:8px;padding:12px;overflow:auto;box-shadow:0 18px 36px #252d3826}.board-stage{aspect-ratio:1;cursor:pointer;touch-action:manipulation;width:100%;max-width:540px;margin:0 auto;display:block}@media (width<=560px){.app-shell{align-items:flex-start;padding-top:20px}.game-header{grid-template-columns:1fr}.header-actions{justify-self:stretch;width:100%}.mode-row{flex-direction:column;align-items:stretch}.mode-switch{width:100%}.mode-switch button{flex:1 1 0;justify-content:center}.room-actions{justify-content:flex-start}.status-bar{flex-wrap:wrap;align-items:flex-start}.last-move{width:100%;margin-left:26px}}