:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--cyan:#11d0d6;--lime:#b7ff00;--violet:#7b4dff;--ink:#070b17;--line:#ffffff24;background:#030711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#030711;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.72}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-shell{background:linear-gradient(90deg,#030711fa 0%,#030711c2 38%,#03071133 72%),linear-gradient(#0307119e 0%,#0307111a 52%,#030711fa 100%),url(/images/home-hero.png) 50%/cover no-repeat;height:100svh;min-height:100vh;padding:14px 28px;position:relative;overflow:hidden}.page-shell.app-shell{background:linear-gradient(90deg,#030711fa 0%,#030711d1 48%,#030711ad 100%),radial-gradient(circle at 18% 20%,#11d0d629,#0000 34%),#030711;height:auto;min-height:100vh;overflow:auto}.page-shell.menu-shell{background:linear-gradient(90deg,#030711f5 0%,#030711ad 26%,#03071129 62%,#0307111a 100%),linear-gradient(#0307118f,#0307111a 50%,#030711a8),url(/images/menu-background.png) 50%/cover no-repeat;grid-template-columns:minmax(710px,760px) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,84px);height:100svh;min-height:720px;padding:clamp(22px,3vw,38px) clamp(28px,4vw,48px);display:grid}.page-shell:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,#11d0d61f,#0000 22%),linear-gradient(#0000 68%,#030711eb);position:absolute;inset:0}.page-shell.menu-shell:after{background:radial-gradient(circle at 16% 34%,#11d0d629,#0000 34%),linear-gradient(#0000 70%,#03071180)}.page-shell.team-select-shell{background:linear-gradient(90deg,#030711f0 0 16%,#03071170 38%,#0307112e 100%),linear-gradient(#03071180,#0307111f 52%,#030711c2),url(/images/team-select-background.jpeg) 50%/cover no-repeat;grid-template-columns:276px minmax(0,1fr);gap:clamp(26px,4vw,72px);height:100svh;min-height:760px;padding:0 clamp(28px,4vw,56px) 0 0;display:grid}.page-shell.team-select-shell:after{background:linear-gradient(90deg,#11d0d614,#0000 28%),linear-gradient(#0000 72%,#030711c7)}.topbar,.hero{z-index:1;position:relative}.topbar{width:min(1680px,100%);min-height:62px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;margin:0 auto;padding:8px 4px;display:grid}.brand{text-transform:uppercase;align-items:center;gap:10px;min-width:210px;display:inline-flex}.brand-logo{object-fit:cover;border:1px solid #11d0d657;border-radius:50%;width:42px;height:42px}.brand-mark{width:48px;height:48px;display:grid;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border-radius:4px;position:absolute}.brand-mark:before{background:linear-gradient(180deg, var(--violet), #28e0d5);inset:4px 28px 6px 6px;transform:skewY(17deg)}.brand-mark:after{background:linear-gradient(180deg, #27d8e5, var(--violet));inset:4px 6px 6px 28px;transform:skewY(-17deg)}.brand-mark span:first-child{background:#141a33;inset:7px 20px 5px;transform:rotate(39deg)}.brand-mark span:last-child{background:#141a33;inset:7px 20px 5px;transform:rotate(-39deg)}.brand-text{letter-spacing:0;align-items:baseline;gap:7px;line-height:1;display:inline-flex}.brand-text strong{color:#fff;font-size:22px;font-style:italic;font-weight:950}.brand-text span{color:var(--lime);font-size:22px;font-style:italic;font-weight:950}.nav-links{color:#ffffffd1;text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(22px,4vw,56px);font-size:13px;font-weight:700;display:flex}.nav-links a{padding:10px 0;position:relative}.nav-links a.active:after{display:none}.header-actions,.hero-actions{align-items:center;gap:16px;display:flex}.primary,.secondary,.watch-link,.icon-button{text-transform:uppercase;border-radius:7px;min-height:46px;font-weight:800}.primary{background:linear-gradient(100deg, #16dce9, var(--lime));color:#020611;border:0;justify-content:center;align-items:center;gap:14px;padding:0 28px;display:inline-flex;box-shadow:0 14px 38px #b7ff002e}.primary.small{min-width:172px;padding:0 22px;font-size:13px}.secondary{color:#fff;background:#05081357;border:1px solid #b7ff008a;justify-content:center;align-items:center;min-width:148px;padding:0 20px;font-size:13px;display:inline-flex}.secondary.icon-text{gap:8px;min-width:104px}.icon-button{color:#fff;background:0 0;border:0;place-items:center;width:48px;display:inline-grid}.user-chip{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:13px;font-weight:800;overflow:hidden}.hero{grid-template-rows:1fr auto;grid-template-columns:minmax(0,760px) minmax(220px,1fr);align-items:center;gap:22px clamp(24px,5vw,92px);width:min(1680px,100%);height:calc(100svh - 90px);min-height:0;margin:0 auto;padding:clamp(10px,2.4vh,30px) 40px clamp(28px,5vh,56px);display:grid}.hero-copy{max-width:740px}.hero-brand-lockup{width:fit-content;margin:0 0 16px clamp(86px,13vw,190px);display:block}.hero-logo-full{object-fit:contain;filter:drop-shadow(0 18px 28px #0000007a);width:clamp(214px,16vw,292px);height:auto;display:block}.eyebrow{color:#ffffffc7;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 22px;font-size:14px;font-weight:800;display:inline-flex}.hero h1{color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 8px 24px #00000085;max-width:720px;margin:0;font-size:clamp(36px,3.35vw,50px);font-style:italic;font-weight:950;line-height:1.04}.hero h1 span{color:#fff;margin-top:4px;display:block}.hero h1 em{color:var(--lime);font-style:inherit}.lead{color:#ffffffd1;max-width:620px;margin:22px 0 26px;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.lead.compact{max-width:620px;margin:18px 0 28px;font-size:18px}.login-status{color:#ffffffd1;max-width:420px;margin:-18px 0 34px;font-size:14px;font-weight:700}.login-status.error{color:#ffb8c1}.watch-link{color:#fffffff0;text-transform:uppercase;background:#0508135c;border:1px solid #b7ff009e;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-width:210px;min-height:54px;padding:0 24px;font-size:14px;font-weight:900;display:inline-flex}.watch-link span{border:1px solid #ffffffbd;border-radius:50%;place-items:center;width:20px;height:20px;display:inline-grid}.home-feature-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0509169e;border:1px solid #ffffff3d;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1380px,100% - 80px);margin:0 auto;display:grid;box-shadow:0 18px 54px #00000057}.home-feature-bar article{grid-template-columns:56px 1fr;align-items:center;gap:18px;min-height:92px;padding:18px 28px;display:grid}.home-feature-bar article+article{border-left:1px solid #ffffff38}.home-feature-bar svg{color:var(--cyan)}.home-feature-bar h2{text-transform:uppercase;margin:0 0 8px;font-size:18px;font-weight:950}.home-feature-bar p{color:#ffffffc2;margin:0;font-size:14px;line-height:1.35}.coach-scene{align-self:stretch;min-height:540px;position:relative}.coach-scene:before{content:"";filter:blur(18px);background:radial-gradient(circle,#ffffff2e,#11d0d61a 31%,#0000 68%);border-radius:50%;width:min(440px,92%);height:72%;position:absolute;bottom:4%;right:8%}.coach-figure{filter:drop-shadow(0 34px 42px #0000008f);width:min(360px,82%);height:88%;position:absolute;bottom:0;right:12%}.coach-head,.coach-neck,.coach-body,.coach-arm{background:linear-gradient(135deg,#101827,#050813 64%,#02040b);display:block;position:absolute}.coach-head{border-radius:44% 44% 38% 38%;width:18%;height:13%;top:3%;left:41%;box-shadow:inset -10px 0 16px #ffffff0f}.coach-neck{border-radius:0 0 12px 12px;width:10%;height:8%;top:15%;left:45%}.coach-body{background:linear-gradient(102deg,#ffffff14,#0000 24%),linear-gradient(135deg,#111b2e,#050813 62%,#02040b);border-radius:32% 32% 8% 8%/18% 18% 5% 5%;width:60%;height:77%;top:19%;left:20%}.coach-body:before{content:"";background:linear-gradient(#ffffff14,#0000 42%);width:14%;height:86%;position:absolute;top:9%;left:43%;transform:skew(-7deg)}.coach-arm{border-radius:40% 40% 18% 18%;width:18%;height:61%;top:27%}.coach-arm.left{left:12%;transform:rotate(8deg)}.coach-arm.right{right:12%;transform:rotate(-8deg)}.profile-panel,.game-hub,.club-selection,.match-created,.match-prep,.match-result{z-index:1;gap:34px;width:min(1680px,100%);margin:0 auto;padding:clamp(58px,10vh,100px) 26px 72px;display:grid;position:relative}.main-menu{align-content:start;width:min(390px,100%);padding-left:clamp(10px,1.8vw,28px);display:grid;position:relative}.main-menu-layout{z-index:1;grid-template-columns:390px 320px;align-content:start;gap:20px;min-height:100%;display:grid;position:relative}.main-menu-logo{object-fit:contain;filter:drop-shadow(0 20px 30px #00000080);width:clamp(128px,9vw,160px);height:auto;margin:0 0 clamp(8px,1.5vh,16px) clamp(64px,6vw,92px)}.main-menu-options{gap:10px;display:grid}.main-menu-option{color:#ffffffd1;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;width:100%;min-height:64px;padding:10px 16px;display:grid}.main-menu-option.active{color:#fff;background:linear-gradient(100deg,#11d0d638,#b7ff0029),#0509167a;border-color:#b7ff00ad;box-shadow:0 0 24px #11d0d62e,inset 0 0 0 1px #11d0d647}.main-menu-option svg{color:#ffffffe0;justify-self:center}.main-menu-option.active svg,.main-menu-option.active strong{color:var(--lime)}.main-menu-option span{gap:4px;display:grid}.main-menu-option strong{text-transform:uppercase;font-size:clamp(20px,1.65vw,24px);font-weight:950;line-height:1}.main-menu-option small{color:#ffffffb8;max-width:270px;font-size:14px;font-weight:550;line-height:1.28}.main-menu-greeting{color:#fff;text-align:center;text-shadow:0 12px 32px #000000ad;gap:6px;width:min(760px,100%);display:grid}.main-menu-greeting p,.main-menu-greeting strong,.main-menu-greeting span{text-transform:uppercase;margin:0;font-style:italic;font-weight:950;line-height:1.02}.main-menu-greeting p{color:#ffffffc7;font-size:clamp(22px,1.9vw,32px)}.main-menu-greeting strong{color:var(--lime);font-size:clamp(48px,5.2vw,86px)}.main-menu-greeting span{font-size:clamp(34px,3.55vw,60px)}.main-menu-detail{z-index:1;justify-items:center;gap:clamp(26px,4vh,46px);width:min(760px,100%);margin:clamp(112px,17vh,180px) auto 0;display:grid;position:relative;transform:translate(clamp(-72px,-4vw,-28px))}.main-menu-subentries{width:min(320px,100%);margin-top:calc(clamp(128px, 9vw, 160px) + clamp(8px, 1.5vh, 16px) + var(--submenu-offset,0px));grid-template-columns:minmax(220px,320px);align-self:start;gap:10px;display:grid}.main-menu-subentry{color:#fff;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0509169e;border:1px solid #ffffff2e;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:14px 18px;display:flex;box-shadow:0 16px 36px #0000003d}.main-menu-subentry:disabled{cursor:default;opacity:.74}.main-menu-subentry:not(:disabled){background:linear-gradient(100deg,#11d0d638,#b7ff0026),#050916a3;border-color:#b7ff0099}.main-menu-subentry strong{text-transform:uppercase;font-size:17px;font-weight:950;line-height:1.1}.main-menu-subentry svg{color:var(--lime);flex:none}.menu-error{color:#ffd3dc;background:#50081857;border:1px solid #ff78915c;border-radius:7px;margin:0 0 14px;padding:10px 12px;font-size:13px;font-weight:800}.profile-panel{grid-template-columns:minmax(0,1fr) minmax(360px,720px);align-items:start}.profile-panel h1,.game-hub h1,.club-selection h1,.match-created h1,.match-prep h1,.match-result h1{letter-spacing:0;margin:0;font-size:clamp(38px,5.6vw,62px);line-height:1}.profile-form{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050916c2;border-radius:8px;gap:18px;width:min(720px,100%);padding:26px;display:grid;box-shadow:0 24px 80px #00000057}.profile-form label{color:#ffffffd6;text-transform:uppercase;gap:8px;font-size:13px;font-weight:800;display:grid}.profile-form input{color:#fff;width:100%;min-height:48px;font:inherit;text-transform:none;background:#030711ad;border:1px solid #fff3;border-radius:7px;outline:none;padding:0 14px;font-size:15px;font-weight:650}.profile-form input:focus{border-color:#11d0d6b8;box-shadow:0 0 0 3px #11d0d624}.profile-form .check-row{text-transform:none;grid-template-columns:18px 1fr;align-items:start;gap:12px}.profile-form .check-row input{width:18px;min-height:18px;accent-color:var(--cyan);margin-top:2px}.game-hub{align-content:center;min-height:calc(100vh - 124px)}.club-selection{align-content:start}.match-created{align-content:center;min-height:calc(100vh - 124px)}.match-prep,.match-result{align-content:start}.selection-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.side-toggle{border:1px solid var(--line);background:#050916b8;border-radius:8px;padding:4px;display:inline-flex}.side-toggle button{color:#ffffffc2;text-transform:uppercase;background:0 0;border:0;border-radius:6px;min-width:118px;min-height:40px;font-weight:800}.side-toggle button.active{background:linear-gradient(100deg, var(--violet), var(--cyan));color:#fff}.club-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.club-picker{gap:14px;display:grid}.club-picker h2{color:#ffffffdb;margin:0;font-size:18px}.club-list{gap:12px;display:grid}.club-card{border:1px solid var(--line);color:#fff;text-align:left;background:#050916b8;border-radius:8px;grid-template-columns:64px 1fr;align-items:center;gap:14px;width:100%;min-height:92px;padding:14px;display:grid}.club-card.selected{border-color:#11d0d6c7;box-shadow:0 0 0 3px #11d0d61f}.club-card:disabled{cursor:not-allowed;opacity:.42}.team-select-sidebar{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030711a3;border-right:1px solid #ffffff1f;align-content:start;gap:12px;height:100%;padding:clamp(32px,5vh,56px) 0;display:grid;position:relative;box-shadow:18px 0 54px #00000052}.team-select-logo{filter:drop-shadow(0 20px 30px #00000080);width:160px;margin:0 auto clamp(40px,7vh,78px)}.team-select-nav{color:#ffffffd1;text-align:left;text-transform:uppercase;background:0 0;border:0;border-left:4px solid #0000;grid-template-columns:46px 1fr;align-items:center;gap:14px;min-height:62px;padding:0 28px;display:grid}.team-select-nav.active{border-left-color:var(--lime);color:var(--lime);background:linear-gradient(90deg,#b7ff0029,#11d0d614,#0000)}.team-select-nav span{font-size:14px;font-weight:950}.team-select-stage{z-index:1;align-content:start;justify-items:center;gap:16px;min-width:0;padding:clamp(34px,5.5vh,62px) 0 32px;display:grid;position:relative}.team-select-header{text-align:center;justify-items:center;gap:12px;width:min(1040px,100%);display:grid}.team-select-header h1{text-transform:uppercase;margin:0;font-size:clamp(34px,3.2vw,52px);font-style:italic;font-weight:950;line-height:1}.team-select-header h1 span{color:var(--lime)}.team-select-header p{color:#ffffffc7;margin:0;font-size:15px;font-weight:800}.team-select-tabs{border-bottom:1px solid #ffffff2e;min-width:min(520px,100%);display:inline-flex}.team-select-tabs button{color:#ffffffb8;text-transform:uppercase;background:#0509167a;border:0;border-bottom:3px solid #0000;flex:1;min-height:38px;font-size:13px;font-weight:950}.team-select-tabs button.active{border-bottom-color:var(--lime);color:var(--lime)}.team-match-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050916b8;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:clamp(20px,3vw,48px);width:min(1040px,100%);min-height:380px;padding:clamp(22px,3vw,36px);display:grid;position:relative;box-shadow:0 28px 80px #00000057}.club-preview{color:#fff;text-align:center;justify-items:center;gap:10px;min-width:0;display:grid}.club-preview-label{color:var(--lime);text-transform:uppercase;font-size:13px;font-weight:950}.football-kit{filter:drop-shadow(0 20px 22px #0000005c);width:150px;height:172px;display:grid;position:relative}.kit-shirt{border:4px solid color-mix(in srgb, var(--club-primary) 72%, #fff);background:linear-gradient(90deg, transparent 0 38%, var(--club-secondary) 38% 62%, transparent 62% 100%), linear-gradient(180deg, color-mix(in srgb, var(--club-primary) 92%, #fff), color-mix(in srgb, var(--club-primary) 80%, #050813));border-radius:18px 18px 9px 9px;width:74px;height:86px;position:absolute;top:6px;left:38px;box-shadow:inset 0 -12px 18px #0000002e}.kit-sleeve{border:4px solid color-mix(in srgb, var(--club-primary) 72%, #fff);background:color-mix(in srgb, var(--club-primary) 88%, #050813);width:30px;height:38px;position:absolute;top:9px}.kit-sleeve.left{border-right:0;border-radius:14px 0 9px 16px;left:-32px;transform:rotate(-12deg)}.kit-sleeve.right{border-left:0;border-radius:0 14px 16px 9px;right:-32px;transform:rotate(12deg)}.kit-collar{background:#ffffff14;border:5px solid #050813;border-top:0;border-radius:0 0 18px 18px;width:30px;height:22px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.kit-stripe{background:color-mix(in srgb, var(--club-secondary) 78%, #fff);opacity:.82;border-radius:8px;width:10px;height:46px;position:absolute;bottom:10px;right:10px}.kit-shorts{background:linear-gradient(90deg, transparent 0 46%, #ffffff29 46% 54%, transparent 54% 100%), color-mix(in srgb, var(--club-primary) 72%, #050813);border-radius:7px 7px 12px 12px;width:74px;height:36px;position:absolute;top:92px;left:38px;box-shadow:inset 0 -10px 14px #0000002e}.kit-leg{background:color-mix(in srgb, var(--club-primary) 64%, #050813);border-radius:0 0 8px 8px;width:21px;height:18px;position:absolute;top:126px}.kit-leg.left{left:50px}.kit-leg.right{right:50px}.kit-sock{border-top:5px solid var(--club-secondary);background:color-mix(in srgb, var(--club-primary) 70%, #050813);border-radius:5px 5px 3px 3px;width:20px;height:23px;position:absolute;top:143px}.kit-sock.left{left:50px}.kit-sock.right{right:50px}.kit-boot{background:#050813;border-radius:8px 8px 3px 3px;width:26px;height:8px;position:absolute;top:165px}.kit-boot.left{left:44px}.kit-boot.right{right:44px}.football-kit:after{content:"";filter:blur(6px);background:#00000052;border-radius:50%;height:12px;position:absolute;bottom:-2px;left:14px;right:14px}.club-preview-info{gap:3px;display:grid}.club-preview-info strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:240px;font-size:clamp(24px,2vw,32px);font-weight:950;overflow:hidden}.club-preview-info span{color:#ffffffb8;text-transform:uppercase;font-size:13px;font-weight:850}.club-preview-badge{background:linear-gradient(135deg, var(--club-primary) 0 48%, var(--club-secondary) 49% 100%);border:3px solid #fff3;border-radius:50%;place-items:center;width:112px;height:112px;font-size:24px;font-weight:950;display:grid;box-shadow:0 20px 38px #00000047}.club-stars{color:#ffd447;gap:6px;display:flex}.club-ratings{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;display:grid}.club-ratings div{gap:3px;min-width:48px;display:grid}.club-ratings dt{color:#ffffffad;font-size:12px;font-weight:950}.club-ratings dd{margin:0;font-size:26px;font-weight:950}.match-versus{width:54px;height:54px;color:var(--lime);border:1px solid #b7ff0099;border-radius:50%;place-items:center;font-size:17px;font-weight:950;display:grid}.team-select-controls{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px;width:min(1040px,100%);display:grid}.team-select-column{background:#05091694;border:1px solid #ffffff24;border-radius:8px;gap:10px;padding:14px;display:grid}.team-select-column header{justify-content:space-between;align-items:center;gap:12px;display:flex}.team-select-column header strong{text-transform:uppercase;font-size:15px;font-weight:950}.side-toggle.compact{border-radius:6px}.side-toggle.compact button{min-width:86px;min-height:34px;font-size:12px}.team-club-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.team-club-button{color:#fff;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;grid-template-columns:42px 1fr;align-items:center;gap:9px;min-height:58px;padding:8px;display:grid}.team-club-button.selected{background:#b7ff001a;border-color:#b7ff00b8}.team-club-button:disabled{cursor:not-allowed;opacity:.42}.team-club-mark{background:linear-gradient(135deg, var(--club-primary) 0 48%, var(--club-secondary) 49% 100%);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;font-weight:950;display:grid}.team-club-button span:last-child{gap:2px;min-width:0;display:grid}.team-club-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;overflow:hidden}.team-club-button small{color:#ffffffa3;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.team-select-actions{justify-content:center;width:min(1040px,100%);display:flex}.play-match-button{background:linear-gradient(100deg, #7dff2a, var(--lime));color:#071006;text-transform:uppercase;border:0;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-width:300px;min-height:58px;padding:0 28px;font-size:19px;font-weight:950;display:inline-flex;box-shadow:0 22px 42px #b7ff002e}.club-badge{background:linear-gradient(135deg, var(--club-primary) 0 48%, var(--club-secondary) 49% 100%);letter-spacing:.03em;border:2px solid #ffffff3d;border-radius:8px;place-items:center;width:58px;height:58px;font-size:15px;font-weight:900;display:grid}.club-info{gap:4px;display:grid}.club-info strong{font-size:17px}.club-info small{color:#ffffffad;font-size:13px;font-weight:700}.selection-actions{justify-content:flex-end;gap:14px;display:flex}.scoreboard-preview{border:1px solid var(--line);background:#050916b8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;width:min(900px,100%);padding:22px;display:grid}.scoreboard-preview>span{color:#ffffffad;text-transform:uppercase;font-size:18px;font-weight:900}.team-badge{align-items:center;gap:14px;min-width:0;display:flex}.team-badge:last-child{justify-content:flex-end}.team-badge strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.prep-controls{align-items:center;gap:12px;display:flex}.prep-controls.inline{justify-content:flex-start}.prep-controls select{border:1px solid var(--line);color:#fff;min-height:46px;font:inherit;background:#050916c7;border-radius:7px;padding:0 14px;font-weight:800}.lineup-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.lineup-panel{border:1px solid var(--line);background:#050916b8;border-radius:8px;gap:16px;padding:18px;display:grid}.lineup-panel header{justify-content:space-between;align-items:center;gap:14px;display:flex}.lineup-panel header>span{color:#ffffffb8;font-weight:900}.lineup-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lineup-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;grid-template-columns:34px 1fr 42px;align-items:center;gap:8px;min-height:42px;padding:7px 9px;display:grid}.lineup-row span,.lineup-row small{color:#ffffffb3;font-weight:900}.lineup-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.bench-list{flex-wrap:wrap;gap:8px;display:flex}.bench-list h3{color:#ffffffd1;flex-basis:100%;margin:0;font-size:15px}.bench-list span{color:#ffffffb8;border:1px solid #ffffff1a;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:800}.match-field{aspect-ratio:16/9;background:linear-gradient(90deg,#0000 49.8%,#ffffff38 50%,#0000 50.2%),linear-gradient(#ffffff24,#ffffff24) 50%/18% 30% no-repeat,repeating-linear-gradient(90deg,#1c914ac7 0 10%,#239e52c7 10% 20%);border:1px solid #ffffff3d;border-radius:8px;width:min(860px,100%);margin-inline:24px;position:relative;overflow:visible}.tactical-board{box-shadow:inset 0 0 0 1px #ffffff14,0 18px 48px #00000047}.field-line{pointer-events:none;border:1px solid #ffffff3d;position:absolute}.center-circle{aspect-ratio:1;border-radius:50%;width:18%;top:50%;left:50%;transform:translate(-50%,-50%)}.left-box,.right-box{width:13%;height:48%;top:26%}.left-box{border-left:0;left:0}.right-box{border-right:0;right:0}.goal-frame{z-index:1;background:linear-gradient(#ffffff29 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#ffffff29 1px,#0000 1px) 0 0/25% 100%;border:2px solid #ffffffb8;width:3.2%;height:16%;position:absolute;top:42%}.left-goal{border-right:0;border-radius:4px 0 0 4px;right:100%}.right-goal{border-left:0;border-radius:0 4px 4px 0;left:100%}.play-chip{z-index:4;color:#ffffffd1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#050916b8;border:1px solid #ffffff2e;border-radius:6px;max-width:calc(100% - 24px);padding:7px 10px;font-size:11px;font-weight:900;position:absolute;top:12px;left:12px;overflow:hidden}.player-token{z-index:2;background:linear-gradient(135deg, var(--player-primary) 0 55%, var(--player-secondary) 56% 100%);color:#fff;will-change:left, top;border:1.5px solid #ffffff57;border-radius:50%;place-items:center;width:clamp(24px,3.2vw,34px);height:clamp(24px,3.2vw,34px);transition:left .92s cubic-bezier(.22,.68,.2,1),top .92s cubic-bezier(.22,.68,.2,1),box-shadow .52s,border-color .52s,opacity .52s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000057}.player-token strong{font-size:clamp(9px,1.15vw,12px);line-height:1}.player-token small{color:#ffffffc7;background:#050916d1;border-radius:4px;min-width:18px;padding:1px 3px;font-size:7px;font-weight:900;position:absolute;bottom:-5px;right:-4px}.player-token.visitante{border-style:dashed}.player-token.principal{z-index:5;border-color:#ffffffd1;box-shadow:0 0 0 3px #ffffff14,0 10px 22px #00000057}.player-token.secundario{z-index:4;border-color:#ffffff9e;box-shadow:0 0 0 2px #11d0d61a,0 10px 20px #0000004d}.player-token.apoyo{border-color:#11d0d694}.player-token.presion{border-color:#ffbe5ead;box-shadow:0 0 0 2px #ffbe5e14,0 10px 20px #0000004d}.player-token.portero{border-color:#ffffffc2;box-shadow:0 0 0 2px #ffffff14,0 10px 22px #00000057}.ball-dot{z-index:6;will-change:left, top;background:#fff;border:1.5px solid #111827;border-radius:50%;width:12px;height:12px;transition:left .9s cubic-bezier(.22,.68,.2,1),top .9s cubic-bezier(.22,.68,.2,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 14px #fffc}.tactical-board.continuous .player-token,.tactical-board.continuous .ball-dot{transition:none}.tactical-board.continuous .player-token.principal,.tactical-board.continuous .player-token.secundario,.tactical-board.continuous .player-token.apoyo,.tactical-board.continuous .player-token.presion,.tactical-board.continuous .player-token.portero{border-color:#ffffff75;box-shadow:0 8px 18px #00000057}.result-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px;display:grid}.match-clock{background:#050916cc;border:1px solid #ffffff24;border-radius:8px;align-items:baseline;gap:10px;width:fit-content;min-height:48px;padding:8px 14px;display:inline-flex}.match-clock strong{color:#fff;font-size:28px;font-weight:950}.match-clock span{color:#ffffffad;text-transform:uppercase;font-size:12px;font-weight:900}.live-controls{background:#050916b8;border:1px solid #ffffff1f;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:640px;min-height:44px;padding:8px 10px 8px 14px;display:flex}.live-controls span{color:#ffffffc2;text-transform:uppercase;font-size:13px;font-weight:900}.live-controls button{color:#fff;background:#11d0d61a;border:1px solid #11d0d661;border-radius:6px;min-width:62px;min-height:34px;font-weight:900}.live-controls select{color:#fff;background:#050916c7;border:1px solid #ffffff29;border-radius:6px;min-height:34px;font-weight:800}.live-controls button.active{background:#11d0d647}.live-controls .restart-match-button{align-items:center;gap:7px;width:auto;padding-inline:12px;display:inline-flex}.event-feed,.stats-panel{align-content:start;gap:10px;display:grid}.event-feed{max-height:680px;padding-right:4px;overflow:auto}.event-feed-summary{background:#11d0d61a;border:1px solid #11d0d647;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;display:flex}.event-feed-summary strong,.event-feed-summary span{color:#ffffffd1;text-transform:uppercase;font-size:13px;font-weight:900}.event-feed article,.stats-panel div{border:1px solid #ffffff1f;border-left:5px solid var(--event-color,#ffffff3d);background:#050916b8;border-radius:8px;padding:12px 14px}.event-feed article.possession-start{border-color:#11d0d661;border-left-color:var(--event-color,#11d0d6c7);background:#11d0d614;margin-top:10px}.event-feed article.active-event{background:linear-gradient(135deg,#11d0d61a,#050916db);border-width:1px 1px 1px 7px;min-height:132px;padding:20px}.event-feed article.active-event span{font-size:13px}.event-feed article.active-event p{margin-top:10px;font-size:clamp(18px,2vw,25px);line-height:1.28}.event-feed article.empty-event{background:#05091694;border-left-color:#ffffff3d}.event-feed article.empty-event p{color:#ffffff9e}.event-history{gap:10px;display:grid}.event-history summary{color:#ffffffbd;cursor:pointer;text-transform:uppercase;background:#050916b8;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;font-size:12px;font-weight:900;list-style:none;display:flex}.event-history summary::-webkit-details-marker{display:none}.event-history summary:after{content:"+";color:#ffffff85;font-size:18px;line-height:1}.event-history[open] summary:after{content:"-"}.event-history>div{gap:10px;display:grid}.event-feed span,.stats-panel strong{color:#ffffff9e;text-transform:uppercase;font-size:12px;font-weight:900}.event-feed p{margin:4px 0 0}.stats-panel div{gap:6px;display:grid}.stats-panel span{color:#ffffffc7;font-weight:800}.page-shell.match-live-shell{background:radial-gradient(circle at 50% 0,#b7ff0014,#0000 28%),linear-gradient(90deg,#030711f5,#030711b8 48%,#030711f0),url(/images/team-select-background.jpeg) 50%/cover no-repeat;height:100svh;min-height:720px;padding:clamp(14px,1.7vw,24px);display:grid;overflow:hidden}.page-shell.match-live-shell:after{background:linear-gradient(#0307112e,#030711d6),linear-gradient(90deg,#11d0d614,#0000 24% 76%,#7b4dff14)}.match-live{z-index:1;grid-template:"score score score""info board events"minmax(0,1fr)"info possession events"/minmax(230px,270px) minmax(620px,1fr) minmax(280px,330px);gap:clamp(10px,1vw,16px);width:min(1660px,100%);height:min(900px,100svh - clamp(28px,3.4vw,48px));min-height:690px;margin:auto;display:grid;position:relative}.live-scoreboard{background:#050916d1;border:1px solid #ffffff1a;border-radius:8px;grid-area:score;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:stretch;min-height:clamp(92px,12svh,128px);display:grid;overflow:hidden;box-shadow:0 20px 52px #00000061}.live-team,.live-score{align-items:center;display:flex}.live-team{background:linear-gradient(120deg,#11d0d61a,#ffffff05);gap:18px;padding:18px clamp(22px,3vw,42px)}.live-team.visitante{background:linear-gradient(240deg,#7b4dff2e,#ffffff05);justify-content:flex-end}.live-team .team-badge{gap:0}.live-team .club-badge{width:clamp(48px,4.8vw,68px);height:clamp(48px,4.8vw,68px);font-size:13px}.live-team strong{letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:360px;font-size:clamp(24px,2.4vw,34px);font-weight:950;overflow:hidden}.live-score{clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);background:linear-gradient(#030711f5,#0c111fe6);justify-content:center;gap:clamp(22px,3vw,46px);min-width:clamp(300px,30vw,430px);padding-inline:26px}.live-score>span{color:var(--lime);font-size:clamp(42px,4.6vw,62px);font-weight:950;line-height:1}.live-score div{justify-items:center;gap:6px;min-width:112px;display:grid}.live-score small{color:#ffffffc2;text-transform:uppercase;font-size:13px;font-weight:900}.live-score strong{color:var(--lime);font-size:clamp(26px,2.8vw,38px);font-weight:950}.match-live-controls{z-index:3;gap:12px;display:flex;position:absolute;top:clamp(72px,9.3svh,100px);left:50%;transform:translate(-50%)}.match-live-controls button{min-width:46px;min-height:42px;color:var(--lime);background:#050916e0;border:1px solid #b7ff004d;border-radius:7px;place-items:center;font-weight:950;display:inline-grid;box-shadow:0 12px 26px #0000005c}.match-live-controls button.active{background:#b7ff0029}.match-live-controls .restart-match-button{grid-auto-flow:column;gap:7px;padding-inline:12px}.match-info-panel,.live-events-panel,.live-board-panel,.live-possession-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050916c2;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 22px 54px #00000057}.match-info-panel{grid-area:info;align-content:start;gap:clamp(16px,2svh,26px);min-height:0;padding:clamp(18px,2vw,26px);display:grid}.match-info-panel h2,.live-events-panel h2{color:var(--lime);text-transform:uppercase;margin:0;font-size:15px;font-weight:950}.match-info-panel div{grid-template-columns:34px 1fr;gap:2px 14px;display:grid}.match-info-panel svg{color:#ffffffb3;grid-row:span 2;align-self:center}.match-info-panel span{color:#ffffff8f;text-transform:uppercase;font-size:12px;font-weight:900}.match-info-panel strong{color:#fff;font-size:clamp(15px,1.1vw,18px);font-weight:900}.live-board-panel{grid-area:board;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:clamp(12px,1.2vw,18px);display:grid}.live-tabs{border-bottom:1px solid #ffffff21;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;min-height:48px;display:grid}.live-tabs span{color:#ffffffb8;text-align:center;text-transform:uppercase;border-bottom:3px solid #0000;place-items:center;min-height:42px;font-size:clamp(11px,.9vw,14px);font-weight:950;display:grid}.live-tabs span.active,.live-tabs span:nth-child(4){border-color:var(--lime);color:var(--lime);background:#b7ff0014}.live-board-panel .match-field{aspect-ratio:16/9;background:url(/images/match-pitch.jpeg) 50%/cover no-repeat;border-color:#ffffff3d;place-self:center;width:100%;max-width:100%;max-height:calc(100svh - 300px);margin:0;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff0a,0 18px 44px #0000006b}.live-board-panel .field-line,.live-board-panel .goal-frame{display:none}.live-board-panel .play-chip{background:#050916a3;max-width:42%;top:10px;left:10px}.live-board-panel .player-token{width:clamp(22px,2vw,30px);height:clamp(22px,2vw,30px)}.live-board-panel .player-token small{display:none}.live-board-panel .ball-dot{width:10px;height:10px}.live-events-panel{grid-area:events;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:clamp(18px,2vw,26px);display:grid}.live-events-head{border-bottom:1px solid #ffffff1f;gap:16px;padding-bottom:16px;display:grid}.live-events-head select{color:#fff;background:#050916db;border:1px solid #ffffff24;border-radius:6px;min-height:36px;font-weight:850}.live-event-list{align-content:start;min-height:0;display:grid;overflow:hidden}.live-event{background:0 0;border-bottom:1px solid #ffffff1a;border-left:0;grid-template-columns:54px 1fr;gap:14px;padding:clamp(13px,1.7svh,18px) 0;display:grid}.live-event time{color:#ffffffd1;text-align:right;font-size:16px;font-weight:950}.live-event div{padding-left:18px;position:relative}.live-event div:before{content:"";background:#b7ff006b;width:1px;position:absolute;top:6px;bottom:-18px;left:0}.live-event div:after{background:var(--event-color,var(--lime));content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:-4px}.live-event strong{color:var(--event-color,var(--lime));text-transform:uppercase;font-size:13px;font-weight:950;display:block}.live-event p{color:#ffffffc2;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.live-event.active p{color:#ffffffe6}.live-possession-bar{grid-area:possession;grid-template-columns:auto minmax(110px,max-content) auto minmax(220px,1fr) auto minmax(110px,max-content) auto;align-items:center;gap:14px;min-height:76px;padding:12px 22px;display:grid}.live-possession-bar .club-badge{width:44px;height:44px;font-size:11px}.live-possession-bar strong{color:#fff;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:18px;font-weight:950;overflow:hidden}.live-possession-bar span{color:var(--lime);font-size:27px;font-weight:950}.live-possession-bar div{background:linear-gradient(90deg,#b7ff001f,#7b4dff5c);border-radius:999px;height:12px;overflow:hidden}.live-possession-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--lime), #11d0d6);height:100%;display:block}@media (width<=1020px){.topbar{grid-template-columns:auto 1fr}.nav-links{display:none}.header-actions{justify-content:end}.user-chip{display:none}.hero{grid-template-columns:1fr;height:auto;min-height:calc(100svh - 86px);padding:58px 22px 54px}.hero-brand-lockup{margin-left:0}.home-feature-bar{grid-template-columns:1fr;width:100%}.home-feature-bar article+article{border-top:1px solid #ffffff38;border-left:0}.profile-panel{grid-template-columns:1fr}.selection-head{flex-direction:column;align-items:start}.club-columns,.lineup-columns{grid-template-columns:1fr}.coach-scene{display:none}}@media (width<=700px){.page-shell{background-position:67%;height:auto;min-height:100vh;padding:10px;overflow:auto}.page-shell.menu-shell{background-position:61%;min-height:100vh;padding:22px 14px 34px;display:block}.main-menu{width:min(360px,100%);padding-left:0}.main-menu-layout{grid-template-columns:1fr;gap:18px;min-height:auto}.main-menu-logo{width:150px;margin-left:10px}.main-menu-options{gap:10px}.main-menu-option{grid-template-columns:46px minmax(0,1fr);min-height:62px;padding:12px 14px}.main-menu-option strong{font-size:19px}.main-menu-option small{font-size:14px}.main-menu-greeting{text-align:left;width:min(360px,100%);margin:0 auto}.main-menu-greeting strong{font-size:34px}.main-menu-greeting span{font-size:24px}.main-menu-detail{justify-items:start;gap:18px;margin:24px 0 0;transform:none}.main-menu-subentries{grid-template-columns:1fr;width:min(360px,100%);margin-top:0}.main-menu-subentry{min-height:58px;padding:14px 16px}.topbar{border-radius:10px;gap:14px;min-height:74px;padding:12px}.brand{min-width:0}.brand-mark{width:42px;height:42px}.brand-text strong{font-size:19px}.brand-text span{font-size:14px}.header-actions .primary,.header-actions .secondary,.user-chip{display:none}.hero{padding:72px 10px 36px}.hero-logo-full{width:166px;margin-bottom:18px}.hero h1{font-size:clamp(34px,10.5vw,46px)}.lead{margin:26px 0 34px;font-size:17px}.hero-actions{flex-direction:column;align-items:stretch;max-width:320px}.home-feature-bar article{grid-template-columns:42px 1fr;min-height:92px;padding:18px}.home-feature-bar h2{font-size:15px}.watch-link{min-height:42px}.profile-panel,.game-hub,.club-selection,.match-created,.match-prep,.match-result{padding:54px 10px 40px}.profile-form{padding:18px}.selection-actions{flex-direction:column-reverse;align-items:stretch}.side-toggle,.side-toggle button{width:100%}.scoreboard-preview{grid-template-columns:1fr;justify-items:start}.team-badge:last-child{justify-content:flex-start}.prep-controls{flex-direction:column;align-items:stretch;width:100%}.lineup-list,.result-layout{grid-template-columns:1fr}}@media (height<=820px) and (width>=1021px){.hero{gap:18px clamp(24px,5vw,92px);padding-top:4px;padding-bottom:34px}.hero-brand-lockup{margin-bottom:14px}.hero-logo-full{width:188px;margin-bottom:8px}.hero h1{font-size:clamp(32px,3.05vw,44px)}.lead{margin:16px 0 20px;font-size:16px;line-height:1.42}.primary,.secondary,.watch-link{min-height:46px}.home-feature-bar article{min-height:76px;padding:12px 22px}.home-feature-bar svg{width:34px;height:34px}}