.game-page{gap:20px;padding:24px;display:grid}.game-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen{gap:24px;display:grid}.screen-play[hidden],.screen-entry[hidden]{display:none}.screen-play--centered{justify-items:center}.game-stage{justify-items:center;gap:20px;width:100%;display:grid}.game-meta{text-align:center;justify-items:center;gap:12px;width:min(100%,720px);display:grid}.game-secondary{gap:20px;width:min(100%,720px);display:grid}.game-secondary--wide{width:min(100%,860px)}.game-secondary>*{margin-top:0;margin-bottom:0}.page-title{margin:0;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1}.page-copy{color:#cbd5e1;max-width:720px;margin:0;line-height:1.75}.control-stack{gap:10px;max-width:340px;display:grid}.field-label{color:#cbd5e1;font-weight:600}.select-field{background:var(--surface-soft);color:var(--text-main);border:1px solid var(--surface-border);border-radius:10px;outline:none;padding:12px 14px}.select-field:focus{border-color:var(--accent-color)}.button-row{flex-wrap:wrap;gap:16px;display:flex}.status-bar{border:1px solid var(--surface-border);background:#00000038;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.status-bar--centered{justify-content:center}.status-display{color:#ef4444;text-align:center;text-shadow:0 0 10px #ef444480;background:#000;border:2px inset #ffffff1a;border-radius:4px;min-width:80px;padding:4px 12px;font-family:monospace;font-size:2.5rem;font-weight:700}.reset-button{border:1px solid var(--surface-border);background:var(--surface-soft);width:60px;height:60px;color:var(--text-main);cursor:pointer;border-radius:999px;font-size:2rem;transition:transform .2s,background .2s}.reset-button:hover{background:var(--surface-hover);transform:scale(1.04)}.reset-button:active{transform:scale(.96)}.board-wrapper{border:1px solid var(--surface-border);background:#00000047;border-radius:12px;width:fit-content;max-width:90vw;max-height:70vh;margin:0 auto;padding:12px;overflow:auto}.board-wrapper--tight{width:fit-content}@media (width<=640px){.game-page{padding:18px}.page-title{font-size:2.1rem}.button-row{flex-direction:column}.game-meta,.game-secondary,.game-secondary--wide{width:100%}.game-nav{flex-direction:column;align-items:flex-start}.status-bar{padding:10px 12px}.status-display{min-width:60px;padding:2px 8px;font-size:1.8rem}.reset-button{width:50px;height:50px;font-size:1.5rem}}.ttt-online-panel[hidden],.c4-online-panel[hidden]{display:none}.mode-dialog-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#020617b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mode-dialog{border:1px solid var(--surface-border);background:var(--surface-strong);border-radius:16px;gap:12px;width:min(100%,440px);padding:24px;display:grid;box-shadow:0 24px 60px #00000073}.mode-dialog-title{margin:0;font-size:1.5rem}.mode-dialog-copy{color:var(--text-muted);margin:0}.mode-dialog-options{gap:12px;margin-top:8px;display:grid}.mode-dialog-option{text-align:left;border:1px solid var(--surface-border);background:var(--surface-soft);color:var(--text-main);cursor:pointer;border-radius:12px;gap:4px;padding:16px;transition:background .15s,border-color .15s,transform .1s;display:grid}.mode-dialog-option:hover{background:var(--surface-hover);border-color:var(--accent-color)}.mode-dialog-option:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.mode-dialog-option:active{transform:scale(.99)}.mode-dialog-option-title{font-size:1.15rem;font-weight:800}.mode-dialog-option-detail{color:var(--text-muted);font-size:.95rem}.friends-invite{gap:8px;display:grid}.friends-invite-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:700}.friends-list{gap:8px;display:grid}.friend-invite-row{border:1px solid var(--surface-border);background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.friend-invite-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.friend-invite-btn{flex:none}.friends-empty{color:var(--text-muted);margin:0;font-size:.95rem}