@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf0fd;background:#080d1b;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}::selection{background:#7e69db55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(34px,4vw,50px);line-height:1.09;margin-bottom:13px}h1 em{font-style:normal;color:#73cbef}h2{font-size:21px}h3{font-size:18px}.muted{color:#939fb7}.small{font-size:13px}.tiny{font-size:11px}.center-loader{display:flex;align-items:center;justify-content:center;gap:10px;color:#aab6ca;padding:44px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{height:100vh;display:grid;place-content:center}.logo-big{font-family:Space Grotesk;font-weight:800;font-size:46px;letter-spacing:.06em;text-align:center}.logo-big span{color:#72c8ef}.app-shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;width:265px;flex:0 0 265px;height:100vh;background:#0b1121;border-right:1px solid #1e2a42;padding:29px 19px;display:flex;flex-direction:column;gap:34px}.brand{display:flex;align-items:center;gap:12px;font-family:Space Grotesk;font-size:15px;font-weight:700;letter-spacing:.015em}.brand b{color:#8ed9fb}.brand small{display:block;font-family:DM Sans;font-weight:600;font-size:8px;letter-spacing:.11em;color:#66748c;margin-top:3px}.brand-mark{display:grid;place-items:center;min-width:43px;height:43px;border:1px solid #42739b;border-radius:12px;color:#8ad7f7;background:linear-gradient(145deg,#302847,#131b29)}.nav-caption,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#87cfff;text-transform:uppercase}.nav-caption{color:#566480;margin:8px 12px -24px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;color:#8997b2;font-size:14px;font-weight:600;transition:.15s}.sidebar nav a:hover{color:#fff;background:#161e34}.sidebar nav a.active{background:#202b44;color:#e3f7ff;border:1px solid #384a68}.sidebar-bottom{margin-top:auto;display:grid;gap:20px}.sidebar-tip{border:1px solid #2c3550;background:linear-gradient(150deg,#22213a,#131a2a);border-radius:13px;padding:17px;color:#a0ddfa}.sidebar-tip strong{display:block;font-size:11px;letter-spacing:.1em;margin:12px 0 6px}.sidebar-tip p{margin:0;font-size:12px;line-height:1.65;color:#a4aec5}.user-strip{display:flex;align-items:center;gap:10px;padding-top:13px;border-top:1px solid #243049}.user-strip strong{display:block;font-size:13px}.user-strip small{display:block;color:#8b96ad;font-size:11px;margin-top:3px}.user-strip button{margin-left:auto;border:0;background:none;color:#9ba8c3}.avatar{background:#34334d;color:#d7f3ff;border:1px solid #5b5070;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none;width:39px;height:39px}.main{flex:1;min-width:0;background:radial-gradient(ellipse at 95% 0%,#1a1b35 0,#0a0f1e 35%,#080d1b 78%)}.page{max-width:1320px;margin:0 auto;padding:44px 48px 80px}.page-header{margin-bottom:30px}.page-header .eyebrow{margin-bottom:15px}.page-header p{color:#a7b3c8}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(112deg,#252a4ce0,#161d30bd);border:1px solid #364058;min-height:220px;border-radius:19px;padding:36px 39px;overflow:hidden;position:relative}.hero p{max-width:450px;margin:0}.hero-art{display:grid;place-items:center;width:176px;height:176px;border:1px solid #557dd566;border-radius:50%;color:#7acef8;background:radial-gradient(circle,#53456060,#1b233566);box-shadow:0 0 0 18px #61c3ff15,0 0 0 48px #61c3ff09;transform:rotate(-13deg)}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.tile{padding:23px;border-radius:13px;border:1px solid #2a3450;background:#111a2d;display:flex;gap:17px;align-items:center}.tile-icon,.feature-icon{display:grid;place-items:center;border-radius:12px;background:#302a3b;color:#9cdeff;width:44px;height:44px;flex:none}.tile strong{display:block;margin-top:4px;font-size:30px;font-family:Space Grotesk}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashboard-actions{margin-bottom:35px}.panel{background:#10192c;border:1px solid #2b3955;border-radius:15px;padding:25px;min-width:0}.action-panel{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.action-panel h2{margin:10px 0 0}.action-panel p{max-width:340px;font-size:14px;line-height:1.7;margin:0 0 7px;flex:1}.feature-icon{width:48px;height:48px}.feature-icon.purple{background:#302945;color:#b1a1ff}.btn{appearance:none;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;min-height:43px;font-size:13px;font-weight:800;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:#568fe2;color:#151822}.btn.primary:hover:not(:disabled){background:#73b2fa}.btn.outline{background:#1a2439;border-color:#3d4b68;color:#d7e0ee}.btn.outline:hover:not(:disabled){background:#273653}.btn.ghost{background:transparent;color:#b3c1d9}.btn.danger{background:#703339;color:#fff}.stack{display:grid;gap:15px}.gap-lg{gap:19px}.separated{border-top:1px solid #34415c;width:100%;padding-top:20px;margin-top:10px}.join-form{display:flex;gap:9px;width:100%}.join-form input{flex:1;min-width:50px;letter-spacing:.1em}.join-form .btn{flex:none}label{display:grid;gap:8px;font-weight:700;font-size:12px;color:#c8d3e4}input,select{background:#0c1425;border:1px solid #35425d;color:#f2f5ff;border-radius:9px;padding:12px 14px;width:100%;outline:none;min-height:44px}input:focus,select:focus{border-color:#82c9fa;box-shadow:0 0 0 3px #82c9fa1a}input::placeholder{color:#687993}.section{margin:33px 0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-header h2{display:flex;align-items:center;gap:10px;margin:0}.text-link{font-size:13px;font-weight:700;color:#76ccfa;display:inline-flex;align-items:center;gap:4px}.text-link:hover{color:#c4efff}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lobby-card{background:#111b2f;border:1px solid #2d3953;border-radius:13px;padding:22px;transition:.18s}.lobby-card:hover{border-color:#74b8de;transform:translateY(-3px);background:#1a2238}.lobby-card h3{margin:20px 0 6px}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}.mini-icon{border:1px solid #315678;border-radius:10px;padding:9px;display:grid;place-items:center;color:#8cd8fc}.card-bottom{border-top:1px solid #2b3950;margin-top:21px;padding-top:14px;font-size:12px;color:#8fa0b8;gap:9px}.card-bottom span{display:flex;align-items:center;gap:5px}.card-bottom svg:last-child{margin-left:auto;color:#84d1fc}.badge{border:1px solid #455069;background:#222b3f;color:#bbc8df;padding:5px 10px;border-radius:40px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge.good{background:#143c35;color:#80e7c1;border-color:#266657}.badge.warning{background:#302f53;color:#c6b8ff;border-color:#6656a4}.badge.blue{background:#252d53;color:#bac6ff;border-color:#455995}.count-pill{font-family:DM Sans;font-weight:700;border-radius:7px;background:#283348;padding:3px 7px;font-size:12px;color:#a6b7d0}.empty{border:1px dashed #35445e;border-radius:13px;color:#7589a5;display:grid;justify-items:center;padding:45px 15px;gap:7px}.empty p{font-weight:800;color:#bcc8da;margin:8px 0 0}.empty span{font-size:13px}.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;background:#47212b;border:1px solid #834659;color:#ffbdc4;border-radius:10px;font-size:13px;margin:13px 0}.success-note{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:9px;color:#a5f0ce;background:#153d35;border:1px solid #327a61;font-size:13px}.form-hint{font-size:12px;color:#8897ad;margin-top:20px;text-align:center}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.07fr 1fr;background:#0a1020}.auth-art{background:linear-gradient(150deg,#242a4f,#0d1425 85%);position:relative;min-height:650px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:7vw 5.5vw;border-right:1px solid #31405b}.art-orbit{position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid #7ac9e633;left:46%;top:8%;box-shadow:0 0 0 100px #75cdf608}.art-orbit-2{width:360px;height:360px;left:59%;top:20%;box-shadow:none}.art-core{position:absolute;top:24%;left:71%;color:#a5dffe;transform:rotate(-15deg);filter:drop-shadow(0 0 40px #60b3e888)}.art-content{position:relative;max-width:510px}.art-content h1{font-size:clamp(49px,5vw,80px);margin:23px 0}.art-content h1 span{color:#9bdffc}.art-content p{color:#a6b5d1;line-height:1.8;font-size:16px;max-width:420px}.art-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.art-chips span{font-size:9px;letter-spacing:.09em;border:1px solid #6e6574;color:#b6c9ef;border-radius:30px;padding:8px 10px;font-weight:700}.auth-panel{display:grid;place-items:center;padding:40px 24px}.auth-inner{width:100%;max-width:390px}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:40px;font-family:Space Grotesk;font-size:18px;letter-spacing:.02em}.auth-inner h2{font-size:30px;margin:28px 0 7px}.auth-inner>p{line-height:1.65}.auth-inner form{margin-top:25px}.auth-inner form .btn{width:100%;justify-content:center}.auth-footer{font-size:11px;margin-top:45px;color:#657188}.max-600{max-width:620px}.user-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #25334c;padding:10px 0}.user-row:last-child{border:0}.user-row>div:nth-child(2){flex:1;min-width:0}.user-row .badge{margin-left:auto}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.lobby-head .back{margin-bottom:18px}.header-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#98a8c1;font-size:13px}.header-meta>span:not(.badge){display:flex;gap:7px;align-items:center}.code-card{background:#151f33;border:1px solid #526083;border-radius:12px;padding:15px 18px;min-width:185px;display:grid;grid-template-columns:1fr auto;gap:6px}.code-card>span{font-weight:800;color:#7e8aa3;font-size:10px;letter-spacing:.12em;grid-column:span 2}.code-card strong{font-family:Space Grotesk;font-size:23px;letter-spacing:.16em;color:#90d4ff}.code-card button{border:0;background:transparent;color:#c1ccdc}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.player-card{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:17px 15px;background:#121d30;border:1px solid #35405a;border-radius:12px;overflow:hidden}.player-avatar{height:48px;width:48px;flex:none;display:grid;place-items:center;background:#353049;border-radius:10px;color:#8ed9fc;font-family:Space Grotesk;font-weight:700;border:1px solid #64516e}.player-info{min-width:0}.player-info strong{display:block;font-size:14px;white-space:nowrap}.player-info>span{display:block;font-size:11px;color:#a4b0c5;margin:3px 0 7px}.tagline{color:#8b98af;margin-left:2px;font-size:11px;font-weight:500}.host-ribbon{position:absolute;right:0;top:0;background:#3e3750;color:#a1dcfa;font-size:8px;letter-spacing:.04em;font-weight:800;padding:4px 8px}.remove-icon{position:absolute;top:4px;right:7px;background:none;border:0;color:#b6a6ab;font-size:19px}.guest-form{margin-top:15px}.section-cta{background:linear-gradient(110deg,#25233b,#161e30);border:1px solid #524d5f;padding:18px 23px;border-radius:13px;margin-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.section-cta p{margin:0}.section-cta strong{display:block;font-size:15px}.section-cta span{display:block;font-size:12px;color:#9baac1;margin-top:5px}.finish-cta{border-color:#4b6a96}.match-stack{gap:16px}.match-panel{padding:24px}.match-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.match-heading h3{margin:7px 0 0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px}.team-box{background:#0c1425;border:1px solid #2a3550;border-radius:10px;padding:15px}.team-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293651;padding-bottom:10px;margin-bottom:13px}.team-head strong{font-size:11px;color:#9adafa;letter-spacing:.1em}.team-player{display:flex;align-items:center;gap:9px;font-size:13px;margin:9px 0;color:#c6d0e5}.dot{height:7px;width:7px;background:#7b85a8;border-radius:50%}.open-slots{color:#958e9d;font-size:11px;border:1px dashed #55476c;border-radius:7px;padding:8px;margin-top:9px;display:flex;gap:7px;align-items:center}.match-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;border-top:1px solid #2c3952;padding-top:17px}.button-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.table-wrap{overflow:auto;padding:0}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}.table-wrap th{padding:17px 18px;color:#8797b0;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #34405b}.table-wrap td{padding:18px;border-bottom:1px solid #25334b;font-size:13px;color:#c0cce0}.table-wrap tbody tr:last-child td{border:0}.table-wrap .winner-row{background:#283a6655}.table-wrap .winner-row strong{color:#d6f5ff}.gold{color:#90daff}.winner-banner{display:flex;align-items:center;gap:24px;background:linear-gradient(100deg,#263d63,#282637 65%,#161f34);border:1px solid #48669e;border-radius:17px;padding:29px;margin-bottom:30px}.winner-icon{border-radius:50%;background:#6dbfea24;color:#b5e7ff;border:1px solid #4a85b7;padding:19px}.winner-banner h2{font-size:35px;margin:8px 0 6px;color:#e4f7ff}.winner-banner p{margin:0;font-size:13px;color:#becce0}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#01040bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px}.modal{width:min(100%,680px);max-height:94vh;overflow:auto;background:#131d31;border:1px solid #55627b;border-radius:16px;padding:27px;box-shadow:0 30px 90px #0008}.modal-title{display:flex;align-items:flex-start;justify-content:space-between}.modal-title h2{margin:10px 0}.modal>p{font-size:13px;line-height:1.6;margin-bottom:21px}.close{background:#252c40;color:#e5e9f4;border:0;border-radius:8px;font-size:24px;width:33px;height:33px;display:grid;place-items:center}.placement-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #33435d;border-radius:9px;padding:11px 14px}.placement-row strong{display:block;font-size:14px}.placement-row small{display:block;font-size:12px;color:#96a6bf;margin-top:4px}.placement-row select{width:125px;flex:none}.detail-toggle{background:transparent;border:0;padding:6px;color:#a8dcff;display:flex;align-items:center;gap:8px;text-align:left;font-size:12px;font-weight:700}.stats-list{max-height:220px;overflow:auto}.stats-row{display:grid;grid-template-columns:minmax(90px,1.2fr) repeat(4,1fr);gap:8px;align-items:end;padding:9px;border-bottom:1px solid #28354c}.stats-row>strong{font-size:12px;margin-bottom:13px}.stats-row label{text-transform:capitalize;color:#94a2b6;font-size:10px}.stats-row input{padding:7px;min-height:35px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.modal-actions .btn{flex:1}.auth-inner code{color:#a0dfff}@media(max-width:1150px){.sidebar{width:215px;flex-basis:215px}.page{padding:33px 27px}.lobby-grid,.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-footer{flex-wrap:wrap}}@media(max-width:800px){.app-shell{display:block;padding-bottom:66px}.sidebar{position:sticky;top:0;z-index:90;width:100%;height:auto;padding:12px 15px;display:flex;flex-direction:row;align-items:center;gap:10px}.sidebar .brand{font-size:12px}.sidebar .brand small,.sidebar .nav-caption,.sidebar .sidebar-tip{display:none}.sidebar nav{display:flex;flex:1;justify-content:end;gap:2px}.sidebar nav a{padding:10px}.sidebar nav a svg{width:18px}.sidebar nav a:not(.active){color:#7c8aa1}.sidebar nav a{font-size:0}.sidebar nav a svg{font-size:initial}.sidebar-bottom{margin:0}.user-strip{border:0;padding:0}.user-strip .avatar,.user-strip div:nth-child(2){display:none}.page{padding:26px 18px}.hero-art{display:none}.tile-grid{grid-template-columns:repeat(3,1fr)}.tile{padding:13px;gap:8px}.tile strong{font-size:23px}.tile-icon{width:34px;height:34px}.tile-icon svg{width:16px}.auth-layout{display:block}.auth-art{min-height:220px;padding:35px;justify-content:center}.art-orbit,.art-core,.art-chips{display:none}.art-content h1{font-size:36px;margin:10px 0}.art-content p{font-size:13px}.auth-panel{min-height:60vh}.auth-brand{margin-bottom:20px}}@media(max-width:620px){h1{font-size:34px}.hero{padding:22px}.hero p{font-size:13px}.grid-two,.grid-three,.lobby-grid,.player-grid,.tile-grid{grid-template-columns:1fr}.tile-grid{gap:9px}.tile{padding:10px}.tile strong{font-size:21px}.tile-grid .tile{flex-direction:row}.lobby-head{align-items:flex-start;flex-direction:column}.code-card{width:100%}.section-header{flex-wrap:wrap}.section-cta,.match-footer{align-items:stretch;flex-direction:column}.section-cta .btn,.match-footer .btn{width:100%}.button-row{display:grid}.teams-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(4,1fr)}.stats-row>strong{grid-column:span 4}.modal{padding:20px}.placement-row select{width:110px}.winner-banner{padding:19px}.winner-banner h2{font-size:24px}}:root{color-scheme:dark;--bg:#090f1d;--surface:#101b30;--elevated:#16243c;--sidebar:#0b1528;--input:#0c182e;--stroke:#2a3b5a;--text:#eff6ff;--secondary:#a0b2cf;--subtle:#748ba9;--accent:#78d4f7;--accent-strong:#558cef;--accent-ink:#07182b;--glow:rgba(64,135,221,.16);--shadow:0 20px 50px rgba(0,0,0,.18);--hero:linear-gradient(115deg,#202f53 0%,#151f39 52%,#151c2f 100%);--auth-art:linear-gradient(135deg,#1c2a54,#111a33 65%,#0a162e);--overlay:rgba(5,10,22,.76)}html[data-theme=light]{color-scheme:light;--bg:#f3f6fc;--surface:#ffffff;--elevated:#eef3fb;--sidebar:#e9f0fa;--input:#f8faff;--stroke:#d5e0f0;--text:#182a46;--secondary:#4f6483;--subtle:#6b7e99;--accent:#277dbb;--accent-strong:#3368cd;--accent-ink:#ffffff;--glow:rgba(77,117,201,.12);--shadow:0 16px 46px rgba(44,69,117,.08);--hero:linear-gradient(115deg,#dfeafa,#e9efff 54%,#f6f9fe);--auth-art:linear-gradient(125deg,#e0eaff,#c9dcf8 65%,#e8f1fc);--overlay:rgba(17,34,61,.55)}html,body{background:var(--bg);color:var(--text)}body{font-family:DM Sans,sans-serif}h1,h2,h3{font-weight:700}h1 em,.brand b,.eyebrow,.text-link,.gold,.logo-big span,.team-head strong{color:var(--accent)}.muted,.page-header p,.header-meta,.small.muted,.form-hint{color:var(--secondary)}.sidebar{background:var(--sidebar);border-color:var(--stroke)}.sidebar nav a{color:var(--secondary);border:1px solid transparent}.sidebar nav a:hover{color:var(--text);background:var(--elevated)}.sidebar nav a.active{color:var(--accent);background:var(--elevated);border-color:var(--stroke)}.sidebar .brand small,.nav-caption{color:var(--subtle)}.sidebar-tip{background:var(--elevated);color:var(--accent);border-color:var(--stroke)}.sidebar-tip p,.user-strip small{color:var(--secondary)}.user-strip{border-color:var(--stroke)}.brand-mark,.mini-icon{background:linear-gradient(145deg,var(--elevated),var(--surface));color:var(--accent);border-color:var(--stroke)}.main{background:radial-gradient(ellipse at 80% 0%,var(--glow),transparent 58%),var(--bg)}.hero{background:var(--hero);border-color:var(--stroke);box-shadow:var(--shadow)}.hero-art{border-color:var(--stroke);color:var(--accent);background:radial-gradient(circle,var(--glow),transparent 65%);box-shadow:0 0 0 22px var(--glow),0 0 0 50px color-mix(in srgb,var(--glow),transparent 60%)}.tile,.panel,.lobby-card,.player-card,.match-panel,.team-box,.code-card,.placement-row{background:var(--surface);color:var(--text);border-color:var(--stroke);box-shadow:var(--shadow)}.tile-icon,.feature-icon,.feature-icon.purple{background:var(--elevated);color:var(--accent)}.lobby-card:hover{border-color:var(--accent);background:var(--elevated)}.btn{border-radius:11px;letter-spacing:.01em}.btn.primary{background:linear-gradient(130deg,#4f83e6,#4774d5);color:#fff;box-shadow:0 7px 20px #3f71d630}.btn.primary:hover:not(:disabled){background:linear-gradient(130deg,#6197f1,#4c80df)}.btn.outline,.btn.ghost{background:var(--elevated);border-color:var(--stroke);color:var(--text)}.btn.outline:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:var(--glow)}.btn.danger{background:#8c3864;color:#fff}input,select{background:var(--input);color:var(--text);border-color:var(--stroke)}input::placeholder{color:var(--subtle)}input:focus,select:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--glow)}label{color:var(--secondary)}.badge,.count-pill{background:var(--elevated);border-color:var(--stroke);color:var(--secondary)}.badge.good{background:color-mix(in srgb,#35a58c 18%,var(--surface));color:var(--text);border-color:#3e9788}.badge.blue{background:color-mix(in srgb,#6484f1 20%,var(--surface));color:var(--accent);border-color:var(--stroke)}.badge.warning{background:color-mix(in srgb,#8060c6 20%,var(--surface));border-color:#7662b8;color:var(--text)}.empty{border-color:var(--stroke);color:var(--subtle)}.empty p{color:var(--text)}.section-cta,.sidebar-tip,.winner-banner{background:var(--hero);border-color:var(--stroke)}.winner-banner h2{color:var(--text)}.winner-banner p{color:var(--secondary)}.winner-icon{color:var(--accent);background:var(--glow);border-color:var(--stroke)}.table-wrap th{color:var(--subtle);border-color:var(--stroke)}.table-wrap td{color:var(--secondary);border-color:var(--stroke)}.table-wrap .winner-row{background:var(--glow)}.table-wrap .winner-row strong{color:var(--text)}.team-box{box-shadow:none;background:var(--input)}.team-head,.match-footer,.card-bottom,.separated{border-color:var(--stroke)}.team-player{color:var(--text)}.dot{background:var(--accent)}.player-info>span,.code-card>span{color:var(--secondary)}.modal{background:var(--surface);border-color:var(--stroke);box-shadow:0 30px 80px #0003}.modal-backdrop{background:var(--overlay)}.close{background:var(--elevated);color:var(--text)}.detail-toggle,.text-link:hover{color:var(--accent)}.auth-layout{background:var(--bg)}.auth-art{background:var(--auth-art);border-color:var(--stroke)}.art-content p{color:var(--secondary)}.art-content h1 span{color:var(--accent)}.art-orbit{border-color:var(--stroke);box-shadow:0 0 0 70px var(--glow)}.art-core{color:var(--accent);filter:drop-shadow(0 0 25px var(--glow))}.art-chips span{border-color:var(--stroke);color:var(--secondary)}.auth-footer{color:var(--subtle)}.auth-inner code{color:var(--accent)}.theme-toggle{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;padding:11px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--stroke);color:var(--text);font-size:12px;font-weight:700;transition:background .18s}.theme-toggle:hover{background:var(--elevated)}.theme-toggle svg{color:var(--accent)}.auth-theme{display:flex;justify-content:flex-end;margin-bottom:26px}.auth-theme .theme-toggle{width:auto;min-width:134px}.riot-avatar{display:inline-grid;place-items:center;overflow:hidden;border-radius:12px;width:52px;height:52px;flex:none;background:var(--elevated);border:1px solid var(--stroke);color:var(--accent);font-weight:800;font-size:15px}.riot-avatar img{width:100%;height:100%;object-fit:cover;display:block}.riot-avatar.small{width:34px;height:34px;border-radius:10px;font-size:11px}.riot-avatar.large{width:88px;height:88px;border-radius:18px;font-size:24px}.player-card{display:flex;align-items:center;gap:12px}.profile-preview{display:flex;align-items:center;gap:18px;padding:18px;margin:0 0 24px;border:1px solid var(--stroke);border-radius:16px;background:var(--elevated)}.profile-preview strong{font-size:18px;overflow-wrap:anywhere}.profile-preview p{margin:7px 0 0}.standings-player{display:flex;align-items:center;gap:11px}.standings-player>div{min-width:0}.team-player .riot-avatar{margin-right:2px}@media(max-width:800px){.sidebar .theme-toggle{width:auto;padding:9px}.sidebar .theme-toggle span{display:none}.sidebar nav a.active{border-color:var(--stroke)}}