:root{color:#172033;--ink:#172033;--muted:#61708d;--line:#1720331a;--panel:#ffffffeb;--cyan:#1fb6ff;--mint:#26c99a;--coral:#ff6b6b;--violet:#7c5cff;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(#fbfdff 0%,#eef7ff 54%,#f7fafc 100%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#ffffffe6;height:100vh;padding:24px;position:sticky;top:0}.brand{align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#1fb6ff,#33d6a6);border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.nav{gap:8px;margin-top:34px;display:grid}.nav a{color:#40516f;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.nav a:hover{color:#172033;background:#edf7ff}.main{padding:28px clamp(18px,4vw,48px)}.shell-topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.topbar-status,.topbar-actions,.inline-actions,.auth-status,.auth-user{align-items:center;gap:10px;display:flex}.topbar-status{color:#40516f;font-size:13px;font-weight:900}.topbar-status svg{color:var(--mint)}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.auth-status{background:var(--panel);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:4px 5px 4px 8px}.auth-status.loading{color:var(--muted);padding-right:14px;font-weight:800}.auth-user{min-width:0}.auth-user span{gap:1px;min-width:0;display:grid}.auth-user strong,.auth-user small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.auth-user small{color:var(--muted);align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.avatar,.avatar-fallback,.avatar-placeholder{border-radius:999px;width:34px;height:34px}.avatar{object-fit:cover}.avatar-fallback,.avatar-placeholder{color:#205075;background:#eaf6ff;justify-content:center;align-items:center;display:inline-flex}.avatar-placeholder{background:linear-gradient(90deg,#eaf6ff,#f7fbff,#eaf6ff)}.topbar,.page-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.page-header{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;padding:clamp(18px,3vw,28px)}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-title{letter-spacing:0;max-width:860px;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.04}.page-description{color:var(--muted);max-width:760px;margin:12px 0 0;font-size:16px;line-height:1.6}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.rst-card,.panel,.toolbar-panel,.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 18px 44px #31528212}.button,.rst-button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:800;display:inline-flex}.button.secondary{color:#172033;background:#eaf6ff}.button.warning{color:#8a3b21;background:#fff0e8}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.6}.pill{color:#205075;background:#eaf6ff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:start;gap:18px;margin-top:18px;display:grid}.stack{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{grid-template-columns:auto minmax(0,1fr);gap:14px;display:grid}.metric-card p,.metric-card span{color:var(--muted);margin:0;display:block}.metric-card strong{margin:4px 0;font-size:30px;line-height:1.1;display:block}.metric-icon,.icon-button{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.metric-icon{color:var(--cyan);background:#eaf6ff}.icon-button{color:#205075;cursor:pointer;background:#eef7ff;border:0;flex:none}.icon-button:hover,.button:hover,.text-link:hover{filter:brightness(.97)}.metric-card.mint .metric-icon{color:var(--mint);background:#e8fbf5}.metric-card.coral .metric-icon{color:var(--coral);background:#fff0f0}.metric-card.violet .metric-icon{color:var(--violet);background:#f1edff}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:20px}.overline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.text-link{color:#205075;align-items:center;gap:2px;font-weight:800;display:inline-flex}.event-list,.feed-list,.leaderboard-list,.setup-steps,.compact-list{gap:10px;display:grid}.event-row,.feed-item,.leaderboard-row,.setup-step,.compact-list>div{background:#f8fbff;border:1px solid #17203312;border-radius:8px;align-items:center;gap:12px;padding:12px;display:grid}.event-row{grid-template-columns:minmax(0,1fr) auto auto}.event-main{min-width:0}.event-main a{margin-top:6px;font-size:17px;font-weight:900;display:block}.event-main p,.event-meta span,.feed-item p,.leaderboard-row p,.setup-step p{color:var(--muted);margin:4px 0 0}.event-meta{text-align:right}.event-meta strong,.event-meta span{display:block}.status-chip{color:#205075;white-space:nowrap;background:#eef7ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-chip.positive{color:#137658;background:#e8fbf5}.status-chip.danger{color:#9b3030;background:#fff0f0}.sse-status{border:1px solid var(--line);background:#f8fbff;border-radius:999px;align-items:center;gap:9px;padding:7px 10px;display:inline-flex}.sse-status strong,.sse-status span{font-size:12px;line-height:1.2;display:block}.sse-status span{color:var(--muted)}.live-dot{background:var(--mint);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 5px #26c99a26}.rating-ring{aspect-ratio:1;background:linear-gradient(#fff, #fff) padding-box, conic-gradient(var(--cyan), var(--mint), var(--violet), var(--cyan)) border-box;border:10px solid #0000;border-radius:999px;place-items:center;max-width:190px;margin:8px auto 18px;padding:24px;display:grid}.rating-ring span{color:var(--muted)}.rating-ring strong{font-size:36px}.compact-list>div{grid-template-columns:minmax(0,1fr) auto}.compact-list span{color:var(--muted)}.feed-item{grid-template-columns:auto minmax(0,1fr) auto}.feed-item>svg{color:var(--cyan)}.table-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.table-row{grid-template-columns:.8fr 1.2fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.table-row+.table-row{border-top:1px solid var(--line)}.table-head{color:var(--muted);text-transform:uppercase;background:#f1f7fc;font-size:12px;font-weight:900}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:7px;margin-top:14px;display:grid}.field span,.toggle-row{color:#40516f;font-size:14px;font-weight:800}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#f8fbff;border-radius:8px;width:100%;min-height:42px;padding:10px 12px}textarea{resize:vertical}.invite-box{background:#eefbf7;border:1px solid #26c99a38;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.invite-box svg{color:var(--mint)}.invite-box span{color:var(--muted);margin-top:4px;display:block}.setup-step{grid-template-columns:auto minmax(0,1fr) auto}.setup-step svg{color:var(--mint)}.segmented{background:#eef7ff;border-radius:8px;padding:4px;display:inline-flex}.segmented button{color:#40516f;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:6px 10px;font-weight:800}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 4px 14px #31528214}.scope-selector{justify-items:end;gap:6px;display:grid}.scope-selector .helper-text{text-align:right;max-width:290px;margin:0}.leaderboard-row{grid-template-columns:54px minmax(0,1fr) auto auto}.rank{color:var(--violet);font-weight:900}.trend-up{color:#137658;font-weight:900}.trend-down{color:#9b3030;font-weight:900}.settings-grid,.toolbar-panel{gap:18px;margin-bottom:18px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-panel{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(160px,220px));align-items:end;margin-bottom:18px}.toolbar-panel .field{margin-top:0}.toggle-row{border:1px solid var(--line);background:#f8fbff;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:12px;display:flex}.toggle-row input{accent-color:var(--cyan);width:18px;height:18px;min-height:18px}.bracket-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;overflow-x:auto}.bracket-round{border:1px solid var(--line);background:#f8fbff;border-radius:8px;gap:10px;min-width:190px;padding:12px;display:grid}.bracket-round span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.bracket-match{background:#fff;border:1px solid #17203314;border-radius:8px;gap:8px;padding:10px;display:grid}.bracket-match p{justify-content:space-between;align-items:center;margin:0;display:flex}.bracket-match small{color:var(--muted);font-weight:900}.bracket-match em{color:#205075;font-size:12px;font-style:normal;font-weight:900}.feature-grid{margin-bottom:18px}.card h2,.panel h2{letter-spacing:0}.card p{line-height:1.5}.profile-panel,.bracket-panel{min-width:0;overflow:hidden}.action-panel .field{margin-top:16px}.search-field input{min-width:0}.main>.panel+.panel,.main>.content-grid+.panel,.main>.settings-grid+.panel,.main>.format-grid+.content-grid,.main>.format-grid+.panel{margin-top:18px}.inline-actions{flex-wrap:wrap;margin-top:16px}.helper-text{color:var(--muted);margin:12px 0 0;font-size:14px;font-weight:700;line-height:1.5}.form-grid,.format-grid,.guild-matrix{gap:14px;display:grid}.form-grid{grid-template-columns:minmax(0,1fr) minmax(190px,.5fr) minmax(120px,.3fr)}.format-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.format-card,.guild-matrix article{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:18px;box-shadow:0 18px 44px #31528212}.format-card h3,.guild-matrix strong{margin:12px 0 8px;font-size:18px;display:block}.format-card p,.guild-matrix p{color:var(--muted);margin:0;line-height:1.55}.timeline-list,.safety-list{gap:12px;display:grid}.timeline-item{grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.timeline-index{color:#fff;background:#172033;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:inline-flex}.timeline-item h3{margin:8px 0 5px}.timeline-item p{color:var(--muted);margin:0;line-height:1.5}.safety-list div{background:#f8fbff;border:1px solid #17203312;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.safety-list svg,.safety-panel .section-heading>svg{color:var(--mint)}.guild-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.guild-matrix span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.login-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:18px;display:grid}.login-panel{align-content:center;display:grid}.create-console .field{margin-top:0}.action-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-button{border:1px solid var(--line);color:#40516f;cursor:pointer;background:#f8fbff;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:10px 12px;font-weight:900;display:flex}.choice-button.active{color:var(--ink);background:#eaf6ff;border-color:#1fb6ff59}.match-row{border-top:1px solid #17203314;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.landing-hero{color:#fff;background:linear-gradient(135deg,#172033f7,#124e5cf0 52%,#3c3167f0),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 56px);border:1px solid #ffffff29;border-radius:8px;margin-bottom:18px;padding:clamp(18px,4vw,34px);position:relative;overflow:hidden;box-shadow:0 24px 58px #17203329}.landing-hero:after{background:linear-gradient(90deg, var(--cyan), var(--mint), var(--coral), var(--violet));content:"";height:5px;position:absolute;bottom:0;left:0;right:0}.landing-hero>*{z-index:1;position:relative}.landing-nav{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:28px;padding:6px;display:inline-flex}.landing-nav a{color:#ecfbff;white-space:nowrap;border-radius:999px;padding:8px 12px;font-weight:900}.landing-nav a:hover{background:#ffffff24}.landing-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);align-items:stretch;gap:28px;display:grid}.landing-copy{align-content:center;gap:18px;display:grid}.landing-hero .page-description{color:#d8eaf5}.landing-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-hero .button.secondary{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.community-pulse{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.pulse-stat{border-top:1px solid #ffffff2e;min-width:0;padding-top:14px}.pulse-stat strong{font-size:30px;line-height:1.1;display:block}.pulse-stat span{margin-top:5px;font-weight:900;display:block}.pulse-stat p{color:#c5ddea;margin:4px 0 0;line-height:1.45}.public-preview-card{color:var(--ink);background:#fffffff0;border:1px solid #ffffff6b;border-radius:8px;min-width:0;padding:20px;box-shadow:0 20px 46px #0811232e}.public-live-status{background:#f7fcff}.preview-scoreboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preview-scoreboard div,.tournament-progress,.match-preview-row{background:#f8fbff;border:1px solid #17203314;border-radius:8px}.preview-scoreboard div{gap:5px;min-width:0;padding:12px;display:grid}.preview-scoreboard span,.tournament-progress span,.match-preview-row span:not(.status-chip){color:var(--muted);font-size:12px;font-weight:900}.preview-scoreboard strong,.match-preview-row strong{min-width:0}.tournament-progress{gap:12px;margin-top:12px;padding:14px;display:grid}.tournament-progress>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.progress-track{background:#e4eef7;border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--cyan), var(--mint));border-radius:inherit;height:100%;display:block}.match-preview-list,.bot-command-list{gap:10px;display:grid}.match-preview-list{margin-top:12px}.match-preview-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.match-preview-row div{gap:5px;min-width:0;display:grid}.landing-feature-grid{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);align-items:start;gap:18px;margin-top:18px;display:grid}.bot-cta>.muted{margin:0 0 18px;line-height:1.6}.bot-cta .section-heading>svg{color:var(--mint)}.bot-command-list div{background:#f8fbff;border:1px solid #17203314;border-radius:8px;grid-template-columns:auto minmax(120px,.5fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.bot-command-list svg{color:var(--cyan)}.bot-command-list span{color:#205075;font-weight:900}.compact-actions{margin-top:18px}.landing-leaderboard-row{grid-template-columns:54px minmax(0,1fr) auto minmax(108px,auto)}.rank-movement{text-align:center;white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.rank-movement.up{color:#137658;background:#e8fbf5}.rank-movement.down{color:#9b3030;background:#fff0f0}.rank-movement.neutral{color:#205075;background:#eef7ff}.landing-state-section{margin-top:18px}.landing-state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.state-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid;box-shadow:0 18px 44px #31528212}.state-panel>svg:first-child{box-sizing:content-box;color:var(--cyan);background:#eef7ff;border-radius:8px;padding:9px}.state-panel.offline>svg:first-child{color:var(--coral);background:#fff0f0}.state-panel h3{margin:10px 0 6px}.state-panel p{color:var(--muted);margin:0;line-height:1.5}.state-panel>svg:last-child{color:#1720332e}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{scrollbar-width:none;gap:8px;margin-top:18px;padding-bottom:3px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;flex:none}.dashboard-grid,.stat-grid,.metric-grid,.content-grid,.settings-grid,.toolbar-panel,.format-grid,.form-grid,.guild-matrix,.login-grid{grid-template-columns:1fr}.page-header,.topbar,.shell-topbar{flex-direction:column;align-items:stretch}.header-actions,.header-actions .button{width:100%}.header-actions .button{justify-content:center}.event-row,.table-row,.leaderboard-row,.setup-step,.feed-item{grid-template-columns:1fr;align-items:start}.event-meta{text-align:left}.button-grid{grid-template-columns:1fr}.sse-status,.segmented,.auth-status,.topbar-actions .inline-actions{width:100%}.topbar-actions,.topbar-actions .button,.topbar-actions .inline-actions .button{justify-content:center;width:100%}.auth-user,.segmented button{flex:1}.scope-selector{justify-items:stretch}.scope-selector .helper-text{text-align:left;max-width:none}.landing-hero-grid,.landing-feature-grid,.landing-state-grid{grid-template-columns:1fr}.landing-nav{flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.community-pulse,.preview-scoreboard{grid-template-columns:1fr}.bot-command-list div,.match-preview-row,.action-choice-grid{grid-template-columns:1fr;align-items:start}}@media (max-width:560px){.main,.sidebar{padding:18px}.nav{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.page-title{font-size:30px}.section-heading{flex-direction:column;align-items:stretch}.bracket-board{grid-template-columns:1fr}.landing-hero,.public-preview-card{padding:16px}.landing-actions .button{justify-content:center;width:100%}.tournament-progress>div:first-child,.state-panel{grid-template-columns:1fr;align-items:start}}