:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f2;--surface:#fff;--surface-muted:#edf1ed;--text:#17211d;--muted:#59665f;--border:#cfd8d1;--border-strong:#9caaa2;--primary:#1f6f54;--primary-strong:#154d3b;--accent:#a33f2f;--accent-soft:#f5e5df;--focus:#d8a13b;--shadow:0 18px 45px #24302a1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-width:320px;min-height:100svh;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer;border:0;min-height:48px}button:disabled{cursor:not-allowed}button:disabled:not(.cell){opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app{min-height:100svh}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,40px);display:flex}.topbar h1,.panel-heading h2,.game-header h2{letter-spacing:0;margin:0;line-height:1.1}.topbar h1{font-size:1.65rem}.eyebrow,.mini-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}.connection{border:1px solid var(--border);min-width:82px;color:var(--muted);background:var(--surface);text-align:center;border-radius:999px;padding:8px 10px;font-size:.86rem;font-weight:700}.connection.is-online{color:var(--primary-strong);background:#e4f0e9;border-color:#1f6f5459}.shell{gap:18px;width:min(100%,1180px);margin:0 auto;padding:18px clamp(14px,4vw,40px) 32px;display:grid}.panel,.game-surface{border:1px solid var(--border);background:var(--surface);border-radius:8px}.setup-panel{align-content:start;gap:18px;padding:18px;display:grid}.panel-heading h2,.game-header h2{font-size:1.25rem}.segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.segment{min-height:44px;color:var(--muted);background:0 0;border-radius:6px;font-weight:800}.segment.is-active{color:var(--text);background:var(--surface);box-shadow:0 1px #17211d14}.field{color:var(--muted);gap:8px;font-size:.86rem;font-weight:800;display:grid}.field input{border:1px solid var(--border-strong);width:100%;min-height:48px;color:var(--text);background:var(--surface);border-radius:8px;padding:0 12px}.field input#roomCodeInput{text-transform:uppercase}.mode-panel{gap:14px;display:none}.mode-panel.is-active,.button-row{display:grid}.primary-action,.secondary-action,.quiet-action{border-radius:8px;font-weight:850}.primary-action{color:#fff;background:var(--primary)}.primary-action:hover:not(:disabled){background:var(--primary-strong)}.secondary-action{border:1px solid var(--primary);color:var(--primary-strong);background:#e8f3ed}.quiet-action{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface)}.room-tools{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.room-tools strong{letter-spacing:0;font-size:1.45rem;line-height:1;display:block}.game-surface{box-shadow:var(--shadow);gap:16px;padding:18px;display:grid}.game-header,.scoreline{justify-content:space-between;align-items:center;gap:12px;display:flex}.scoreline{align-items:stretch}.player-chip{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.player-chip.is-turn{border-color:var(--focus);background:#fff8e8}.mark-badge{color:#fff;border-radius:7px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid}.mark-x{background:var(--primary)}.mark-o{background:var(--accent)}.player-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:850;overflow:hidden}.status-text{min-height:28px;color:var(--muted);margin:0;font-weight:800}.board{aspect-ratio:1;border:2px solid var(--text);background:var(--text);border-radius:8px;grid-template-columns:repeat(3,1fr);justify-self:center;gap:8px;width:min(100%,560px);padding:8px;display:grid}.cell{background:#fbfcfa;border-radius:6px;place-items:center;min-width:0;min-height:0;display:grid}.cell:disabled{opacity:1}.cell:hover:not(:disabled){background:#edf5ef}.cell.is-winning{background:#fff2d1}.cell img{width:68%;height:68%;display:block}.toast{border:1px solid var(--border);max-width:min(360px,100vw - 32px);color:var(--text);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-weight:800;position:fixed;bottom:16px;right:16px}@media (width>=760px){.topbar h1{font-size:2rem}.shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;padding-top:28px}.setup-panel,.game-surface{padding:22px}.game-surface{gap:20px}}@media (width<=460px){.topbar{flex-direction:column;align-items:flex-start}.connection{align-self:stretch}.scoreline{flex-direction:column}.room-tools{flex-direction:column;align-items:stretch}}