:root{color:#edf2f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#f7b26729,#0000 34%),linear-gradient(#0c111b 0%,#101827 50%,#0b1220 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}h1{margin:0 0 12px;font-size:clamp(2.3rem,6vw,4.5rem);line-height:.98}h2{margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem)}p{margin:0}.app-shell{color:#edf2f7;flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:40px 20px 32px;display:flex}.app-header{text-align:center;width:min(100%,760px)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#f7b267;margin:0 0 10px;font-size:.78rem}.hero-copy{color:#bfd0e2;max-width:46rem;margin:0 auto}.loading-screen{color:#edf2f7;background:#121826;place-items:center;min-height:100vh;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:18px;width:min(100%,1040px);display:grid}.panel,.account-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101827d6;border:1px solid #f7b26729;border-radius:22px;width:min(100%,1040px);padding:22px;box-shadow:0 18px 48px #00000047}.auth-screen,.match-screen{flex-direction:column;align-items:center;gap:18px;width:min(100%,1040px);display:flex}.auth-panel,.lobby-panel,.leaderboard-panel,.player-panel{width:100%}.lobby-panel{flex-direction:column;gap:18px;display:flex}.account-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.tab-row,.action-grid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tab-button,.primary-button,.secondary-button,.ghost-button,.join-button,.mode-card,.board-cell{font:inherit;cursor:pointer;border:none;border-radius:16px;transition:transform .14s,box-shadow .14s,opacity .14s}.tab-button,.primary-button,.secondary-button,.ghost-button,.mode-card{padding:14px 16px}.tab-button{color:#edf2f7;background:#ffffff0f;border:1px solid #ffffff1a}.tab-button.is-active,.mode-card.is-active{color:#08131a;background:linear-gradient(135deg,#2ec4b6,#1f7a8c)}.mode-card{color:#edf2f7;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;flex-direction:column;gap:4px;display:flex}.mode-card span{color:inherit;opacity:.85;font-size:.85rem}.primary-button{color:#101826;background:linear-gradient(135deg,#f7b267,#f4845f);font-weight:700}.secondary-button{color:#edf2f7;background:linear-gradient(135deg,#4d7cff,#3454d1);font-weight:700}.ghost-button{color:#edf2f7;background:#ffffff0f;border:1px solid #ffffff1f;font-weight:700}.join-button{color:#0d1a14;background:#2fbf71;padding:9px 14px;font-weight:700}.tab-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.join-button:hover,.mode-card:hover,.board-cell:hover:not(:disabled){transform:translateY(-1px)}.auth-form,.room-list{flex-direction:column;gap:12px;display:flex}.lobby-section{width:100%}.lobby-primary-button{width:100%;min-height:60px}.text-input{color:#edf2f7;background:#263238;border:1px solid #455a64;border-radius:12px;width:100%;padding:12px 14px}.helper-text,.muted-text,.leaderboard-meta,.section-label{color:#bfd0e2}.helper-text{font-size:.85rem}.section-label{text-transform:uppercase;letter-spacing:.12em;font-size:.88rem}.error-text{color:#ff9f9f}.room-card,.leaderboard-row{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:12px 0;display:grid}.room-card{grid-template-columns:1fr auto}.leaderboard-row{grid-template-columns:54px 1fr auto}.leaderboard-rank{color:#80cbc4}.leaderboard-meta,.leaderboard-streak,.timer-text{font-size:.85rem}.leaderboard-streak,.timer-text{color:#ffd166}.my-standing{text-align:center;color:#dbe7f3;border-top:1px solid #ffffff1f;margin-top:14px;padding-top:14px}.status-panel{text-align:center;flex-direction:column;gap:14px;display:flex}.player-summary{flex-direction:column;align-items:center;gap:10px;display:flex}.player-summary__label{text-transform:uppercase;letter-spacing:.16em;color:#bfd0e2;font-size:.88rem}.player-summary__value-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.player-symbol{font-size:clamp(2.8rem,9vw,4.8rem);line-height:1}.player-symbol--x{color:#ff7b72}.player-symbol--o{color:#7cc6fe}.player-symbol--pending{color:#edf2f7}.player-mode-badge{color:#edf2f7;text-transform:capitalize;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-weight:700}.game-board{grid-template-columns:repeat(3,minmax(84px,112px));gap:14px;display:grid}.board-cell{aspect-ratio:1;color:#edf2f7;background:#101827eb;border:1px solid #f7b26729;font-size:clamp(2.2rem,10vw,3.5rem);font-weight:900}.board-cell--x{color:#ff7b72}.board-cell--o{color:#7cc6fe}@media (width<=860px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding-top:28px}.panel,.account-bar{border-radius:18px;padding:18px}.tab-row,.action-grid,.mode-grid{grid-template-columns:1fr}.account-bar{flex-direction:column;align-items:stretch}.game-board{grid-template-columns:repeat(3,minmax(82px,1fr));width:100%}.player-symbol{font-size:clamp(3rem,16vw,4.2rem)}}