:root{
  color-scheme:dark;
  --bg:#05101e;--bg2:#071f3b;--panel:#062b55;--panel2:#0a4a8e;--panel3:#082846;
  --blue:#1685ff;--blue2:#063b78;--cyan:#63d8ff;--green:#28d46f;--red:#ff3824;--orange:#ff8a23;--gold:#f7c948;--purple:#8b38df;
  --text:#f5f9ff;--muted:#a9bdd5;--line:rgba(139,197,255,.26);--line2:rgba(139,197,255,.5);
  --radius:22px;--shadow:0 22px 60px rgba(0,0,0,.38);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-family:var(--font);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#020913}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font);overflow-x:hidden;background:radial-gradient(circle at 10% 0,rgba(25,132,255,.28),transparent 38rem),linear-gradient(180deg,#041020,#062b55 48%,#020913)}
button,input,select{font:inherit}button{border:0;color:inherit;cursor:pointer}input,select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);padding:.9rem 1rem;border-radius:14px;outline:none}select option{color:#061221}label{display:grid;gap:.42rem;color:#d6e6f8;font-weight:800;font-size:.9rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,7vw,5.8rem);line-height:.92;letter-spacing:-.07em;margin-bottom:1rem}h2{font-size:clamp(1.2rem,3.2vw,2rem);letter-spacing:-.04em}h3{letter-spacing:-.025em}.hidden{display:none!important}.full{width:100%}.full-row{grid-column:1/-1}.muted{color:var(--muted);line-height:1.5}.lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;color:#d6e2f0;max-width:64ch}.eyebrow{color:#6fd8ff;font-size:.74rem;text-transform:uppercase;letter-spacing:.17em;font-weight:1000;margin-bottom:.5rem}.glass-card{background:linear-gradient(180deg,rgba(9,57,108,.88),rgba(3,25,52,.92));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px)}.btn{border-radius:16px;padding:.86rem 1rem;font-weight:1000;letter-spacing:-.02em;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(0,0,0,.25);transition:transform .12s ease,filter .12s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:disabled{opacity:.55;filter:grayscale(.45);cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#1c9cff,#075ab8)}.btn-secondary{background:linear-gradient(180deg,#154c86,#092a50);border:1px solid var(--line)}.btn-green{background:linear-gradient(180deg,#35e983,#0cac55)}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.btn-large{font-size:1.05rem;padding:1rem 1.35rem}
.boot-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:1rem}.boot-screen img{width:min(260px,70vw)}.particles{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.particles::before,.particles::after{content:"";position:absolute;inset:-10%;background-image:radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.6px);background-size:80px 80px;animation:particleFloat 22s linear infinite;opacity:.32}.particles::after{background-size:130px 130px;animation-duration:35s;opacity:.16}@keyframes particleFloat{to{transform:translate3d(-80px,80px,0)}}
/* Landing */
.landing-page::before,.login-page::before{content:"";position:fixed;inset:0;z-index:-3;background:url('../assets/img/soccer-blur-background.png') center/cover no-repeat;opacity:.22}.landing-page::after,.login-page::after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,9,19,.35),#020913 88%)}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,3rem);background:linear-gradient(180deg,rgba(3,12,25,.92),rgba(3,12,25,.45));backdrop-filter:blur(16px);border-bottom:1px solid rgba(139,197,255,.14)}.site-brand{display:flex;align-items:center;gap:.8rem;font-weight:1000;text-transform:uppercase;letter-spacing:-.04em}.site-brand img{width:62px;height:62px;object-fit:contain}.site-nav{display:flex;gap:1rem;align-items:center}.site-nav a{color:#d9eaff;font-weight:900}.nav-cta{padding:.7rem 1rem;border-radius:14px;background:linear-gradient(180deg,#28d46f,#0baa55)}.section-pad{padding:clamp(5rem,10vw,8rem) clamp(1rem,5vw,4rem)}.hero-section{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:clamp(1rem,4vw,3rem);overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 60% 40%,rgba(22,133,255,.22),transparent 32rem)}.hero-bg::before{content:"";position:absolute;right:-6%;bottom:0;width:min(820px,70vw);aspect-ratio:9/16;background:url('../assets/img/stadium-pitch.png') center bottom/cover no-repeat;opacity:.45;filter:saturate(1.1)}.hero-copy{max-width:850px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.hero-card{padding:1rem;align-self:center}.hero-match-preview{display:grid;gap:1rem}.league-chip{display:inline-flex;padding:.35rem .7rem;background:rgba(22,133,255,.22);border:1px solid var(--line);border-radius:999px;font-weight:1000;color:#9fe2ff}.match-vs-mini{display:flex;align-items:center;justify-content:space-between;gap:1rem}.match-vs-mini span{display:grid;place-items:center;width:86px;height:86px;border-radius:26px;background:linear-gradient(180deg,#0d5ead,#07264a);border:1px solid var(--line);font-size:2rem;font-weight:1000}.match-vs-mini span.red{background:linear-gradient(180deg,#ae2222,#4b0b13)}.mini-pitch-card{position:relative;margin-top:1rem;aspect-ratio:1.1;border-radius:20px;background:linear-gradient(180deg,rgba(30,185,57,.9),rgba(4,115,29,.93));border:2px solid rgba(255,255,255,.55);overflow:hidden}.mini-pitch-card::before{content:"";position:absolute;inset:7%;border:2px solid rgba(255,255,255,.45);border-radius:4px}.mini-pitch-card::after{content:"";position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%)}.mini-pitch-card i{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font-style:normal;font-size:.65rem;font-weight:1000;padding:.22rem .35rem;border-radius:7px;background:#075ab8;border:1px solid rgba(255,255,255,.5);z-index:2}.section-title{max-width:760px;margin:0 auto 2rem;text-align:center}.section-title.compact{margin-bottom:1.5rem}.section-title p:not(.eyebrow){color:var(--muted);line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1180px;margin:0 auto}.feature-card{padding:1.4rem}.feature-card span{font-size:2rem}.feature-card p{color:var(--muted);line-height:1.5}.gameplay-section{background:linear-gradient(180deg,rgba(6,35,68,.4),rgba(2,9,19,.1))}.steps-timeline{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step-card{padding:1.35rem;position:relative;overflow:hidden}.step-card strong{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(180deg,#1c9cff,#075ab8);font-size:1.5rem}.screen-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1180px;margin:0 auto}.screen-showcase img{border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);height:560px;width:100%;object-fit:cover;object-position:top}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,5vw,4rem);border-top:1px solid var(--line);color:var(--muted)}
/* Login */
.login-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.login-stage{width:min(1050px,100%);display:grid;gap:1rem}.login-logo{justify-self:center}.login-logo img{width:min(220px,58vw);filter:drop-shadow(0 20px 35px rgba(0,0,0,.35))}.setup-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.step-indicator{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.1rem .7rem;align-items:center;padding:.85rem;border-radius:18px;border:1px solid var(--line);background:rgba(2,18,37,.72);opacity:.62}.step-indicator span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#153b66;font-weight:1000}.step-indicator strong{font-size:.95rem}.step-indicator small{color:var(--muted)}.step-indicator.active{opacity:1;background:linear-gradient(180deg,rgba(22,133,255,.55),rgba(7,39,74,.86));border-color:rgba(101,204,255,.56)}.login-card{padding:clamp(1rem,4vw,2rem)}.login-card h1{font-size:clamp(1.9rem,5vw,3.3rem)}.form-stack{display:grid;gap:1rem}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.logo-form{display:grid;grid-template-columns:270px 1fr;gap:1rem}.logo-preview-card{display:grid;place-items:center;align-content:center;gap:1rem;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:1rem}.club-crest-preview{--primary:#063b78;--secondary:#1685ff;--accent:#f7c948;width:170px;aspect-ratio:.86;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,var(--primary),var(--secondary));border:4px solid var(--accent);box-shadow:0 15px 32px rgba(0,0,0,.3),inset 0 1px 14px rgba(255,255,255,.25);border-radius:42px 42px 55px 55px}.club-crest-preview.circle{border-radius:50%}.club-crest-preview.diamond{border-radius:28px;transform:rotate(45deg)}.club-crest-preview.diamond span,.club-crest-preview.diamond strong{transform:rotate(-45deg)}.club-crest-preview span{font-size:3.5rem}.club-crest-preview strong{position:absolute;bottom:18px;font-size:1.5rem}.logo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.squad-start-panel{border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:1rem}.starter-preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.starter-preview-grid span{padding:.48rem;border-radius:12px;background:rgba(22,133,255,.2);border:1px solid var(--line);font-size:.78rem;text-align:center;font-weight:900}.floating-status{min-height:1.2rem;text-align:center;color:#fff;font-weight:900}.floating-status.error{color:#ff9b96}.floating-status.success{color:#94ffbd}
/* Game */
.game-page{background:#bed5e9;color:#061221;min-height:100vh}.game-page::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(16,86,155,.15),rgba(255,255,255,.65)),url('../assets/img/soccer-blur-background.png') center/cover no-repeat;opacity:1}.game-layout{min-height:100vh}.game-header{position:sticky;top:0;z-index:30;background:#0b4b8c;color:white;box-shadow:0 10px 22px rgba(0,0,0,.18)}.event-strip{text-align:center;background:#f7fbff;color:#07416f;padding:.28rem;font-weight:900;font-size:.85rem}.event-strip strong{color:#0a65b3}.event-strip span{color:#004f92}.top-resource-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:.8rem;align-items:center;padding:.35rem clamp(.5rem,2vw,1rem);background:#fff;color:#073861}.game-logo-small{width:92px;height:52px;overflow:hidden;display:grid;place-items:center}.game-logo-small img{width:100%;height:100%;object-fit:contain}.resource-strip{display:flex;gap:.45rem;justify-content:flex-end;flex-wrap:wrap}.resource-strip.compact .resource-pill{min-width:94px;padding:.32rem .45rem;border-radius:9px;background:linear-gradient(180deg,#0c5fa9,#07355f);color:white;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:.35rem;font-weight:1000}.resource-pill button{background:#1685ff;border-radius:6px;width:20px;height:20px;display:grid;place-items:center;font-weight:1000}.icon-btn{width:34px;height:34px;border-radius:10px;background:#0a4a8e;color:white;font-weight:1000}.main-menu{display:flex;justify-content:center;overflow-x:auto;background:#0a4a8e;border-top:1px solid rgba(255,255,255,.18);scrollbar-width:thin}.main-menu button{min-width:98px;padding:.65rem .7rem;background:transparent;color:white;font-weight:1000;text-transform:uppercase;font-size:.74rem;display:grid;gap:.2rem;place-items:center;border-left:1px solid rgba(255,255,255,.08)}.main-menu button span{font-size:1.45rem}.main-menu button.active{background:#1c78d0}.game-content-area{max-width:1180px;margin:0 auto;padding:1.1rem 1rem 6rem;color:#061221}.page-card{background:rgba(255,255,255,.86);border-radius:12px;box-shadow:0 10px 30px rgba(31,74,118,.18);border:1px solid rgba(36,92,149,.18);overflow:hidden}.page-titlebar{display:flex;justify-content:space-between;align-items:center;background:#0b4b8c;color:white;padding:.85rem 1rem}.page-titlebar h1,.page-titlebar h2{font-size:1.1rem;margin:0;letter-spacing:-.02em}.tab-row{display:flex;background:#063b78;color:white;border-radius:10px 10px 0 0;overflow:hidden}.tab-row button{background:transparent;padding:.85rem 1rem;font-weight:1000}.tab-row button.active{background:#2077c8}.quick-progress-row{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin:1.3rem 0}.form-track,.league-track{height:30px;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;border:2px solid white;border-radius:10px;overflow:hidden;background:#b7bcc0}.form-track span{display:grid;place-items:center;color:white;font-weight:1000}.form-track .S{background:#28d46f}.form-track .U{background:#0b4b8c}.form-track .N{background:#ff3824}.league-track{position:relative;display:flex;height:34px;color:white;font-weight:1000;overflow:visible}.league-track span{display:grid;place-items:center;height:100%}.league-track .danger{background:#ff3824;flex:13}.league-track .safe{background:#0b4b8c;flex:3}.league-track .promo{background:#28d46f;flex:3}.league-track i{position:absolute;top:-8px;left:6%;width:38px;height:48px;border-radius:10px;background:#1c78d0;border:3px solid white;display:grid;place-items:center;font-style:normal}.league-center{text-align:center;font-weight:1000}.league-center .medal{font-size:3rem}.match-hero-card{background:linear-gradient(180deg,rgba(0,19,39,.25),rgba(0,0,0,.7)),url('../assets/img/stadium-pitch.png') center/cover no-repeat;color:white;border-radius:0 0 12px 12px;padding:1rem;min-height:360px;display:grid;align-content:end}.match-vs-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;text-align:center}.club-logo{--primary:#063b78;--secondary:#1685ff;--accent:#f7c948;width:120px;aspect-ratio:.9;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,var(--primary),var(--secondary));border:4px solid white;border-radius:28px 28px 42px 42px;box-shadow:0 16px 24px rgba(0,0,0,.28)}.club-logo span{font-size:3rem}.club-logo.enemy{--primary:#431553;--secondary:#8b38df}.area-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.8rem}.area-stats span{border-radius:8px;padding:.35rem;color:white;font-weight:1000;background:#0b4b8c}.area-stats .tor{background:#10a568}.area-stats .abw{background:#8b38df}.area-stats .ang{background:#ff3824}.vs-panel{min-width:250px;display:grid;gap:.7rem}.rating-pair{display:flex;justify-content:center;gap:.35rem;align-items:center}.rating-pair span{display:grid;place-items:center;width:70px;height:70px;border-radius:16px;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.7);font-weight:1000;font-size:1.5rem}.boost-slots{display:flex;justify-content:center;gap:.55rem}.boost-slot{width:92px;height:112px;border:3px solid rgba(255,255,255,.75);border-radius:12px;display:grid;place-items:center;background:rgba(0,0,0,.28);font-weight:1000;text-transform:uppercase}.match-green-button{max-width:420px;margin:.8rem auto 0}.bags-section{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#fff,#f1f3f7);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bag-card{text-align:center}.bag-visual{height:210px;border-radius:14px;background:linear-gradient(160deg,#1685ff,#083b72);display:grid;place-items:center;color:white;font-weight:1000;border:3px solid white;box-shadow:0 10px 22px rgba(0,0,0,.16)}.bag-visual span{font-size:3rem}.small-token-row{display:flex;justify-content:center;gap:.3rem;margin-top:.45rem}.small-token-row i{font-style:normal;border-radius:7px;background:#f7c948;color:white;padding:.15rem .42rem;font-weight:1000;border:2px solid white}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.progress-panel{padding:1rem}.progress-bar{height:28px;background:#b7bcc0;border-radius:999px;border:3px solid white;overflow:hidden}.progress-bar i{display:block;height:100%;background:#28d46f}.video-panel,.booster-panel{background:rgba(255,255,255,.85);border-radius:14px;padding:1rem;text-align:center}
/* lineup / players */
.lineup-grid{display:grid;grid-template-columns:240px 1fr 240px;gap:1rem}.side-list,.strength-box{background:white;border-radius:10px;overflow:hidden;align-self:start}.side-list h3,.strength-box h3{margin:0;padding:.8rem;background:#0b4b8c;color:white}.player-list-item{display:grid;grid-template-columns:44px 1fr auto;gap:.5rem;align-items:center;padding:.55rem;border-bottom:1px solid #d9e2ee;background:#f7fbff}.player-list-item:nth-child(odd){background:#e7eff7}.avatar-face{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,hsl(var(--hue,210) 70% 70%),hsl(var(--hue,210) 70% 35%));display:grid;place-items:center;color:white;font-weight:1000}.position-tag{display:inline-grid;place-items:center;padding:.22rem .42rem;border-radius:7px;background:#0b7bc8;color:white;font-size:.72rem;font-weight:1000}.position-tag.GK,.position-tag.TOR{background:#0ba968}.position-tag.DEF,.position-tag.ABW{background:#7f24c8}.position-tag.ATT,.position-tag.ANG{background:#ff3824}.rating-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#063b78;color:white;border:3px solid #1685ff;font-weight:1000}.pitch-board{position:relative;min-height:760px;border-radius:12px;background:linear-gradient(180deg,rgba(13,157,28,.92),rgba(2,105,22,.94));border:4px solid #063b78;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.18)}.pitch-board::before{content:"";position:absolute;inset:6%;border:4px solid rgba(255,255,255,.78);border-radius:3px}.pitch-board::after{content:"";position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;border:4px solid rgba(255,255,255,.78);border-radius:50%;transform:translate(-50%,-50%)}.pitch-midline{position:absolute;left:6%;right:6%;top:50%;height:4px;background:rgba(255,255,255,.78)}.pitch-player{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:112px;background:#0b4b8c;color:white;border-radius:12px;border:2px solid rgba(255,255,255,.35);box-shadow:0 10px 18px rgba(0,0,0,.22);overflow:hidden;text-align:left}.pitch-player .head{display:grid;grid-template-columns:auto 1fr auto;gap:.25rem;align-items:center;padding:.35rem;background:rgba(0,0,0,.13)}.pitch-player .avatar-face{width:54px;height:54px;margin:.2rem auto}.pitch-player strong{display:block;text-align:center;padding:.28rem;font-size:.8rem}.remove-x{position:absolute;right:-8px;top:-8px;width:24px;height:24px;background:red;color:white;border-radius:50%;display:grid;place-items:center;font-weight:1000;z-index:3}.strength-box table{width:100%;border-collapse:collapse}.strength-box td,.strength-box th{padding:.8rem;border-bottom:1px solid #e1e7ef;text-align:left}.strength-box tr:nth-child(even){background:#eef4fa}.lineup-actions{display:grid;gap:.6rem;padding:.8rem}.players-table{width:100%;border-collapse:collapse;background:white;border-radius:10px;overflow:hidden}.players-table th{background:#0b4b8c;color:white;text-align:left;padding:.75rem}.players-table td{padding:.52rem;border-bottom:1px solid #e1e7ef}.players-table tr:nth-child(odd){background:#eef4fa}.skills-mini{display:flex;gap:.3rem}.skills-mini span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#d7e2ee;border:1px solid #8aa1b8;font-size:.72rem}.skills-mini span.active{background:#a4004e;color:white}.player-name-cell{display:flex;gap:.5rem;align-items:center;font-weight:900}.player-name-cell .avatar-face{width:30px;height:30px;font-size:.7rem}
/* training */
.training-tabs{display:flex;gap:.35rem;margin-bottom:.5rem}.training-tabs button{background:#063b78;color:white;padding:.75rem 1rem;border-radius:10px 10px 0 0;font-weight:1000}.training-tabs button.active{background:#1c78d0}.training-hub{background:#1685ff;color:white;border-radius:12px;overflow:hidden}.material-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.55rem;padding:1rem;background:#185dae}.material-card{display:grid;gap:.25rem;text-align:center}.material-card .material-icon{height:86px;border-radius:12px;background:linear-gradient(145deg,#6e1ec4,#27105f);display:grid;place-items:center;font-size:2rem;border:1px solid rgba(255,255,255,.3)}.material-card button{background:#28d46f;border-radius:8px;color:white;font-weight:1000;padding:.35rem}.trainer-info{display:grid;grid-template-columns:1fr 300px;gap:1rem;padding:1rem}.trainer-panel{background:#07355f;border:2px solid white;border-radius:12px;overflow:hidden}.trainer-panel img{height:180px;width:100%;object-fit:cover}.trainer-panel div{padding:1rem}.boost-flow{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center}.boost-token{height:150px;border-radius:28px;background:linear-gradient(145deg,#232f51,#5b647a);display:grid;place-items:center;font-weight:1000;font-size:1.1rem}.boost-queue{display:flex;gap:1rem;overflow-x:auto;padding:1rem}.queued-card{min-width:120px;height:120px;border-radius:16px;background:linear-gradient(145deg,#8b38df,#32115e);border:3px solid white;display:grid;place-items:center;font-weight:1000}.trainer-upgrade{background:#0b4b8c;color:white;padding:1rem;text-align:center}.upgrade-lines{display:grid;gap:1rem;background:#1685ff;padding:1.5rem}.upgrade-line{display:grid;grid-template-columns:120px 1fr 140px;gap:1rem;align-items:center}.upgrade-line .skill-card{height:118px;border-radius:14px;background:linear-gradient(145deg,#ff3824,#f7c948);display:grid;place-items:center;font-weight:1000;border:3px solid white}.requirements{display:flex;gap:.5rem;overflow-x:auto}.requirements span{min-width:86px;height:86px;border-radius:12px;background:linear-gradient(145deg,#6e1ec4,#27105f);border:2px solid white;display:grid;place-items:center}.training-player-detail{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-card{padding:1rem;background:white;border-radius:12px}.profile-head{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;align-items:center}.profile-head .avatar-face{width:100px;height:100px;font-size:1.6rem}.attribute-bars{display:grid;gap:.65rem;margin-top:1rem}.attr-row{display:grid;grid-template-columns:110px 1fr 52px;gap:.65rem;align-items:center}.attr-track{height:16px;background:#c8d3df;border-radius:999px;overflow:hidden}.attr-track i{height:100%;display:block;border-radius:999px;background:#1685ff}.training-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.personal-training-card{background:#07355f;color:white;border-radius:14px;padding:.8rem;display:grid;gap:.5rem}.personal-training-card .icon{font-size:2rem}.personal-training-card button{background:#28d46f;border-radius:10px;color:white;font-weight:1000;padding:.6rem}.skill-row{display:flex;gap:.8rem;overflow-x:auto}.perk-card{min-width:150px;background:#07355f;color:white;border-radius:14px;padding:1rem;text-align:center;border:1px solid var(--line)}.perk-card.locked{filter:grayscale(.75);opacity:.75}
/* generic pages */
.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.placeholder-card{padding:1rem;background:white;border-radius:12px}.placeholder-card h3{color:#0b4b8c}.clan-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem}.chat-box{height:420px;background:white;border-radius:12px;overflow:auto;padding:1rem}.chat-line{padding:.6rem;border-bottom:1px solid #dfe7f0}.chat-line strong{color:#0b4b8c}.game-toast{position:fixed;left:50%;bottom:5.3rem;transform:translateX(-50%);background:#061221;color:white;padding:.8rem 1rem;border-radius:12px;box-shadow:0 16px 38px rgba(0,0,0,.35);z-index:60;display:none}.game-toast.show{display:block}.player-dialog{border:0;border-radius:20px;padding:0;background:transparent;color:#061221;width:min(840px,94vw)}.player-dialog::backdrop{background:rgba(0,0,0,.58)}.dialog-card{background:white;border-radius:20px;overflow:hidden}.dialog-head{background:#0b4b8c;color:white;padding:1rem;display:flex;justify-content:space-between;align-items:center}.dialog-body{padding:1rem}.mobile-bottom-nav{display:none}
@media (max-width:980px){.site-nav a:not(.nav-cta){display:none}.hero-section{grid-template-columns:1fr;padding-top:8rem}.feature-grid,.screen-showcase{grid-template-columns:1fr}.screen-showcase img{height:auto}.steps-timeline{grid-template-columns:1fr}.auth-actions,.button-grid{grid-template-columns:1fr}.setup-grid,.logo-form,.logo-options{grid-template-columns:1fr}.starter-preview-grid{grid-template-columns:repeat(3,1fr)}.top-resource-row{grid-template-columns:auto 1fr auto}.game-logo-small{width:62px}.main-menu{justify-content:flex-start}.game-content-area{padding:1rem .6rem 5.7rem}.quick-progress-row{grid-template-columns:1fr;gap:.8rem}.match-vs-layout{grid-template-columns:1fr;gap:1.2rem}.vs-panel{min-width:0}.bags-section,.two-column,.lineup-grid,.trainer-info,.training-player-detail,.clan-layout,.placeholder-grid{grid-template-columns:1fr}.pitch-board{min-height:640px}.side-list{max-height:280px;overflow:auto}.strength-box{order:-1}.material-grid{grid-template-columns:repeat(4,1fr)}.upgrade-line{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:#041d38;color:white;border-top:1px solid rgba(255,255,255,.2);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav button{background:transparent;color:white;padding:.55rem .25rem;font-weight:900;font-size:.72rem;display:grid;gap:.15rem;place-items:center}.mobile-bottom-nav button span{font-size:1.25rem}.mobile-bottom-nav button.active{background:#126bc2}.pitch-player{width:92px}.pitch-player .avatar-face{width:42px;height:42px}.resource-strip.compact .resource-pill{min-width:auto;font-size:.82rem}.resource-pill button{display:none}.club-logo{width:96px}.profile-head{grid-template-columns:80px 1fr}.profile-head .avatar-face{width:80px;height:80px}.training-cards{grid-template-columns:1fr 1fr}}@media (max-width:580px){h1{font-size:2.25rem}.site-header{padding:.8rem 1rem}.site-brand img{width:48px;height:48px}.hero-section{padding-top:7rem}.setup-stepper{gap:.35rem}.step-indicator{padding:.55rem;grid-template-columns:1fr;text-align:center}.step-indicator span{margin:auto}.step-indicator small{display:none}.match-vs-mini span{width:70px;height:70px}.bags-section{padding:1rem}.material-grid{grid-template-columns:repeat(3,1fr)}.pitch-board{min-height:560px}.pitch-player{width:80px}.pitch-player .head{font-size:.7rem}.pitch-player strong{font-size:.72rem}.area-stats{font-size:.8rem}.players-table{font-size:.82rem}.players-table th:nth-child(5),.players-table td:nth-child(5),.players-table th:nth-child(6),.players-table td:nth-child(6){display:none}.top-resource-row{gap:.35rem;padding:.25rem}.event-strip{font-size:.75rem}.main-menu button{min-width:82px;font-size:.64rem}.resource-strip.compact{gap:.25rem}.resource-strip.compact .resource-pill{padding:.25rem .32rem}.training-cards{grid-template-columns:1fr}.attr-row{grid-template-columns:88px 1fr 42px}.club-logo{width:82px}}