@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)}}.session-award-section{margin-top:28px}.award-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.award-board{min-width:0;padding:22px}.award-board-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.award-board-heading h3{font-size:23px;margin:3px 0}.award-board-heading p{margin:0;line-height:1.5}.award-symbol{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;font-size:28px;color:var(--accent);background:var(--elevated);border:1px solid var(--stroke)}.award-standings-list{padding:0;margin:0;list-style:none}.award-standings-list li{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--stroke);font-size:13px}.award-standings-list li strong{min-width:0;flex:1;overflow-wrap:anywhere}.award-standings-list .riot-avatar,.award-standings-list .finale-avatar{width:33px;height:33px;border-radius:9px}.award-position{color:var(--subtle);font-weight:700;font-size:11px;min-width:22px}.award-score{color:var(--secondary);font-size:12px;white-space:nowrap}.award-leading strong,.award-leading svg{color:var(--accent)}.award-no-data{margin:0;line-height:1.6}.winner-banner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.winner-banner>.btn{margin-left:auto}.finale-overlay{position:fixed;inset:0;z-index:500;background:#030814e8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;place-items:center;padding:16px;color:#f3f7ff}.finale-stage{position:relative;width:min(1100px,100%);height:min(790px,calc(100dvh - 32px));min-height:490px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #335273;border-radius:25px;background:radial-gradient(ellipse at 50% -20%,#234b78 0%,transparent 45%),linear-gradient(140deg,#111c36,#0a1326 70%);box-shadow:0 30px 100px #000a;isolation:isolate}.finale-light{position:absolute;pointer-events:none;z-index:-1;width:50%;height:65%;filter:blur(90px);opacity:.34;border-radius:50%;background:#4358ae}.finale-light-left{left:-23%;top:22%}.finale-light-right{right:-20%;bottom:-25%;background:#2e91b4}.finale-top,.finale-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 29px}.finale-top{border-bottom:1px solid #ffffff13}.finale-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.11em}.finale-brand svg{color:#9dd8f5}.finale-brand-tag{color:#819abf;font-size:9px;letter-spacing:.16em;margin-left:13px}.finale-close{border:1px solid #ffffff26;background:#ffffff0d;color:#eef6ff;display:grid;place-items:center;width:38px;height:38px;border-radius:11px}.finale-close:hover,.finale-control:hover:not(:disabled){background:#ffffff1b}.finale-progress{display:flex;gap:5px;padding:0 29px}.finale-progress span{height:3px;border-radius:5px;flex:1;background:#ffffff20;transition:background .4s}.finale-progress span.active{background:#87c9ff}.finale-content{flex:1;min-height:0;overflow-y:auto;display:grid;place-items:center;padding:24px 36px}.finale-intro,.finale-podium-screen,.finale-award-screen,.finale-summary{text-align:center;width:100%;max-width:900px}.finale-enter{animation:finale-enter .65s cubic-bezier(.17,.72,.29,1) both}@keyframes finale-enter{0%{opacity:0;transform:translateY(23px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.finale-kicker{display:flex;align-items:center;justify-content:center;gap:9px;color:#a6d9ff;font-weight:800;font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}.finale-content h1{font-size:clamp(45px,6.4vw,82px);font-weight:800;line-height:1.02;letter-spacing:-.065em;color:#fff;margin:10px 0 20px}.finale-content h1 em{color:#8fcaff;font-style:normal}.finale-content p{color:#b7c8e3}.finale-insignia{display:inline-grid;place-items:center;width:105px;height:105px;border:1px solid #5989c6;border-radius:26px;color:#a4dafe;background:linear-gradient(135deg,#274a76,#152b51);box-shadow:0 0 90px #438eec48;margin-bottom:12px}.finale-intro-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px;margin-top:35px}.finale-intro-stats span{display:flex;flex-direction:column;color:#a9bedb;font-size:13px;gap:4px}.finale-intro-stats b{font-size:27px;color:#f4f8ff}.finale-subheading{font-size:15px;margin-top:-5px}.finale-podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;max-width:760px;margin:32px auto 0;min-height:295px}.finale-podium-slot{flex:1}.finale-podium-entry{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;opacity:0;transform:translateY(35px) scale(.9);transition:opacity .7s,transform .85s cubic-bezier(.16,.9,.2,1)}.finale-podium-entry.is-visible{opacity:1;transform:translateY(0) scale(1)}.finale-medal{color:#8dbae8;font-weight:800;font-size:12px;letter-spacing:.16em;margin-bottom:10px}.finale-avatar{width:41px;height:41px;border-radius:12px;display:inline-grid;place-items:center;overflow:hidden;background:#264b7a;border:1px solid #669bd6;flex:none;color:#fff;font-weight:800}.finale-avatar img{width:100%;height:100%;object-fit:cover}.finale-avatar-large{width:78px;height:78px;border-radius:20px;box-shadow:0 10px 35px #0004}.finale-podium-entry>strong{margin:13px 0 5px;font-size:clamp(13px,1.8vw,22px);white-space:normal;overflow-wrap:anywhere}.finale-podium-avg{color:#b3cce8;font-size:12px}.finale-podium-block{margin-top:16px;width:100%;height:95px;border-radius:14px 14px 0 0;border:1px solid #ffffff30;background:linear-gradient(160deg,#284770,#19304e);display:flex;align-items:flex-end;justify-content:center;padding-bottom:17px;font-size:12px;font-weight:700;color:#bbd4f1}.finale-podium-1 .finale-podium-block{height:160px;background:linear-gradient(160deg,#4276b2,#1a3c65);border-color:#6999c8}.finale-podium-3 .finale-podium-block{height:65px}.finale-podium-1 .finale-avatar{width:94px;height:94px;border-color:#a0c9f9}.finale-shared-winner{font-size:12px;margin-top:10px}.finale-award-symbol{width:104px;height:104px;display:grid;place-items:center;margin:8px auto 19px;border:1px solid #5080bd;border-radius:27px;background:linear-gradient(135deg,#254b7b,#142d4e);box-shadow:0 0 75px #4d8fda35;color:#a7d7ff;font-size:57px}.finale-award-winner{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin:23px 0}.finale-award-winner>strong{font-size:clamp(21px,3.2vw,36px);overflow-wrap:anywhere}.finale-award-value{color:#a8dfff;font-size:19px;font-weight:800}.finale-award-runners{max-width:580px;margin:10px auto 0;text-align:left}.finale-award-runners>div{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff19;padding:9px 12px;color:#a9bbd7;font-size:13px}.finale-award-runners>div span:nth-child(2){flex:1;color:#f4f8ff}.finale-award-runners .is-winner strong{color:#a6ddff}.finale-award-runners strong{color:#d4e1f4;white-space:nowrap}.finale-no-results{padding:27px 20px;color:#b6c8e2}.finale-recap{width:min(610px,100%);text-align:left;margin:32px auto;overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#ffffff09}.finale-recap-row{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #ffffff1c;color:#b9cde5}.finale-recap-row:last-child{border:0}.finale-recap-row>svg{color:#9edbff;width:19px;height:19px}.finale-recap-row span{flex:1}.finale-recap-row strong{color:#fff;text-align:right;overflow-wrap:anywhere}.finale-rewatch{margin:0 auto}.finale-bottom{border-top:1px solid #ffffff18}.finale-step-label{color:#97adcd;font-weight:700;letter-spacing:.1em;font-size:11px}.finale-actions{display:flex;gap:8px}.finale-control{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff2c;border-radius:10px;background:#ffffff0d;color:#f2f6ff;padding:10px 13px;font-size:12px;font-weight:700}.finale-control:disabled{opacity:.3;cursor:not-allowed}.finale-done{background:#3471b8;color:#fff}.finale-confetti{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.finale-confetti span{position:absolute;top:-20px;width:7px;height:11px;border-radius:2px;background:#7fcfff;opacity:0;animation:finale-confetti 4.7s linear infinite}.finale-confetti span:nth-child(3n){background:#9d8adf;width:9px;height:7px}.finale-confetti span:nth-child(4n){background:#e1f2ff}@keyframes finale-confetti{0%{opacity:0;transform:translateY(-20px) rotate(0)}12%{opacity:.55}82%{opacity:.55}to{opacity:0;transform:translate(75px,900px) rotate(690deg)}}@media(max-width:1050px){.award-board-grid{grid-template-columns:1fr}.award-board{padding:20px}}@media(max-width:650px){.finale-overlay{padding:0}.finale-stage{border:0;border-radius:0;width:100%;height:100dvh;min-height:0}.finale-top,.finale-bottom{padding:15px}.finale-brand-tag{display:none}.finale-progress{padding:0 15px}.finale-content{padding:18px 13px}.finale-content h1{font-size:clamp(38px,12vw,65px)}.finale-podium{gap:7px;margin:29px auto 0;min-height:240px}.finale-podium-entry>strong{font-size:12px}.finale-avatar-large{width:55px;height:55px;border-radius:15px}.finale-podium-1 .finale-avatar{width:68px;height:68px}.finale-podium-avg{font-size:9px}.finale-podium-block{font-size:10px;height:70px}.finale-podium-1 .finale-podium-block{height:115px}.finale-podium-3 .finale-podium-block{height:46px}.finale-step-label{display:none}.finale-actions{justify-content:center;flex:1;flex-wrap:wrap}.finale-control{padding:9px;font-size:11px}.finale-award-runners>div{padding:8px}.finale-recap-row{gap:9px;padding:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.finale-enter,.finale-confetti span{animation:none!important}.finale-confetti{display:none}.finale-podium-entry{transition:none;transform:none}.finale-podium-entry.is-visible{opacity:1}.finale-progress span{transition:none}}.award-backpack .award-symbol{color:var(--accent);background:linear-gradient(135deg,var(--elevated),var(--glow))}.finale-award-backpack .finale-award-symbol{color:#a6d8ff;background:linear-gradient(145deg,#315a97,#28255f);box-shadow:0 0 0 10px #5b91da14,0 0 80px #7d71e94d;animation:backpack-drop 1.3s cubic-bezier(.2,1.3,.4,1) both,backpack-sway 2.8s ease-in-out 1.3s infinite}.finale-award-backpack .finale-award-winner{animation:backpack-award-entrance .85s .45s both}@keyframes backpack-drop{0%{transform:translateY(-180px) rotate(-28deg) scale(.45);opacity:0}60%{transform:translateY(17px) rotate(9deg) scale(1.12);opacity:1}78%{transform:translateY(-10px) rotate(-4deg) scale(.98)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@keyframes backpack-sway{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-7px)}}@keyframes backpack-award-entrance{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.finale-award-backpack .finale-award-symbol,.finale-award-backpack .finale-award-winner{animation:none!important}}
