:root{
  --bg:#020711;--bg2:#050c18;--panel:#07101f;--panel2:#0a1424;--line:#21354f;--line2:#162438;
  --text:#f4f7fb;--muted:#a5afbd;--blue:#0a8cff;--blue2:#005cff;--cyan:#39b8ff;--green:#22d66f;--red:#ff4d62;--gold:#ffbd3f;
  --shadow:0 18px 50px rgba(0,0,0,.45);--glow:0 0 28px rgba(0,123,255,.34);--radius:12px;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 70% -10%,rgba(0,114,255,.14),transparent 35%),linear-gradient(180deg,#020711,#02060e 75%);min-height:100vh}.shell{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1480px,calc(100% - 44px));margin:0 auto}.site-header{height:80px;border-bottom:1px solid #1c2a3c;background:rgba(2,7,16,.96);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.header-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{width:262px;display:flex;align-items:center}.brand img{width:245px;height:68px;object-fit:contain}.nav{display:flex;align-items:stretch;justify-content:center;gap:7px;flex:1;height:100%}.nav-link{padding:0 16px;height:100%;display:flex;align-items:center;position:relative;color:#f2f4f8;font-size:14px}.nav-link:hover,.nav-link.active{color:#3eb7ff}.nav-link.active:after{content:"";height:2px;position:absolute;left:13px;right:13px;bottom:11px;background:#0a9cff;box-shadow:0 0 13px #0a8cff}.header-actions{display:flex;align-items:center;gap:16px}.btn{border:1px solid #33465f;background:#08111f;color:#fff;border-radius:7px;padding:11px 18px;font-weight:700;font-size:13px;letter-spacing:.01em;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#4c6c93}.btn-primary{border:1px solid #0e8dff;background:linear-gradient(180deg,#0b8fff,#0057ed);box-shadow:0 0 24px rgba(0,112,255,.35);min-width:154px}.btn-primary:hover{box-shadow:0 0 32px rgba(0,126,255,.52)}.btn-ghost{background:rgba(3,8,16,.7)}.btn-small{padding:8px 12px;font-size:12px}.login-link{display:flex;gap:8px;align-items:center;color:#eee;font-size:13px}.page{flex:1}.panel{background:linear-gradient(180deg,rgba(8,17,31,.94),rgba(5,12,23,.97));border:1px solid #26384e;border-radius:var(--radius);box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.panel-title{font-family:Rajdhani,Inter,sans-serif;color:#39b8ff;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:16px}.muted{color:var(--muted)}.blue{color:#27adff}.green{color:var(--green)}.red{color:var(--red)}.gold{color:var(--gold)}.tiny{font-size:11px}.upper{text-transform:uppercase}.divider{height:1px;background:#17263a}.icon{width:18px;height:18px;display:inline-grid;place-items:center;color:#3bb3ff}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-link{font-size:11px;color:#2caaff}.badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #32465f;border-radius:5px;background:#081321;font-size:11px}.verified{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#0b84ff;font-size:12px;margin-left:5px}.club-mark{width:30px;height:30px;border-radius:50%;border:1px solid #3e5d82;display:grid;place-items:center;background:radial-gradient(circle,#11315a,#040a12);font-family:Rajdhani;font-weight:700;color:#fff}.club-mark.sm{width:22px;height:22px;font-size:10px}.avatar-fallback{border-radius:50%;background:linear-gradient(135deg,#0b4a91,#07101e);display:grid;place-items:center;font-weight:800}.home-hero{height:320px;position:relative;overflow:hidden;border-bottom:1px solid #26384a;background:radial-gradient(circle at 76% 46%,rgba(0,104,255,.3),transparent 24%),linear-gradient(90deg,#020915 0%,#061126 54%,#061222 100%)}.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,14,.98) 0%,rgba(1,7,15,.86) 34%,rgba(1,8,17,.12) 65%,rgba(1,7,15,.12)),radial-gradient(circle at 60% 30%,rgba(21,119,255,.18),transparent 34%)}.hero-visual{position:absolute;right:1.5%;top:0;width:60%;height:100%;object-fit:cover;object-position:center;opacity:.96;mix-blend-mode:screen;filter:saturate(1.1) contrast(1.03)}.hero-content{position:relative;z-index:2;width:54%;padding-top:40px}.eyebrow{font-family:Rajdhani;color:#26abff;font-size:17px;font-weight:700;text-transform:uppercase}.hero-title{font-family:Rajdhani,Inter,sans-serif;font-size:45px;line-height:1.01;margin:8px 0 9px;max-width:600px;letter-spacing:-.02em}.hero-copy{max-width:590px;color:#c5cbd4;font-size:15px;line-height:1.45}.hero-ctas{display:flex;gap:14px;margin-top:17px}.slider-arrow{position:absolute;top:48%;z-index:5;width:42px;height:42px;border-radius:7px;border:1px solid #3a4c62;background:rgba(5,11,19,.72);color:#fff;font-size:26px;display:grid;place-items:center}.slider-arrow.left{left:17px}.slider-arrow.right{right:17px}.slider-dots{position:absolute;bottom:11px;left:50%;display:flex;gap:8px;z-index:5}.dot{width:11px;height:11px;border-radius:50%;background:#566171}.dot.active{background:#0f95ff;box-shadow:0 0 12px #0a8cff}.welcome-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:0;transform:translateY(-1px);padding:0 0 9px}.welcome-box{min-height:145px;padding:16px 20px;display:flex;align-items:center;gap:22px}.welcome-box .trophy-mini{width:118px;filter:drop-shadow(0 0 18px rgba(0,120,255,.25))}.welcome-copy h2{font-family:Rajdhani;font-size:24px;margin:0 0 6px}.welcome-copy p{margin:0;color:#b5bfcb;font-size:13px;line-height:1.45}.mini-features{display:flex;gap:18px;margin-top:12px;font-size:11px;color:#ced3da;flex-wrap:wrap}.register-callout{padding:16px 21px;border-color:#0f5db0;box-shadow:inset 0 0 28px rgba(0,74,165,.1)}.register-callout h3{font-family:Rajdhani;margin:0 0 6px;font-size:23px;color:#1e9fff}.register-callout p{font-size:12px;color:#bbc5d0;margin:0 0 15px}.steps{display:flex;align-items:center;gap:16px}.step{display:flex;align-items:center;gap:8px;font-size:11px;color:#e8edf4;flex:1}.step-ico{font-size:25px}.step-arrow{color:#0d8cff}.home-grid{display:grid;grid-template-columns:1.08fr 1.12fr 1.05fr 1.13fr;gap:12px;padding-bottom:16px}.home-card{padding:11px 12px;height:258px;overflow:hidden}.news-item{display:grid;grid-template-columns:94px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #16283b}.news-item img{width:94px;height:58px;object-fit:cover;border-radius:4px}.news-item h4{font-size:12px;margin:0 0 3px}.news-item p{font-size:10px;line-height:1.28;margin:0;color:#aeb8c3}.news-item time{font-size:9px;color:#7e8996}.fixture{display:grid;grid-template-columns:48px 42px 1fr 18px 1fr;gap:5px;align-items:center;padding:6px 0;border-bottom:1px solid #142438;font-size:10px}.fixture .team{display:flex;align-items:center;gap:5px}.fixture .div{color:#1da6ff;font-size:8px;display:block}.scorer{display:grid;grid-template-columns:23px 32px 1fr 44px;align-items:center;gap:7px;padding:6px 0;border-bottom:1px solid #142438}.scorer img{width:30px;height:30px;border-radius:50%;object-fit:cover}.scorer .name{font-size:11px}.scorer .club{font-size:9px;color:#aab4c0}.scorer .goals{font-family:Rajdhani;font-size:20px;color:#1aa5ff;text-align:right;font-weight:700}.feature-row{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #142438}.feature-icon{width:42px;height:42px;border-radius:7px;border:1px solid #294261;display:grid;place-items:center;font-size:24px;color:#1ca7ff;background:#071321}.feature-row strong{font-size:12px}.feature-row p{font-size:9.5px;margin:2px 0 0;color:#a9b4c1;line-height:1.25}.site-footer{border-top:1px solid #1d2b3c;background:#030812;min-height:70px}.footer-inner{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:18px;min-height:70px}.socials{display:flex;align-items:center;gap:14px;font-size:12px;color:#d0d5db}.social-bubble{width:25px;height:25px;border-radius:50%;border:1px solid #34475f;display:grid;place-items:center;font-size:11px}.footer-brand{text-align:center;color:#87919d;letter-spacing:.28em;font-size:10px}.footer-brand strong{font-family:Rajdhani;font-size:28px;color:#8fa2bc;margin-right:20px;letter-spacing:-.03em}.footer-links{text-align:right;color:#929daa;font-size:10px}.footer-links a{margin-left:16px}.profile-hero{height:238px;position:relative;overflow:hidden;background:linear-gradient(90deg,#041022,#071a32 65%,#07101c);border-bottom:1px solid #26384f}.profile-cover{position:absolute;inset:0 0 0 41%;width:59%;height:100%;object-fit:cover;object-position:center;opacity:.9;mix-blend-mode:screen}.profile-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030a16 0%,rgba(3,10,22,.95) 43%,rgba(3,10,22,.22) 78%,rgba(3,10,22,.04))}.profile-info{position:relative;z-index:3;height:100%;display:grid;grid-template-columns:235px 1fr;gap:22px;align-items:center}.profile-avatar-wrap{align-self:end;transform:translateY(29px);position:relative;width:210px;height:210px;border-radius:50%;border:3px solid #168fff;background:#07101f;padding:4px;box-shadow:0 0 25px rgba(0,123,255,.32)}.profile-avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#00d66b;border:4px solid #07101d;right:12px;bottom:28px}.profile-main{padding-top:27px;max-width:570px}.profile-main h1{font-family:Rajdhani;font-size:35px;margin:0 0 2px}.profile-main .subtitle{font-size:16px;color:#e2e6ec}.profile-main p{font-size:13px;color:#c3cad3;line-height:1.45;margin:10px 0}.profile-actions{display:flex;gap:11px}.profile-statbar{min-height:63px;margin-top:0;padding-left:252px;display:grid;grid-template-columns:150px repeat(5,1fr) 1.2fr;align-items:center}.profile-stat{height:40px;display:flex;align-items:center;justify-content:center;gap:9px;border-right:1px solid #25364b}.profile-stat:last-child{border:0}.profile-stat .num{font-family:Rajdhani;font-size:19px}.profile-stat .lab{font-size:9px;color:#a9b2be;text-transform:uppercase}.page-tabs{height:51px;display:flex;align-items:end;gap:18px;border-bottom:1px solid #18273a}.tab-btn{padding:15px 14px 13px;border:0;background:transparent;color:#c9ced5;text-transform:uppercase;font-size:11px;border-bottom:2px solid transparent}.tab-btn.active{color:#1aa4ff;border-color:#1aa4ff}.profile-layout{display:grid;grid-template-columns:1.75fr 1fr;gap:14px;padding:10px 0 14px}.feed-card{min-height:126px;margin-bottom:9px;padding:10px 12px;display:grid;grid-template-columns:1fr 48%;gap:12px}.post-left{display:grid;grid-template-columns:54px 1fr;gap:9px}.post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #168fff}.post-head strong{font-size:12px}.post-head small{display:block;color:#909ba8;font-size:9px;margin-top:2px}.post-text{font-size:10.5px;line-height:1.45;margin:8px 0;color:#d5d9df}.post-tags{font-size:10px;color:#149eff}.post-reactions{display:flex;gap:25px;font-size:10px;color:#91a0af;margin-top:14px}.post-reactions span:first-child{color:#149eff}.match-mini,.motm-card,.video-card{height:100%;border:1px solid #20344d;border-radius:8px;background:#06101e;overflow:hidden}.match-mini{padding:10px}.match-mini-top{display:flex;justify-content:space-between;font-size:9px;color:#8694a3}.match-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:11px 0 6px}.match-team{display:flex;align-items:center;gap:7px;font-size:11px}.score{font-family:Rajdhani;font-size:25px}.motm-card img,.video-card img{width:100%;height:100%;object-fit:cover}.side-card{padding:11px 14px;margin-bottom:9px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}.big-stat{text-align:center;padding:8px 4px;border-right:1px solid #20334a}.big-stat:nth-child(4n){border-right:0}.big-stat .value{font-family:Rajdhani;font-size:23px}.big-stat .label{font-size:8px;color:#9eabb8;text-transform:uppercase}.trophies{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:9px}.trophy{text-align:center}.trophy .cup{font-size:34px}.trophy strong{display:block;font-size:9px}.trophy span{font-size:8px;color:#9ba7b3}.attribute-head{display:flex;justify-content:space-between;align-items:center}.overall{width:38px;height:38px;clip-path:polygon(50% 0,95% 25%,86% 83%,50% 100%,14% 83%,5% 25%);background:#0b2543;border:1px solid #168fff;display:grid;place-items:center;color:#25b4ff;font-family:Rajdhani;font-size:18px}.attrs{display:grid;grid-template-columns:1fr 1fr;gap:7px 22px;margin-top:8px}.attr{display:grid;grid-template-columns:32px 1fr 28px;gap:8px;align-items:center;font-size:11px}.bar{height:7px;border-radius:8px;background:#19283a;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#0d76ff,#39bfff)}.club-hero{height:300px;position:relative;background:#071322;overflow:hidden}.club-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.96}.club-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,14,.03),rgba(2,7,15,.18) 47%,#06101d 91%)}.club-info{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:230px 1fr 370px;gap:17px;align-items:end;padding-bottom:17px}.club-logo-card{height:215px;padding:7px;border:1px solid #536175;border-radius:18px;background:#050b14;box-shadow:var(--shadow)}.club-logo-card img{width:100%;height:100%;object-fit:cover;border-radius:13px}.club-title{padding-bottom:4px}.club-title h1{font-family:Rajdhani;font-size:30px;margin:0 0 7px}.club-title p{font-size:12px;color:#b5bfcb;margin:8px 0}.club-actions{display:flex;gap:12px;margin-top:12px}.club-summary{height:140px;padding:17px 23px;display:grid;grid-template-columns:1fr 1.6fr;align-items:center}.summary-item{text-align:center}.rep{padding-left:28px;border-left:1px solid #26394f}.rep strong{font-family:Rajdhani;font-size:20px}.rep-bar{height:8px;background:#17293e;border-radius:8px;margin-top:10px}.rep-bar span{display:block;height:100%;width:72%;background:linear-gradient(90deg,#097aff,#149cff);border-radius:8px}.club-tabs{height:47px;display:flex;gap:38px;align-items:flex-end;border-bottom:1px solid #213349}.club-layout{display:grid;grid-template-columns:1.05fr 1.45fr .9fr;gap:12px;padding:11px 0 16px}.club-post{display:grid;grid-template-columns:1fr 145px;gap:8px;padding:9px;border-bottom:1px solid #192a40}.club-post img{width:145px;height:86px;object-fit:cover;border-radius:5px}.club-post p{font-size:10px;line-height:1.42;margin:4px 0 8px}.squad-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.player-card{height:154px;border:1px solid #31455e;border-radius:8px;background:linear-gradient(180deg,#081423,#040b14);padding:8px;position:relative;overflow:hidden}.player-card .rating{position:absolute;left:8px;top:8px;font-family:Rajdhani;font-size:19px}.player-card .pos{position:absolute;left:8px;top:28px;font-size:9px}.player-face{width:72px;height:72px;border-radius:50%;margin:15px auto 5px;background:radial-gradient(circle,#19365d,#06101d);display:grid;place-items:center;font-size:30px;overflow:hidden}.player-face img{width:100%;height:100%;object-fit:cover}.player-card .pname{text-align:center;font-size:10px}.player-card .pcountry{text-align:center;font-size:8px;color:#9ca8b5}.matches-split{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;margin-top:9px}.match-list{padding:10px}.match-row{display:grid;grid-template-columns:48px 1fr 36px 1fr 22px;gap:5px;align-items:center;font-size:9px;padding:6px 0;border-bottom:1px solid #17273a}.result-pill{width:18px;height:18px;display:grid;place-items:center;border-radius:4px;font-size:9px}.result-pill.win{background:#0d4f2d;color:#55ef96}.result-pill.draw{background:#5a4108;color:#ffd466}.right-list{padding:9px 12px}.rank-player{display:grid;grid-template-columns:18px 33px 1fr auto;gap:7px;align-items:center;padding:6px 0;border-bottom:1px solid #182a3f;font-size:10px}.rank-player img{width:32px;height:32px;border-radius:50%;object-fit:cover}.achievement,.transfer-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #182a3f;font-size:10px}.shop-page{padding:20px 0 18px}.coin-hero{height:210px;position:relative;overflow:hidden;padding:17px 24px;background:radial-gradient(circle at 72% 40%,rgba(0,112,255,.17),transparent 28%),linear-gradient(100deg,#071221,#071328);margin-bottom:14px}.coin-art{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;mix-blend-mode:screen}.coin-copy{position:relative;z-index:2}.coin-balance{font-family:Rajdhani;font-size:57px;font-weight:700;line-height:1;margin-top:13px;display:flex;align-items:center;gap:12px}.coin-icon{width:54px;height:54px;border-radius:50%;border:3px solid #39aaff;box-shadow:inset 0 0 0 4px #102746,0 0 20px rgba(0,125,255,.28);display:grid;place-items:center;font-family:Rajdhani;font-size:34px;color:#c7e6ff;background:#0a203b}.coin-copy p{color:#aab5c2;font-size:12px;max-width:420px}.shop-layout{display:grid;grid-template-columns:1.8fr .92fr;gap:13px}.shop-main{padding:14px}.shop-tabs{display:flex;gap:29px;border-bottom:1px solid #1a2c42;margin:8px 0 13px}.shop-tab{background:none;border:0;color:#d3d7dc;font-size:11px;padding:9px 5px 10px;border-bottom:2px solid transparent}.shop-tab.active{color:#25abff;border-color:#25abff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.product-card{min-height:292px;border:1px solid #263c56;border-radius:8px;background:linear-gradient(180deg,#071321,#040a13);padding:12px;text-align:center;display:flex;flex-direction:column}.product-card h3{font-family:Rajdhani;font-size:18px;margin:0}.product-card .ptype{font-size:11px;color:#a7b1be}.product-card img{width:100%;height:152px;object-fit:contain;margin:8px 0}.price{margin-top:auto;text-align:left;display:flex;align-items:center;gap:8px}.price .coin-icon{width:31px;height:31px;font-size:18px;border-width:2px}.price strong{font-family:Rajdhani;font-size:23px}.product-card .btn{margin-top:7px;width:100%}.bundle-strip{height:78px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#071525,#0a1b31)}.bundle-strip h3{font-family:Rajdhani;font-size:20px;margin:0}.bundle-strip p{font-size:10px;color:#aab4bf}.shop-side .panel{padding:12px;margin-bottom:12px}.pack-row{display:grid;grid-template-columns:42px 1fr 78px 105px;gap:8px;align-items:center;border-bottom:1px solid #1b2c41;padding:10px 0}.pack-row strong{font-family:Rajdhani;font-size:25px}.pack-row small{display:block;color:#9ca8b4}.pack-row .price-eur{text-align:right;font-size:13px}.reward-row{display:grid;grid-template-columns:27px 1fr auto;gap:7px;align-items:center;border-bottom:1px solid #1b2c41;padding:9px 0;font-size:11px}.reward-row .reward{color:#2caeff;font-weight:700}.table-page,.simple-page{padding:24px 0}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.page-heading h1{font-family:Rajdhani;font-size:38px;margin:0}.page-heading p{color:#9ea9b5;margin:3px 0 0;font-size:13px}.data-panel{padding:15px}.standings{width:100%;border-collapse:collapse}.standings th,.standings td{padding:11px 10px;border-bottom:1px solid #192c42;text-align:left;font-size:12px}.standings th{font-family:Rajdhani;color:#2daeff;text-transform:uppercase;font-size:12px}.standings .pos{width:45px}.standings .team-cell{display:flex;align-items:center;gap:9px}.form-dots{letter-spacing:3px}.teams-grid,.players-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.team-tile,.player-tile{padding:14px;min-height:185px;transition:.2s}.team-tile:hover,.player-tile:hover{transform:translateY(-2px);border-color:#2f6ba2}.team-top{display:flex;align-items:center;gap:12px}.team-logo{width:68px;height:68px;border-radius:14px;object-fit:cover;border:1px solid #385371}.team-tile h3,.player-tile h3{font-family:Rajdhani;font-size:21px;margin:0}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:17px;text-align:center}.team-stats strong{font-family:Rajdhani;font-size:20px}.team-stats span{display:block;font-size:8px;color:#9da9b6;text-transform:uppercase}.player-tile{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center}.player-tile img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid #0c8fff}.player-tile .meta{font-size:10px;color:#a6b0bc;margin-top:3px}.player-mini-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1a2c42;padding-top:10px;text-align:center}.player-mini-stats strong{font-family:Rajdhani;font-size:17px}.player-mini-stats span{display:block;font-size:8px;color:#95a1ae}.transfer-market{display:grid;grid-template-columns:1.35fr .75fr;gap:13px}.transfer-card{display:grid;grid-template-columns:48px 1.2fr .9fr 36px .9fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #1a2c42;font-size:11px}.transfer-card strong{font-size:12px}.arrow-big{color:#20a8ff;font-size:20px;text-align:center}.free-agent{padding:12px;border-bottom:1px solid #1b2c41}.free-agent strong{font-size:12px}.free-agent p{font-size:10px;color:#a8b3bf;margin:3px 0}.rules-grid{display:grid;grid-template-columns:260px 1fr;gap:14px}.rule-nav{padding:10px;position:sticky;top:100px;height:max-content}.rule-nav button{display:block;width:100%;background:none;border:0;border-left:2px solid transparent;text-align:left;color:#c2cad3;padding:10px;font-size:11px}.rule-nav button.active{color:#26adff;border-color:#26adff;background:#071525}.rule-content{padding:22px}.rule-content h2{font-family:Rajdhani;font-size:28px}.rule-content h3{font-family:Rajdhani;color:#2caeff}.rule-content p,.rule-content li{color:#bcc5cf;font-size:12px;line-height:1.7}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:35px 0}.auth-card{width:min(720px,94vw);padding:25px}.auth-card h1{font-family:Rajdhani;font-size:32px;margin:0 0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;color:#9ea9b5}.field input,.field select,.field textarea{background:#050d18;border:1px solid #2a3c52;color:#fff;border-radius:7px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0c8fff;box-shadow:0 0 0 2px rgba(0,129,255,.08)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dashboard-grid{display:grid;grid-template-columns:230px 1fr;gap:14px}.dash-side{padding:10px;height:max-content;position:sticky;top:100px}.dash-user{padding:12px;border-bottom:1px solid #1b2c41}.dash-menu button{display:block;width:100%;text-align:left;padding:11px;border:0;background:transparent;color:#bdc6d0;border-left:2px solid transparent}.dash-menu button.active{color:#29aeff;background:#071626;border-color:#29aeff}.dash-main{padding:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:14px}.metric strong{font-family:Rajdhani;font-size:29px}.metric span{display:block;font-size:9px;color:#9ca8b5;text-transform:uppercase}.admin-table{width:100%;border-collapse:collapse;margin-top:13px}.admin-table td,.admin-table th{padding:10px;border-bottom:1px solid #1b2b40;font-size:10px}.admin-table th{color:#25acff;text-align:left}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(620px,96vw);max-height:90vh;overflow:auto;padding:22px}.modal h2{font-family:Rajdhani;margin:0 0 6px}.modal-close{float:right;background:none;border:0;color:#fff;font-size:24px}.toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:9px}.toast{background:#091523;border:1px solid #2a4867;box-shadow:var(--shadow);padding:12px 15px;border-radius:8px;font-size:11px;min-width:260px}.toast.ok{border-color:#1e8050}.toast.error{border-color:#a63446}.empty{padding:40px;text-align:center;color:#8e9aa7}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
@media(max-width:1100px){.nav{display:none}.mobile-toggle{display:block}.header-actions .btn-primary{min-width:auto}.home-grid{grid-template-columns:1fr 1fr}.profile-layout,.club-layout,.shop-layout,.transfer-market{grid-template-columns:1fr}.club-info{grid-template-columns:180px 1fr}.club-summary{display:none}.product-grid{grid-template-columns:1fr 1fr}.teams-grid,.players-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr;text-align:center;padding:15px 0}.footer-links{text-align:center}.profile-statbar{padding-left:0;grid-template-columns:repeat(3,1fr);gap:4px}.profile-stat:first-child{display:none}.club-post{grid-template-columns:1fr 130px}.rules-grid,.dashboard-grid{grid-template-columns:1fr}.rule-nav,.dash-side{position:static}}
@media(max-width:760px){.container{width:min(100% - 22px,1480px)}.site-header{height:66px}.brand{width:auto}.brand img{width:170px;height:55px}.login-link{display:none}.header-actions{margin-left:auto}.header-actions .btn{padding:9px 11px;font-size:10px}.home-hero{height:430px}.hero-content{width:100%;padding-top:28px}.hero-visual{width:100%;opacity:.32}.hero-title{font-size:37px}.welcome-row,.home-grid{grid-template-columns:1fr}.welcome-box{min-height:auto}.welcome-box .trophy-mini{width:78px}.register-callout{min-height:auto}.steps{flex-wrap:wrap}.home-card{height:auto}.profile-hero{height:360px}.profile-cover{inset:0;width:100%;opacity:.34}.profile-info{grid-template-columns:1fr;align-content:end;padding-bottom:20px}.profile-avatar-wrap{width:145px;height:145px;transform:none;align-self:auto}.profile-main{padding:0}.profile-statbar{grid-template-columns:repeat(2,1fr)}.profile-layout{grid-template-columns:1fr}.feed-card{grid-template-columns:1fr}.club-hero{height:470px}.club-info{grid-template-columns:1fr;align-content:end}.club-logo-card{width:150px;height:150px}.club-title{padding-bottom:0}.club-cover{opacity:.47}.squad-grid{grid-template-columns:repeat(2,1fr)}.matches-split{grid-template-columns:1fr}.shop-page{padding-top:10px}.coin-hero{height:260px}.coin-art{width:100%;opacity:.35}.coin-balance{font-size:44px}.product-grid{grid-template-columns:1fr}.pack-row{grid-template-columns:34px 1fr 62px 80px}.teams-grid,.players-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.transfer-card{grid-template-columns:40px 1fr auto}.transfer-card>*:nth-child(3),.transfer-card>*:nth-child(5){display:none}.rules-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:31px}.slider-arrow{display:none}}

/* Ghostwriter refresh */
.brand img{object-fit:contain}
.home-hero{position:relative;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.hero-slide.active{opacity:1;pointer-events:auto}
.home-hero .container{position:relative;z-index:2}
.loading-block{min-height:220px;display:grid;place-items:center;padding:30px;border:1px solid #1b2d43;border-radius:14px;background:linear-gradient(180deg,#08111d,#050b14);color:#b9c4cf}
.empty strong{display:block;color:#eef9ff;font-size:16px}
.hero-copy{max-width:720px}
.player-face img,.club-logo-card img,.team-logo,.brand img,.trophy-mini,.profile-avatar,.profile-cover,.club-cover,.club-mark,.coin-art{display:block}
.stat-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}
.stat-grid-4 strong{display:block;font-family:Rajdhani;font-size:24px}.stat-grid-4 span{font-size:10px;color:#9da9b6;text-transform:uppercase}
.attr-list{display:grid;gap:10px}.attr-row{display:grid;grid-template-columns:36px 1fr 34px;align-items:center;gap:8px;font-size:11px}.bar{height:8px;border-radius:999px;background:#0a1626;overflow:hidden;border:1px solid #223750}.bar i{display:block;height:100%;background:linear-gradient(90deg,#71d9ff,#138fff,#2d4fff)}
.hero-slide .hero-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.hero-slide .hero-content{position:relative;z-index:2}
@media(max-width:760px){.stat-grid-4{grid-template-columns:repeat(2,1fr)}.hero-slide .hero-visual{opacity:.3}}
.feature-icon.img{display:grid;place-items:center;background:transparent;border:none;width:52px;height:52px;padding:0}
.feature-icon.img img{width:52px;height:52px;object-fit:cover;border-radius:12px;box-shadow:0 0 22px rgba(21,118,255,.18)}
.news-item img{object-fit:cover}
.product-card img{object-fit:contain}
.coin-art{object-fit:cover}

/* ===== 2026-08-09 UI fixes based on supplied EPL assets ===== */
.brand{width:280px;flex:0 0 280px}
.brand img{width:255px;height:72px;object-fit:contain;object-position:left center}

.home-card{height:318px;min-height:318px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#1d6fd2 #07111d}
.home-card::-webkit-scrollbar{width:7px}
.home-card::-webkit-scrollbar-track{background:#07111d;border-radius:8px}
.home-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#149dff,#2158c7);border-radius:8px}
.home-card .section-head{position:sticky;top:-11px;z-index:3;padding-top:11px;background:linear-gradient(180deg,#08111f 82%,rgba(8,17,31,0));}
.feature-row{grid-template-columns:52px 1fr;min-height:60px}
.feature-icon.img{width:50px;height:50px}
.feature-icon.img img{width:50px;height:50px;object-fit:cover;border-radius:11px}

.coin-hero{height:220px;isolation:isolate;background:#06111f;padding:20px 24px}
.coin-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;mix-blend-mode:normal;opacity:1;z-index:0}
.coin-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,12,22,.99) 0%,rgba(4,12,22,.97) 28%,rgba(4,12,22,.78) 43%,rgba(4,12,22,.24) 61%,rgba(4,12,22,0) 78%)}
.coin-copy{position:relative;z-index:2;width:48%;max-width:560px}
.coin-icon{font-size:0!important;background:url('/assets/user/coin-logo.png') center/contain no-repeat!important;border:0!important;box-shadow:none!important;color:transparent!important;flex:0 0 auto}

.shop-layout{grid-template-columns:minmax(0,1.85fr) minmax(350px,.95fr);align-items:start}
.shop-side{min-width:0}
.shop-side .panel{overflow:hidden;padding:13px 14px}
.pack-row{grid-template-columns:38px minmax(0,1fr) 66px 92px;gap:9px;width:100%;padding:11px 0}
.pack-row > *{min-width:0}
.pack-row strong{font-size:23px;line-height:1}
.pack-row small{font-size:10px;white-space:normal}
.pack-row .price-eur{font-size:12px;white-space:nowrap}
.pack-row .btn-primary{min-width:0!important;width:92px;max-width:92px;padding:9px 5px;font-size:10px}

.bundle-strip{height:94px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(4,11,20,.30),rgba(4,11,20,.78) 64%,rgba(4,11,20,.93)),url('/assets/user/bundles-box.png');background-size:cover;background-position:center 52%;border-color:#28466a;padding:0 18px}
.bundle-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,18,.10),rgba(3,10,18,.48) 52%,rgba(3,10,18,.72));pointer-events:none}
.bundle-strip>*{position:relative;z-index:1}
.bundle-strip h3{text-shadow:0 2px 12px rgba(0,0,0,.65)}
.bundle-strip p{color:#d1dae4;text-shadow:0 2px 10px rgba(0,0,0,.75)}
.bundle-strip .btn-primary{min-width:180px}

@media(max-width:1100px){
  .brand{width:235px;flex-basis:235px}.brand img{width:220px}
  .shop-layout{grid-template-columns:1fr}
  .shop-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-side .panel{margin-bottom:0}
  .home-card{height:330px}
}
@media(max-width:760px){
  .brand{width:auto;flex-basis:auto}.brand img{width:185px;height:56px}
  .home-card{height:auto;min-height:0;max-height:none;overflow:visible}.home-card .section-head{position:static;padding-top:0;background:none}
  .coin-hero{height:280px;padding:18px}.coin-art{opacity:.72;object-position:63% center}.coin-hero:after{background:linear-gradient(90deg,rgba(4,12,22,.96),rgba(4,12,22,.78) 58%,rgba(4,12,22,.25))}.coin-copy{width:100%;max-width:100%}
  .shop-side{display:block}.shop-side .panel{margin-bottom:12px}
  .pack-row{grid-template-columns:34px minmax(0,1fr) 58px 78px;gap:6px}.pack-row .btn-primary{width:78px;max-width:78px;font-size:9px;padding:8px 3px}
  .bundle-strip{height:auto;min-height:118px;gap:12px;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px;background-position:30% center}.bundle-strip .btn-primary{min-width:160px}
}

/* Bildeditor / Upload-Optimierung */
.media-field small{font-size:10px;color:#7f8d9d;line-height:1.35}.media-field small.ready{color:#35d98b}.crop-backdrop{z-index:240;background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.crop-modal{width:min(820px,96vw);max-height:96vh}.crop-help{font-size:11px;color:#aeb9c5;margin:4px 0 14px;line-height:1.5}.crop-stage{position:relative;width:100%;display:grid;place-items:center;background:#020711;border:1px solid #29415e;border-radius:10px;overflow:hidden;min-height:250px}.crop-canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:grab;user-select:none}.crop-canvas.dragging{cursor:grabbing}.crop-guide{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(71,183,255,.55),inset 0 0 40px rgba(0,0,0,.22)}.crop-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.crop-controls label{display:flex;align-items:center;gap:12px;font-size:11px;color:#cbd4de;flex:1}.crop-zoom{width:min(360px,60vw);accent-color:#148fff}.crop-output{font-size:10px;color:#35b8ff;white-space:nowrap}.crop-save:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){.crop-modal{padding:14px}.crop-controls{align-items:flex-start;flex-direction:column}.crop-zoom{width:70vw}.crop-output{white-space:normal}}