@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton.ttf) format("truetype")}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/archivo-800.ttf) format("truetype")}@font-face{font-family:Archivo Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-400.ttf) format("truetype")}:root{--lime: #c6ff3b;--gold: #f5c242;--ink: #06090f;--paper: #eaf0ff;--mute: #7c8aa5;--line: rgba(255, 255, 255, .08);--coral: #ff6b80;--ok: #4cd97b}*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:#04060b;color:var(--paper);font-family:Archivo,Archivo Narrow,sans-serif;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.stage::-webkit-scrollbar{display:none;width:0;height:0}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}@keyframes livePulse{50%{opacity:.25}}.stage{height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#080d18,#04060b)}.stage.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#04060bf0,#04060bb8 46%,#04060be6),url(/hero.jpg) center 30% / cover no-repeat;pointer-events:none}.boot-center{flex:1;display:grid;place-items:center;text-align:center;z-index:1}.boot-center h2{margin:8px 0 0;font-family:Anton,sans-serif;font-size:clamp(48px,10vw,96px);letter-spacing:.04em}.stage>*{position:relative}.topbar{height:46px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#06090f8c}.brand{display:flex;align-items:center;gap:10px}.mark{width:22px;height:22px;border-radius:5px;background:var(--lime);color:var(--ink);font-family:Anton,sans-serif;font-size:13px;display:grid;place-items:center}.word{font-family:Anton,sans-serif;font-size:15px;letter-spacing:.1em}.season{font-size:11px;font-weight:800;letter-spacing:.18em;color:#6e7c95}.live{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--lime)}.reset-top{padding:6px 12px;font-size:13px;clip-path:none}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:livePulse 1.8s infinite}.main{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,min(320px,36%))}@media(max-width:820px){.main{grid-template-columns:1fr}.rail{display:none}.join-copy h2{font-size:58px!important}.cta-row{flex-direction:column}.cta{width:100%}.club-grid,.squad-grid{grid-template-columns:1fr 1fr!important}.score-hero,.ko-grid{grid-template-columns:1fr!important}.tbl{grid-template-columns:28px minmax(0,1fr) 36px 44px!important}.tbl .hide-m{display:none}.dir-bar{flex-wrap:wrap;height:auto;padding:10px 14px}}.join-copy{padding:28px 24px;display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:0}.kicker{font-size:12px;font-weight:800;letter-spacing:.3em;color:var(--lime)}.join-copy h2{margin:0;font-family:Anton,sans-serif;font-size:clamp(48px,9vw,104px);line-height:.86;text-transform:uppercase}.stats{display:flex;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.stats div{padding:12px 18px 12px 0;border-right:1px solid rgba(255,255,255,.12)}.stats div:last-child{border:0;padding-right:0}.stats small{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;color:#6e7c95}.stats b{font-family:Anton,sans-serif;font-size:26px;font-weight:400}.cta-row{display:flex;gap:12px;align-items:center}.cta{border:none;padding:16px 34px;border-radius:6px;background:var(--lime);color:var(--ink);font-family:Anton,sans-serif;font-size:22px;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 12px 30px #c6ff3b47}.ghost{padding:16px 28px;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.18);color:#b7c3d8;font-family:Anton,sans-serif;font-size:18px;letter-spacing:.06em;text-transform:uppercase}.ghost.danger{border-color:#ff6b8073;color:#ff6b80}.prize{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:linear-gradient(90deg,#f5c24229,#f5c24200);border-left:3px solid var(--gold);max-width:520px}.prize b{font-family:Anton,sans-serif;color:var(--gold);letter-spacing:.08em}.prize span{font-size:13px;font-weight:800;color:#f2e3bd;letter-spacing:.06em}.rail{border-left:1px solid var(--line);background:#06090f9e;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:0;min-width:0;overflow:hidden}.me{border-radius:10px;overflow:hidden;border:1px solid rgba(198,255,59,.35);background:linear-gradient(150deg,#c6ff3b24,#06090f66);padding:16px;display:flex;gap:14px;align-items:center}.av{width:76px;height:76px;flex:none;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.2);background:#141a26}.av.sm{width:30px;height:30px;border-radius:50%}.me h3{margin:0;font-family:Anton,sans-serif;font-size:24px;letter-spacing:.02em}.tag{display:inline-block;padding:3px 7px;border-radius:3px;background:var(--lime);color:var(--ink);font-size:9px;font-weight:800;letter-spacing:.14em}.sub{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mute)}.warn{color:#ff9f1c}.load{display:flex;flex-direction:column;gap:8px}.load-row{display:flex;justify-content:space-between;align-items:baseline}.track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,#c6ff3b,#8fe000)}.lobby-list{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06)}.row.out{background:#ffffff05;border-style:dashed;color:#5c6a82}.row b{flex:1;font-size:14px;font-weight:800}.st{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--lime)}.st.dim{color:#6e7c95}.club-head,.lobby-head,.tabs-head{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#06090f99;gap:12px}.club-head h1,.lobby-head h1{margin:0;font-family:Anton,sans-serif;font-size:22px;letter-spacing:.04em}.club-grid{flex:1;min-height:0;padding:14px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lg{display:flex;flex-direction:column;gap:8px;min-height:0}.lg-h{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;font-weight:800;letter-spacing:.18em;color:#a9b6cd}.lg-h i{width:4px;height:14px;display:block}.club{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:var(--paper);text-align:left}.club.on{background:linear-gradient(100deg,#c6ff3b2e,#ef010724);border-color:var(--lime)}.club.taken{opacity:.45}.club span{font-size:13px;font-weight:800}.shield{flex:none;width:38px;height:44px;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);display:flex;align-items:center;justify-content:center;font-family:Anton,sans-serif;font-size:13px;padding-bottom:8px;color:#fff}.shield.dk{color:#04060b}.foot-lock{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-top:1px solid var(--line);background:#06090fb8;gap:12px}.chips{display:flex;gap:6px;padding:10px 14px;flex:none;overflow:hidden}.chip{padding:7px 12px;border-radius:20px;background:#ffffff0f;color:#a9b6cd;font-size:10px;font-weight:800;letter-spacing:.1em;border:0}.chip.on{background:var(--lime);color:var(--ink)}.lobby-body{flex:1;min-height:0;display:grid;grid-template-columns:min(330px,34%) 1fr}@media(max-width:820px){.lobby-body{grid-template-columns:1fr}}.side{border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:14px}.fmt{padding:14px;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.fmt div{display:flex;justify-content:space-between}.fmt span{color:#96a3bc}.squad-wrap{padding:18px 22px;display:flex;flex-direction:column;gap:12px;min-height:0}.squad-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.slot{border-radius:10px;border:1px solid rgba(255,255,255,.08);padding:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;position:relative;overflow:hidden}.slot.filled{padding:0}.slot-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slot-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,6,11,.92) 100%)}.slot-logo{position:absolute;right:8px;bottom:8px;z-index:2}.slot-logo .crest{width:36px;height:36px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}.slot-meta{position:absolute;left:10px;right:48px;bottom:10px;z-index:2}.slot.open{border-style:dashed;align-items:center;justify-content:center;color:#5c6a82;background:#ffffff05}.slot strong{display:block;font-size:13px;font-weight:800}.slot em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.14em;color:#c9d3e4}.dir-bar{height:76px;flex:none;display:flex;align-items:center;gap:14px;padding:0 22px;border-top:2px solid var(--lime);background:linear-gradient(90deg,#c6ff3b1f,#06090fe6 45%)}.tab{padding:10px 18px;border-radius:5px;background:transparent;border:0;font-family:Anton,sans-serif;font-size:15px;letter-spacing:.1em;color:#6e7c95}.tab.on{background:#c6ff3b24;border:1px solid rgba(198,255,59,.4);color:var(--lime)}.tab.gold.on{background:#f5c24224;border-color:#f5c24273;color:var(--gold)}.score-hero{border-radius:12px;overflow:hidden;border:1px solid rgba(198,255,59,.4);background:linear-gradient(120deg,#ef010733,#06090f99 45%,#0068a83d)}.score-grid{padding:22px 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.sc-box{width:72px;height:80px;border-radius:8px;border:2px solid var(--lime);background:#c6ff3b1a;font-family:Anton,sans-serif;font-size:48px;color:var(--paper);text-align:center}.sc-box.dim{border-color:#fff3;background:#ffffff0a}.fx{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.fx-side{display:flex;align-items:center;gap:8px;font-weight:800;min-width:0}.fx-side.right{justify-content:flex-end;text-align:right}.fx-side .av{width:22px;height:22px;border-radius:5px}.enter{border:1px solid rgba(198,255,59,.4);background:#c6ff3b29;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.12em;padding:8px 14px;border-radius:5px}.locked{color:var(--ok);font-size:11px;font-weight:800;letter-spacing:.12em}.tbl{display:grid;grid-template-columns:28px minmax(0,1fr) 40px 44px;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:700;gap:8px;overflow:hidden}.tbl.head{background:none;border:0;font-size:10px;font-weight:800;letter-spacing:.16em;color:#6e7c95;padding-bottom:4px}.tbl.top1{background:linear-gradient(90deg,#c6ff3b29,#ffffff08);border-color:#c6ff3b59}.tbl.cut{box-shadow:inset -3px 0 0 var(--lime)}.tbl.out{opacity:.6}.tbl-who{display:flex;align-items:center;gap:10px;min-width:0}.tbl-who .av{width:36px;height:36px;border-radius:8px;flex:none}.tbl-who b{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cutline{display:flex;align-items:center;gap:10px;color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.18em}.cutline i{height:1px;flex:1;background:repeating-linear-gradient(90deg,rgba(255,59,87,.5) 0 6px,transparent 6px 12px)}.gd-pos{color:var(--ok)}.gd-neg{color:var(--coral)}.ko-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;flex:1;min-height:0}.kocard{border-radius:9px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;overflow:hidden}.koline{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.koline.lose{opacity:.55;border:0}.koline.win b{color:var(--lime);font-family:Anton,sans-serif;font-size:17px}.gf{border:1px solid rgba(245,194,66,.5);background:linear-gradient(150deg,#f5c24229,#06090f66);border-radius:11px;padding:16px}.champ{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:20px}.champ h2{margin:0;font-family:Anton,sans-serif;font-size:clamp(48px,10vw,96px);line-height:.85;text-transform:uppercase;background:linear-gradient(180deg,#fff3d2,#f5c242 60%,#b8842a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.toast{position:absolute;left:18px;right:18px;bottom:90px;color:#ffb4a8;font-size:13px;font-weight:800}.preview{position:absolute;top:50px;right:12px;z-index:2}.preview input{background:transparent;border:0;border-bottom:1px solid var(--mute);color:var(--paper);width:120px}.empty{color:var(--mute);font-size:13px}.pad{padding:16px 22px;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}.list::-webkit-scrollbar{display:none}.crest{object-fit:contain;background:transparent;flex:none;display:block}