*{box-sizing:border-box}body,html{margin:0;background:#070b18;color:#f6f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr;background:radial-gradient(circle at 80% 0,#101f55 0,transparent 30%),#070b18}aside{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid #ffffff12;background:#090d1ce8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column}.logo,aside{display:flex}.logo{align-items:center;gap:11px;padding:0 8px 24px}.ball,.logo .ball{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0 5%,#66c7ff 8%,#4053d8 55%,#1a1748 100%);box-shadow:0 0 30px #4964ff70;font-size:18px}.logo b{font-size:22px}.logo b,.logo span{letter-spacing:.08em}.logo span{display:block;color:#7f8bab;font-size:11px}nav{display:grid;grid-gap:7px;gap:7px}nav button{border:0;background:transparent;color:#929db9;padding:11px 12px;border-radius:12px;text-align:left;display:flex;gap:11px;align-items:center;font-weight:650}nav button i{font-style:normal;width:22px;text-align:center}nav button.on,nav button:hover{background:linear-gradient(90deg,#4964ff25,#4964ff0a);color:#fff;box-shadow:inset 3px 0 #6e7cff}.me{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:13px 10px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px}.me b,.me span{display:block}.me span{font-size:11px;color:#818da9;margin-top:3px}.me>button{background:none;border:0;color:#8290ad}.avatar{border-radius:50%;object-fit:cover;border:2px solid #ffffff1c}.avatar.generated{display:grid;place-items:center;font-weight:900;font-size:18px;border:2px solid #ffffff25}main{padding:34px 42px 60px;max-width:1450px;width:100%}.head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:26px}.auth em,.head em,.hero em,.modalhead em,.pick em{font-style:normal;color:#6f86ff;font-size:11px;font-weight:850;letter-spacing:.12em}.head h1{font-size:34px;margin:7px 0 6px;letter-spacing:-.03em}.head p,.hero p,.pick p{margin:0;color:#8f9ab5}.badge{padding:10px 13px;border-radius:999px;border:1px solid #6d7cff35;background:#5b69ff12;color:#bec6ff;font-size:12px}.hero{min-height:225px;border-radius:25px;padding:31px 34px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#18265e,#12183b 50%,#21154a);border:1px solid #7c8cff22;box-shadow:0 24px 70px #0005;margin-bottom:22px;overflow:hidden;position:relative}.hero:after{content:"★";position:absolute;right:100px;font-size:230px;color:#ffffff05;transform:rotate(18deg)}.hero h2{font-size:28px;margin:8px 0}.primary{border:0;background:linear-gradient(135deg,#6677ff,#795af6);color:white;padding:12px 18px;border-radius:12px;font-weight:800;box-shadow:0 9px 30px #5d60ff3d}.hero .primary{margin-top:22px}.count{width:150px;height:150px;border-radius:50%;border:1px solid #8390ff36;background:#ffffff08;display:grid;place-content:center;text-align:center;z-index:1}.count b{font-size:46px}.count span{color:#9ba5bf;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:0 0 22px}.friend,.panel,.pick,.stat{background:#0e1428;border:1px solid #ffffff0d;border-radius:18px}.stat{padding:20px}.stat span{display:block;color:#8490ad;font-size:12px}.stat b{display:block;font-size:26px;margin-top:8px}.panel{padding:22px;margin-bottom:20px}.panel>h3{margin:0 0 16px;font-size:17px}.boardrow{display:grid;grid-template-columns:28px 42px 1fr auto;align-items:center;grid-gap:11px;gap:11px;padding:11px 7px;border-top:1px solid #ffffff09}.boardrow:first-child{border-top:0}.rk{color:#8490ad;text-align:center}.boardrow .grow b,.boardrow .grow span{display:block}.boardrow .grow span{color:#77849f;font-size:11px;margin-top:4px}.boardrow strong{font-size:18px}.boardrow strong small{color:#7d89a5;font-size:10px}.matches{display:grid;grid-gap:9px;gap:9px}.match{display:grid;grid-template-columns:1fr 135px 1fr;grid-gap:12px;gap:12px;padding:14px 16px;background:#0a1021;border-radius:15px;border:1px solid #ffffff09;position:relative}.match,.tm{align-items:center}.tm{display:flex;gap:10px}.tm.away{justify-content:flex-end}.club img,.tm img{width:34px;height:34px;object-fit:contain}.score{display:flex;align-items:center;justify-content:center;gap:8px}.score input{width:48px;height:44px;text-align:center;border-radius:10px;border:1px solid #ffffff16;background:#111a34;color:#fff;font-weight:900;font-size:17px}.score input:disabled{opacity:.5}.match>small{position:absolute;left:16px;bottom:5px;color:#65718d;font-size:9px}.save{margin-top:18px;float:right}.empty{padding:30px;text-align:center;color:#76819c}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.pick{text-align:left;padding:20px;color:#fff;background:linear-gradient(145deg,#10172d,#0d1224);transition:.2s}.pick:hover{transform:translateY(-2px);border-color:#6474ff66}.pick h3{margin:9px 0;font-size:17px}.pick p{min-height:38px;font-size:12px}.pick>span{display:block;margin-top:17px;color:#abb5d2;font-size:12px;font-weight:750}.modal{position:fixed;inset:0;background:#030611dd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:50;padding:20px}.box{width:min(680px,100%);max-height:82vh;background:#0e1428;border:1px solid #ffffff18;border-radius:22px;padding:21px;display:flex;flex-direction:column}.modalhead{display:flex;justify-content:space-between}.modalhead h2{margin:5px 0 14px}.modalhead button{background:none;border:0;color:#fff;font-size:30px}.search,label input{width:100%;border:1px solid #ffffff14;background:#0a1021;color:#fff;padding:12px 13px;border-radius:11px;outline:none}.options{display:grid;grid-gap:6px;gap:6px;overflow:auto;margin-top:10px}.options button{display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:11px;gap:11px;border:1px solid #ffffff09;background:#0a1021;color:#fff;padding:9px;border-radius:12px;text-align:left}.options button.selected{border-color:#6878ff;background:#6574ff16}.fallback,.options img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff0}.fallback{display:grid;place-items:center;background:#263159}.options small{display:block;color:#7e8ba8;margin-top:3px}.table,.tr{display:grid}.tr{grid-template-columns:45px 1fr 60px 70px 60px;align-items:center;min-height:48px;border-top:1px solid #ffffff09}.tr.th{font-size:10px;color:#74809c;border-top:0}.club{display:flex;gap:10px;align-items:center}.club img{width:27px;height:27px}.friends{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.friend{padding:20px;display:flex;align-items:center;gap:15px}.friend em{color:#6f80ff;font-style:normal;font-weight:900}.friend h3{margin:2px 0}.friend p,.friend span{margin:0;color:#7f8aa5;font-size:12px}.profile{max-width:480px;display:grid;grid-gap:15px;gap:15px}.profile>label,label{display:grid;grid-gap:7px;gap:7px;color:#929db8;font-size:12px}.avatars{display:flex;gap:8px}.avatars button{padding:3px;border-radius:50%;background:transparent;border:2px solid transparent}.avatars button.sel{border-color:#7a87ff}.avatars span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:900}.upload input{padding:9px}.adminGrid{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:16px;gap:16px}.actions{display:flex;gap:8px;margin-top:14px}.actions button,.stageList button{background:#151d36;color:#cbd3ee;border:1px solid #ffffff12;border-radius:9px;padding:9px 11px}.stageList>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #ffffff0c}.stageList>div:first-child{border-top:0}.stageList b,.stageList span{display:block}.stageList span{color:#7b87a3;font-size:11px;margin-top:4px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#172662,#070b18 45%)}.auth form{width:min(430px,100%);padding:32px;background:#0e1428;border:1px solid #ffffff10;border-radius:24px;box-shadow:0 30px 100px #0008}.logo.center{justify-content:center}.auth h1{margin:15px 0 5px}.auth h1,.auth p{text-align:center}.auth p{color:#8490ad;margin:0 0 22px}.auth>form>em{display:block;text-align:center}.auth label{margin:12px 0}.auth .primary{width:100%;margin-top:10px}.auth small{display:block;text-align:center;color:#7d89a5;margin-top:15px}.auth a{color:#8795ff;cursor:pointer}.notice,.toast{padding:11px 13px;border-radius:10px;background:#1b2441;color:#cbd4f1;font-size:12px}.toast{position:fixed;top:18px;right:18px;z-index:100;box-shadow:0 10px 40px #0007}.splash{min-height:100vh;display:grid;place-content:center;grid-gap:14px;gap:14px;justify-items:center;color:#a7b2cf}.splash .ball{animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 50px #4964ff}}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:fixed;bottom:0;top:auto;width:100%;height:auto;z-index:40;padding:8px;border-right:0;border-top:1px solid #ffffff12}.logo,.me{display:none}nav{display:flex;overflow:auto}nav button{min-width:68px;justify-content:center;display:grid;text-align:center;padding:7px;font-size:9px}nav button i{font-size:16px;margin:auto}main{padding:22px 15px 90px}.head{display:block}.badge{display:inline-block;margin-top:13px}.hero{padding:24px;min-height:210px}.count{width:105px;height:105px}.count b{font-size:34px}.stats{grid-template-columns:1fr 1fr}.cards,.friends{grid-template-columns:1fr}.match{grid-template-columns:1fr 105px 1fr;padding:14px 8px}.tm b{font-size:12px}.tm img{width:28px;height:28px}.adminGrid{grid-template-columns:1fr}.tr{grid-template-columns:34px 1fr 38px 45px 38px}.head h1{font-size:28px}}