*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1218;--surface:#181d27;--text:#e8eaf0;--muted:#9aa3b5;--accent:#6c8cff;--accent-strong:#4f6ef7;--danger:#e5484d}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:720px;margin:0 auto;padding:2rem 1rem 4rem;gap:2rem}.container,.hero{display:flex;flex-direction:column}.hero{text-align:center;padding-top:3rem;gap:1rem;align-items:center}.hero h1{font-size:3rem;letter-spacing:.04em}.hero p{max-width:34rem}.footnote,.hero p{color:var(--muted)}.footnote{font-size:.85rem;text-align:center}.recent ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.recent li{display:flex;justify-content:space-between;gap:1rem;background:var(--surface);border-radius:8px;padding:.6rem 1rem;font-size:.9rem}.recent-rounds{color:var(--muted)}.btn{display:inline-block;border:none;border-radius:8px;padding:.6rem 1.4rem;font-size:1rem;cursor:pointer;text-decoration:none;color:var(--text);background:var(--surface);transition:filter .15s}.btn:hover{filter:brightness(1.2)}.btn.primary{background:var(--accent-strong)}.btn.big{font-size:1.2rem;padding:.9rem 2rem}.btn.subtle{color:var(--muted);background:transparent;border:1px solid var(--surface)}.btn.small{padding:.35rem .8rem;font-size:.85rem}.bell,.bell-wrap{position:relative}.bell{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--text)}.bell-badge{position:absolute;top:-6px;right:-8px;background:var(--danger);color:#fff;border-radius:999px;font-size:.65rem;padding:0 5px;line-height:1.4}.bell-menu{position:absolute;right:0;top:130%;width:260px;background:var(--surface);border:1px solid #2a3040;border-radius:10px;overflow:hidden;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.4)}.bell-empty,.bell-item{display:block;width:100%;text-align:left;padding:.7rem .9rem;background:none;border:none;border-bottom:1px solid #232a36;color:var(--text);font-size:.85rem;cursor:pointer}.bell-item:hover{background:#202634}.bell-empty{color:var(--muted);cursor:default}.toast-stack{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.6rem;z-index:100;max-width:min(92vw,340px)}.toast{background:var(--surface);border:1px solid #2a3040;border-left:3px solid var(--accent);border-radius:10px;padding:.75rem .9rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateX(20px)}}.toast-body{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.toast-actions{display:flex;align-items:center;gap:.4rem}.toast-close{background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;line-height:1}.row-actions{display:flex;gap:.5rem;align-items:center}.profile-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat-tile{background:var(--surface);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;min-width:8rem;flex:1 1}.stat-num{font-size:2rem;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.h2h-record{display:flex;justify-content:center;gap:2.5rem;background:var(--surface);border-radius:12px;padding:1.25rem}.h2h-cell{display:flex;flex-direction:column;align-items:center}.h2h-num{font-size:2.4rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart{background:var(--surface);border-radius:12px;padding:.75rem;overflow-x:auto}.chart svg{width:100%;height:auto;display:block}.chart-readout{display:flex;gap:1.25rem;justify-content:center;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:.4rem}.replay-head{display:flex;justify-content:space-between;align-items:center}.replay-rounds,.replay-speeds{display:flex;gap:.4rem;flex-wrap:wrap}.replay-boards{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.replay-board{display:flex;flex-direction:column;align-items:center;gap:.5rem}.replay-name{font-weight:600}.replay-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;background:var(--surface);border-radius:12px;padding:.75rem 1rem}.replay-scrub{flex:1 1;min-width:12rem;accent-color:var(--accent)}.button-row{display:flex;gap:1rem;justify-content:center}.center-stage{text-align:center;padding-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.status{color:var(--muted)}.countdown{font-size:6rem;font-weight:700;color:var(--accent)}.progress-track{width:min(70vw,320px);height:8px;border-radius:4px;background:var(--surface);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .2s}.play-stage{display:flex;flex-direction:column;align-items:center;gap:1rem}.round-header{width:min(92vw,560px);display:flex;justify-content:space-between;align-items:baseline;color:var(--muted)}.clock{font-size:1.6rem;font-weight:600;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.round-score{font-size:2.5rem;font-weight:700;color:var(--accent)}.queens-board{display:grid;width:min(92vw,560px);touch-action:manipulation}.queens-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4.5vw,30px);color:#1f2430;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0;line-height:1}.queens-cell.conflict{color:var(--danger);animation:conflict-pulse .6s ease-in-out infinite alternate}@keyframes conflict-pulse{0%{filter:brightness(1)}to{filter:brightness(.75)}}.room-launcher{background:var(--surface);border-radius:12px;padding:1.25rem;flex-direction:column}.launcher-row,.room-launcher{display:flex;gap:.75rem;align-items:center}.launcher-row{flex-wrap:wrap;justify-content:center}.code-input{background:var(--bg);border:1px solid #2a3040;border-radius:8px;color:var(--text);padding:.55rem .8rem;font-size:1rem;width:10rem;text-align:center;letter-spacing:.15em}.lobby-players{display:flex;flex-direction:column;gap:.5rem;width:min(92vw,360px)}.lobby-player{display:flex;justify-content:space-between;background:var(--surface);border-radius:8px;padding:.6rem 1rem}.ready-yes{color:#58d68d}.opponent-bar,.ready-no{color:var(--muted)}.opponent-bar{width:min(92vw,560px);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem}.progress-track.small{width:8rem;height:6px}.totals-row{display:flex;gap:3rem;justify-content:center}.total-block{flex-direction:column}.total-block,.voice-panel{display:flex;align-items:center}.voice-panel{gap:.6rem;justify-content:center;flex-wrap:wrap;background:var(--surface);border-radius:10px;padding:.5rem .9rem;font-size:.9rem}.voice-live{color:#58d68d;font-weight:600}.site-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--surface)}.site-header .brand{font-weight:700;letter-spacing:.05em;color:var(--text);text-decoration:none}.site-header nav{display:flex;gap:1rem;align-items:center}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--text)}.code-input.wide{width:min(80vw,20rem);letter-spacing:normal;text-align:left}.form-error{color:var(--danger);font-size:.9rem}.stack{gap:1rem}.row-list,.stack{display:flex;flex-direction:column}.row-list{list-style:none;gap:.5rem}.row-list li{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:8px;padding:.6rem 1rem}.row-list a{color:var(--accent);text-decoration:none}.net-banner{background:#4a3320;color:#f5c26b;border-radius:8px;padding:.5rem 1rem;text-align:center;font-size:.9rem}.results{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:2rem}.total-score{font-size:3rem;font-weight:700;color:var(--accent)}.results-table{border-collapse:collapse;width:100%;max-width:560px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results-table td,.results-table th{padding:.5rem .75rem;border-bottom:1px solid var(--surface);text-align:center}.results-table th{color:var(--muted);font-weight:500;font-size:.85rem}.best-round td{color:var(--accent)}.max-score{color:var(--muted);font-size:.8rem}