:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f8fafc;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(37,99,235,.22),transparent 32%),linear-gradient(180deg,#0f172a,#020617)}#root{min-height:100vh}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:transform .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input,button{outline:none}:root{color-scheme:dark;--bg: #07111f;--panel: rgba(11, 23, 43, .9);--panel-strong: rgba(13, 27, 51, .98);--card: rgba(17, 30, 55, .9);--card-soft: rgba(18, 33, 60, .72);--line: rgba(148, 163, 184, .18);--line-strong: rgba(96, 165, 250, .28);--text: #f8fafc;--muted: #bfd0e8;--muted-strong: #90a8c8;--brand: #4f8cff;--brand-2: #38bdf8;--success: #86efac;--danger: #fca5a5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at top right,rgba(79,140,255,.18),transparent 24%),linear-gradient(180deg,#07111f,#030712);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.shell,.app-shell{min-height:100vh;padding:32px}.shell{display:grid;place-items:center}.panel{width:min(1240px,100%);border-radius:30px;border:1px solid var(--line);background:linear-gradient(180deg,#0b172beb,#081122eb);box-shadow:0 30px 90px #02061773;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wide-panel{width:min(1380px,100%)}.app-panel{padding:24px}.app-content{display:grid;gap:24px}.content-card,.hero-card,.auth-surface,.player-browser-card,.game-card,.empty-state-card,.floating-card{border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#111e37f0,#091426eb);box-shadow:0 20px 60px #0206173d}.content-card,.hero-card,.games-surface,.auth-surface,.player-browser-card,.game-card,.empty-state-card{padding:28px}.hero-card{background:radial-gradient(circle at top right,rgba(79,140,255,.18),transparent 30%),linear-gradient(180deg,#12213cf5,#091426f2)}.success-panel{padding:64px;text-align:center}.eyebrow{display:inline-block;color:var(--brand-2);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}h2{font-size:clamp(1.4rem,2vw,2rem)}h3{font-size:1.2rem}h4{font-size:1rem}.subtitle,.game-description,.hero-text{color:var(--muted);line-height:1.6}.hero-text{max-width:70ch}.stats-row,.badge-row,.selected-games-grid,.player-list,.detail-grid,.action-row,.summary-badges,.filter-cluster,.segment-row{display:flex;gap:12px;flex-wrap:wrap}.stats-row{margin-top:22px}.stats-row.compact{margin-top:0;justify-content:flex-end}.stat-pill,.result-pill{min-width:120px;padding:14px 16px;border-radius:18px;background:#091324d6;border:1px solid rgba(96,165,250,.18)}.stat-pill span,.result-pill{color:var(--muted-strong);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stat-pill strong{display:block;margin-top:6px;font-size:1.15rem}.games-hero,.selected-game-hero,.section-heading-row,.add-game-bar,.player-filter-panel,.player-browser-layout,.player-summary,.bottom-nav,.toggle-row,.grid-two{display:grid;gap:18px}.games-hero,.selected-game-hero,.section-heading-row,.add-game-bar,.player-filter-panel,.bottom-nav,.toggle-row,.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.player-browser-layout,.player-summary{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}.player-filter-panel{align-items:end}.filter-cluster{justify-content:flex-end;align-items:center}.selected-game-shell,.profile-form,.auth-form{display:grid;gap:18px}.auth-form label,.field-shell{display:grid;gap:8px}.field-shell{padding:14px;border-radius:18px;border:1px solid var(--line);background:#060f1d8a}.field-shell.grow{min-width:0}.field-shell span{color:var(--muted-strong);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}input,select,textarea{width:100%;border:none;outline:none;resize:vertical;color:var(--text);background:#ffffff05}input::placeholder,textarea::placeholder{color:#bfd0e88c}textarea{min-height:110px}.primary-button,.secondary-button,.mode-button,.nav-button,.segment-button,.chip-toggle{border:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.primary-button:hover,.secondary-button:hover,.mode-button:hover,.nav-button:hover,.segment-button:hover,.chip-toggle:hover,.selected-game-button:hover,.player-row:hover{transform:translateY(-1px)}.primary-button{padding:15px 20px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--brand) 0%,#2f6bf6 100%);box-shadow:0 16px 30px #2f6bf647}.secondary-button,.mode-button,.nav-button,.segment-button,.chip-toggle{padding:14px 18px;border-radius:18px;color:var(--text);background:#091324c7;border:1px solid var(--line)}.secondary-button.active-ghost,.mode-button.active,.nav-button.active,.segment-button.active,.chip-toggle.active{background:#4f8cff29;border-color:var(--line-strong)}.danger-button{color:var(--danger);border-color:#fca5a547}.wide-button{width:100%;justify-content:center}.grow{flex:1}.toggle-row{margin-top:10px}.selected-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.selected-game-button,.player-row{width:100%;text-align:left;padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#0a1426fa,#08101ef5);color:var(--text);display:grid;gap:10px;cursor:pointer}.selected-game-button.active,.player-row.active{border-color:#60a5fa73;background:linear-gradient(180deg,#142648f2,#0a152af5);box-shadow:inset 0 1px #ffffff0a,0 16px 40px #02061742}.selected-game-button span,.player-row span,.selected-game-button small,.player-row small{color:var(--muted);line-height:1.45}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-badge,.badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#38bdf81f;color:#cde9ff;font-size:12px;font-weight:700}.badge.soft{background:#4f8cff24}.search-shell{min-width:0}.player-list{display:grid;align-content:start}.floating-card,.player-detail-card,.settings-card{padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#0d1a30fa,#081222f5)}.detail-section{display:grid;gap:14px;padding:18px;border-radius:20px;background:#050d1980;border:1px solid rgba(148,163,184,.1)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{display:grid;gap:6px;padding:14px;border-radius:16px;background:#111e37b8}.detail-item span{color:var(--muted-strong);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.switch-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:#060f1d8a}.switch-card strong{display:block;margin-bottom:4px}.switch-card span{color:var(--muted)}.switch-card input{width:auto;transform:scale(1.15);accent-color:var(--brand)}.empty-state-card,.empty-list-state{display:grid;gap:8px;justify-items:start;color:var(--muted)}.empty-list-state{padding:20px;border-radius:18px;border:1px dashed rgba(148,163,184,.18);background:#070f1d80}.selected-game-actions{display:flex;justify-content:flex-end;align-items:start}.bottom-nav{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.success-text{color:var(--success)}.error-text{color:var(--danger)}button:disabled{opacity:.68;cursor:not-allowed;transform:none!important}@media(max-width:1040px){.games-hero,.selected-game-hero,.section-heading-row,.add-game-bar,.player-filter-panel,.player-browser-layout,.player-summary,.bottom-nav,.toggle-row,.grid-two{grid-template-columns:1fr}.filter-cluster,.selected-game-actions,.stats-row.compact{justify-content:flex-start}}@media(max-width:720px){.shell,.app-shell{padding:16px}.panel,.content-card,.hero-card,.auth-surface,.player-browser-card,.game-card,.empty-state-card,.floating-card{border-radius:22px}.content-card,.games-surface,.auth-surface,.player-browser-card,.game-card,.empty-state-card,.app-panel{padding:18px}.detail-grid{grid-template-columns:1fr}}