:root{--color-accent: #29e6ff;--color-highlight: #ffd23f;--color-hot: #ff3d9a}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@supports selector(::-webkit-scrollbar){*::-webkit-scrollbar{width:.7rem;height:.7rem}*::-webkit-scrollbar-track{margin:.3rem;background:rgba(11,8,48,.55);border-radius:1rem;box-shadow:inset 0 0 .2rem rgba(0,0,0,.6)}*::-webkit-scrollbar-thumb{border:2px solid #0b0830;background:linear-gradient(to bottom, #29e6ff, #8a5cff);border-radius:1rem;box-shadow:0 0 .5rem rgba(41,230,255,.5)}*::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background:linear-gradient(to bottom, #8af3ff, #ff3d9a)}*::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#29e6ff rgba(11,8,48,.55)}}body{margin:0;min-height:100vh;font-family:"Zen Maru Gothic","Segoe UI",sans-serif;font-size:1rem;font-weight:500;line-height:1.5;color:#fff;background:#0a0e3a}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,ol{margin:0;padding:0}ol{list-style:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.6rem)}}@keyframes glow-pulse{0%,100%{opacity:.55}50%{opacity:1}}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}@media(min-width: 40rem){.site-header{padding:1rem 2rem}}.home-nav{display:flex;gap:1rem;font-weight:700;color:#d5dcff}.home-nav:hover{color:#ffd23f}.brand{display:flex;align-items:center;gap:.6rem}.brand-logo{width:2.25rem;height:auto}.brand-name{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.1rem;paint-order:stroke fill;-webkit-text-stroke:.12rem #0b0830;text-shadow:0 .09rem .3rem rgba(11,8,48,.7)}.brand-accent{color:var(--color-highlight)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:5rem 1rem 3rem;text-align:center;background:#0a0e3a url("/images/hero.svg") center bottom/cover no-repeat}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6rem;background:linear-gradient(to bottom, transparent, #0a0e3a);pointer-events:none}.hero-logo{position:relative;z-index:1;width:9rem;height:auto;filter:drop-shadow(0 0 1.25rem rgba(41, 230, 255, 0.55));animation:logo-float 4s ease-in-out infinite}@media(min-width: 40rem){.hero-logo{width:12rem}}.hero-character{position:absolute;bottom:4rem;z-index:1;display:none;width:12rem;height:auto;filter:drop-shadow(0 0.5rem 0.6rem rgba(11, 8, 48, 0.6));pointer-events:none}@media(min-width: 64rem){.hero-character{display:block}}.hero-character-left{left:8%}.hero-character-right{right:8%}.wordmark{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-top:1rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-weight:400;line-height:.95;text-transform:uppercase}.wordmark-top{font-size:2.6rem;color:#fff;paint-order:stroke fill;-webkit-text-stroke:.21rem #0b0830;text-shadow:0 .18rem .3rem rgba(11,8,48,.7)}@media(min-width: 40rem){.wordmark-top{font-size:4.2rem}}.wordmark-bottom{font-size:3.6rem;background:linear-gradient(to bottom, #fff07a, #ff9f1c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:drop-shadow(0 0.3rem 0 #0b0830)}@media(min-width: 40rem){.wordmark-bottom{font-size:6rem}}.hero-tagline{position:relative;z-index:1;max-width:24rem;margin-top:1.25rem;font-size:1.1rem;font-weight:700;text-shadow:0 .1rem .5rem #0b0830,0 0 1rem #0b0830}@media(min-width: 40rem){.hero-tagline{max-width:36rem;font-size:1.35rem}}.hero-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:20rem;margin-top:1.75rem}@media(min-width: 40rem){.hero-actions{flex-direction:row;justify-content:center;max-width:none}}.primary-btn,.secondary-btn{display:inline-block;padding:.85rem 1.9rem;border:3px solid #0b0830;border-radius:2rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.05rem;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.primary-btn{color:#0b0830;background:linear-gradient(to bottom, #fff7a8, #ffd23f 45%, #ff9f1c);box-shadow:0 .3rem 0 #0b0830,inset 0 .2rem 0 rgba(255,255,255,.55),0 0 1.5rem rgba(255,210,63,.55)}.primary-btn:hover{transform:translateY(-0.15rem)}.primary-btn:active{transform:translateY(0.2rem);box-shadow:0 .1rem 0 #0b0830,inset 0 .2rem 0 rgba(255,255,255,.55)}.secondary-btn{color:#fff;background:rgba(11,8,48,.7);border-color:#29e6ff;box-shadow:0 .3rem 0 #0b0830,inset 0 .2rem 0 rgba(255,255,255,.18),0 0 1rem rgba(41,230,255,.45)}.secondary-btn:hover{transform:translateY(-0.15rem)}.secondary-btn:active{transform:translateY(0.2rem);box-shadow:0 .1rem 0 #0b0830,inset 0 .2rem 0 rgba(255,255,255,.18)}.ladder,.features{max-width:64rem;margin:0 auto;padding:2.5rem 1rem;text-align:center}@media(min-width: 40rem){.ladder,.features{padding:3.5rem 2rem}}.section-title{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.6rem;font-weight:400;paint-order:stroke fill;-webkit-text-stroke:.15rem #0b0830;text-shadow:0 .12rem .3rem rgba(11,8,48,.7)}@media(min-width: 40rem){.section-title{font-size:2.2rem}}.section-text{max-width:32rem;margin:.75rem auto 0;color:#d5dcff}.ladder-steps{display:flex;flex-direction:column;gap:.9rem;max-width:28rem;margin:1.75rem auto 0}.ladder-step{display:grid;grid-template-columns:3.25rem 1fr;grid-template-areas:"rank name" "rank teams";align-items:center;column-gap:1rem;padding:.9rem 1.1rem;text-align:left;border:2px solid #d5dcff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(213,220,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(213,220,255,.12)}.ladder-step.ladder-top{border-color:#ffd23f;box-shadow:0 0 1.5rem rgba(255,210,63,.45),inset 0 0 1rem rgba(255,210,63,.15)}.ladder-step.ladder-top .ladder-rank{background:linear-gradient(to bottom, #fff07a, #ff9f1c)}.ladder-step.ladder-mid .ladder-rank{background:linear-gradient(to bottom, #ffffff, #d5dcff)}.ladder-step.ladder-low{border-color:#ff9a62;box-shadow:0 0 1rem rgba(255,154,98,.35),inset 0 0 1rem rgba(255,154,98,.12)}.ladder-step.ladder-low .ladder-rank{background:linear-gradient(to bottom, #ffc9a3, #ff9a62)}.ladder-rank{grid-area:rank;display:grid;place-items:center;width:3.25rem;height:3.25rem;border:3px solid #0b0830;border-radius:50%;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.4rem;color:#0b0830}.ladder-name{grid-area:name;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.15rem}.ladder-teams{grid-area:teams;font-size:.9rem;color:#d5dcff}.feature-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.75rem}@media(min-width: 40rem){.feature-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 64rem){.feature-grid{grid-template-columns:repeat(4, 1fr)}}.feature-card{padding:1.5rem 1.25rem;text-align:center;border:2px solid #29e6ff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(41,230,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(41,230,255,.12)}.feature-card:nth-child(even){border-color:#ff3d9a;box-shadow:0 0 1.25rem rgba(255,61,154,.35),inset 0 0 1rem rgba(255,61,154,.12)}.feature-icon{width:3rem;height:3rem;margin:0 auto .75rem;padding:.7rem;border:3px solid #0b0830;border-radius:50%;color:#0b0830;background:linear-gradient(to bottom, #fff07a, #ff9f1c)}.feature-title{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.05rem;font-weight:400}.feature-text{margin-top:.5rem;font-size:.95rem;color:#d5dcff}.site-footer{padding:2rem 1rem calc(2rem + env(safe-area-inset-bottom));text-align:center;font-size:.85rem;color:#d5dcff;background:#0b0830}.app-page{background:#0a0e3a url("/images/hero.svg") center top/cover fixed no-repeat}.app-form{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;background:rgba(11,8,48,.82);border-bottom:2px solid rgba(41,230,255,.4)}.app-header .brand-name{display:none;font-size:.95rem}@media(min-width: 40rem){.app-header{gap:1rem;padding:.9rem 2rem}.app-header .brand-name{display:inline;font-size:1.1rem}}.app-nav{display:flex;align-items:center;gap:.75rem;font-size:.85rem;white-space:nowrap}@media(min-width: 40rem){.app-nav{gap:1rem;font-size:1rem}}.app-link{font-weight:700;color:#d5dcff}.app-link:hover{color:#ffd23f}.app-main{flex:1;width:100%;max-width:64rem;margin:0 auto;padding:1.25rem 1rem 3rem}.err{border:2px solid #ff3d9a;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(255,61,154,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(255,61,154,.12);position:fixed;left:50%;bottom:1.5rem;z-index:100;max-width:calc(100% - 2rem);padding:.85rem 1.25rem;font-weight:700;text-align:center;transform:translateX(-50%)}.auth-card{max-width:26rem;margin:2rem auto;padding:1.5rem 1.25rem;border:2px solid #29e6ff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(41,230,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(41,230,255,.12)}.auth-title{margin-bottom:1.25rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.5rem;font-weight:400;text-align:center;paint-order:stroke fill;-webkit-text-stroke:.15rem #0b0830;text-shadow:0 .12rem .3rem rgba(11,8,48,.7)}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.field-label{font-size:.9rem;font-weight:700;color:#d5dcff}.field-input{width:100%;padding:.7rem .8rem;border:2px solid #0b0830;border-radius:.7rem;font-family:inherit;font-size:1rem;color:#0b0830;background:#fff}.field-input:focus{outline:3px solid #29e6ff}.auth-submit{display:block;width:100%;margin-top:1.5rem;cursor:pointer}.auth-switch{margin-top:1.25rem;text-align:center;color:#d5dcff}.auth-switch-link{font-weight:700;color:#ffd23f}.club-head{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding:1rem;border:2px solid #ffd23f;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(255,210,63,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(255,210,63,.12)}.club-crest{flex:none;width:6rem}.club-name{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.6rem;font-weight:400;paint-order:stroke fill;-webkit-text-stroke:.15rem #0b0830;text-shadow:0 .12rem .3rem rgba(11,8,48,.7)}.club-meta{color:#d5dcff}.club-squad{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem;margin-top:1rem}@media(min-width: 40rem){.club-squad{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 64rem){.club-squad{grid-template-columns:repeat(6, 1fr)}}.player-card{padding:.6rem .4rem;text-align:center;border:2px solid #d5dcff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(213,220,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(213,220,255,.12)}.player-role{margin-top:.25rem;font-size:.8rem;color:#d5dcff}.player-name{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.85rem;font-weight:400}.dash-welcome{font-size:.85rem;font-weight:700;color:#29e6ff}.club-category{display:inline-block;margin-top:.4rem;padding:.2rem .8rem;border-radius:2rem;font-size:.85rem;font-weight:700;color:#0b0830;background:linear-gradient(to bottom, #fff7a8, #ffd23f)}.standings{display:flex;flex-direction:column;gap:.25rem}.standing-row{display:grid;grid-template-columns:1.6rem minmax(0, 1fr) 1.8rem 2.2rem 2rem;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:.8rem;font-size:.85rem;background:rgba(255,255,255,.05)}@media(min-width: 40rem){.standing-row{grid-template-columns:2rem minmax(0, 1fr) 3rem 3.5rem 3rem;font-size:.95rem}}.standing-row.mine{color:#0b0830;background:linear-gradient(to bottom, #fff7a8, #ffd23f)}.standing-row.standing-head{margin-top:.6rem;font-size:.75rem;font-weight:700;color:#d5dcff;background:none}a.standing-row{color:inherit;text-decoration:none;transition:transform .12s ease,background .12s ease}a.standing-row:hover{transform:translateX(0.15rem);background:rgba(255,255,255,.12)}a.standing-row.mine:hover{background:linear-gradient(to bottom, #fff7a8, #ffd23f)}.back-link{display:inline-block;margin-bottom:.75rem;font-size:.9rem;font-weight:700;color:#29e6ff}.back-link::before{content:"← "}.team-squad{display:grid;grid-template-columns:minmax(0, 1fr);gap:.75rem;margin-top:1rem}@media(min-width: 64rem){.team-squad{grid-template-columns:repeat(2, minmax(0, 1fr))}}.player-detail{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem .6rem .4rem;border:2px solid #d5dcff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(213,220,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(213,220,255,.12)}.detail-art{flex:none;width:5.5rem}.detail-body{flex:1;min-width:0}.detail-skills{display:flex;flex-direction:column;gap:.15rem;margin-top:.4rem}.skill-line{display:grid;grid-template-columns:4.6rem minmax(0, 1fr) 1.4rem;align-items:center;gap:.4rem;font-size:.7rem}.skill-line b{text-align:right;color:#ffd23f}.skill-label{overflow:hidden;color:#d5dcff;text-overflow:ellipsis;white-space:nowrap}.skill-track{height:.45rem;border-radius:.3rem;background:rgba(255,255,255,.12)}.skill-track i{display:block;height:100%;border-radius:.3rem;background:linear-gradient(to right, #29e6ff, #ffd23f)}.fixtures{display:flex;flex-direction:column;gap:.5rem}.fixture-card{display:flex;flex-direction:column;gap:.25rem;padding:.6rem .9rem;border-left:.4rem solid rgba(255,255,255,.2);border-radius:1rem;color:inherit;text-decoration:none;background:rgba(255,255,255,.06)}.fixture-card:hover{background:rgba(255,255,255,.12)}.fixture-card.win{border-left-color:#3ccf6e}.fixture-card.draw{border-left-color:#ffd23f}.fixture-card.loss{border-left-color:#ff3d9a}.fixture-card.live{border-left-color:#ff3d9a}.fixture-card.live i{padding:.1rem .6rem;border-radius:2rem;font-size:.8rem;color:#fff;background:#ff3d9a;animation:live-pulse 1.4s ease-in-out infinite}.live-badge{display:inline-block;padding:.1rem .7rem;border-radius:2rem;font-size:.8rem;font-weight:700;color:#fff;background:#ff3d9a;animation:live-pulse 1.4s ease-in-out infinite}.live-badge.replay{color:#0b0830;background:#d5dcff;animation:none}.live-clock{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.1rem;color:#ffd23f}@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.45}}.fixture-meta{font-size:.75rem;color:#d5dcff}.fixture-teams{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:.6rem}.fixture-teams b{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.fixture-teams b:last-child{text-align:right}.fixture-teams i{min-width:3rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.1rem;font-style:normal;text-align:center;color:#ffd23f}.dev-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.scoreboard{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.25rem;padding:.5rem;text-align:center;border:2px solid #ffd23f;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(255,210,63,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(255,210,63,.12)}@media(min-width: 40rem){.scoreboard{padding:.75rem}}.tv{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr) auto;row-gap:.45rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif}.tv .tv-team,.tv .tv-score,.tv .tv-clock{min-height:2.6rem;border-top:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85)}@media(min-width: 40rem){.tv .tv-team,.tv .tv-score,.tv .tv-clock{min-height:3.2rem}}.tv-team{display:flex;align-items:center;gap:.3rem;min-width:0;padding:.2rem .3rem;font-size:.85rem;line-height:1.05;color:#fff;text-shadow:0 0 .25rem rgba(0,0,0,.85),0 1px 0 rgba(0,0,0,.6);background:var(--team);background:linear-gradient(to bottom, color-mix(in srgb, var(--team) 75%, #ffffff), var(--team) 55%, color-mix(in srgb, var(--team) 80%, #000000));container-type:inline-size}.tv-team b{flex:1;min-width:0;font-weight:400}.tv-team .name-full{display:none;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tv-team .name-short{font-size:1.1rem;letter-spacing:.05rem}@container (min-width: 8.5rem){.tv-team .name-full{display:-webkit-box}.tv-team .name-short{display:none}}.tv-team.home{border-left:2px solid rgba(255,255,255,.85);border-radius:.6rem 0 0 .6rem}.tv-team.away b{text-align:right}.tv-team .club-shirt{width:1.3rem;filter:drop-shadow(0 0.1rem 0.15rem rgba(0, 0, 0, 0.55))}@media(min-width: 40rem){.tv-team{gap:.6rem;padding:.2rem .7rem;font-size:1.3rem}.tv-team .club-shirt{width:2.3rem}}.tv-score{display:flex;align-items:center;justify-content:center;padding:0 .45rem;font-size:1.3rem;font-weight:400;white-space:nowrap;color:#0b0830;background:linear-gradient(to bottom, #ffffff, #dfe4f5)}@media(min-width: 40rem){.tv-score{padding:0 1rem;font-size:2rem}}.tv-clock{display:flex;align-items:center;justify-content:center;gap:.25rem;width:4.4rem;border-right:2px solid rgba(255,255,255,.85);font-size:.95rem;color:#fff;background:#0b0830;border-radius:0 .6rem .6rem 0}.tv-clock b{font-weight:400;white-space:nowrap}.tv-clock.final{color:#ffd23f}@media(min-width: 40rem){.tv-clock{width:6.6rem;font-size:1.35rem}}.clock-digit{display:inline-block;width:.62em;text-align:center}.clock-digit.colon{width:.3em}.tv-dot{width:.55rem;height:.55rem;background:#3ccf6e;border-radius:50%;animation:live-pulse 1.4s ease-in-out infinite}.replay .tv-dot{background:#d5dcff;animation:none}.tv-list{margin:0;padding:0 .4rem;font-family:"Zen Maru Gothic","Segoe UI",sans-serif;font-size:.78rem;line-height:1.35;color:#fff;list-style:none}.tv-list.home{text-align:right}.tv-list.away{grid-column:span 2;text-align:left}.tv-list b{font-weight:700;white-space:nowrap;color:#ffd23f}.tv-list.subs{font-size:.72rem;color:#d5dcff}.tv-list.subs li+li{margin-top:.25rem}.tv-list.subs b{color:#d5dcff}@media(min-width: 40rem){.tv-list{font-size:.95rem}}.tv-ball{font-size:.85rem;text-align:center}.club-shirt{display:inline-block;flex:none;width:1.3rem;aspect-ratio:136/118}.club-shirt .player-art-image,.club-shirt .player-art-slot{height:100%;aspect-ratio:auto}.board-meta{margin:0;font-size:.8rem;color:#d5dcff}.sub-in{font-size:.6rem;color:#3ccf6e}.sub-out{display:block;font-size:.68rem;opacity:.75}.sub-out::first-letter{color:#ff3d9a}@media(min-width: 64rem){.match-page .screen-area>.screen:first-child{flex:3}.match-page .screen-area>.screen:last-child{flex:1;min-width:18rem;max-width:28rem}}.match-page .scoreboard{flex:none;height:8.2rem;margin-bottom:0}@media(min-width: 40rem){.match-page .scoreboard{height:9.8rem}}.match-page .tv{flex:1;align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain}.match-page .tv .tv-team,.match-page .tv .tv-score,.match-page .tv .tv-clock{position:sticky;top:0;z-index:2}.match-page .board-meta{flex:none}.match-page .events{margin-top:0}.match-page .pitch-waiting{margin:auto;padding:1rem 1.5rem;color:#d5dcff;text-align:center;background:rgba(11,8,48,.7);border-radius:1.2rem}@media(min-width: 64rem){.match-page .screen-area{align-items:center;justify-content:center;gap:0;container-type:size}.match-page .screen:first-child{flex:none;align-self:stretch;width:min(65.4867256637cqh,100cqw)}.match-page:has(.pitch.camera) .screen:first-child{width:min(160cqh,100cqw)}.match-page.started:has(.pitch.camera) .screen:first-child{width:min(160cqh,100cqw - 28rem)}.match-page.started:has(.pitch.camera) .screen:last-child{width:26rem}.match-page .screen:last-child{border:2px solid #29e6ff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(41,230,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(41,230,255,.12);flex:none;align-self:flex-start;width:0;height:var(--pitch-h, 60cqh);margin-top:var(--pitch-top, 0);margin-left:0;padding:0;border-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:width .6s ease,margin-left .6s ease,padding .6s ease,opacity .5s ease .1s}.match-page.started .screen:last-child{width:var(--pitch-w, 24rem);margin-left:var(--panel-gap, 1.5rem);padding:.5rem;border-width:2px;opacity:1;pointer-events:auto}.match-page.no-pitch .screen:first-child{display:none}.match-page.no-pitch .screen:last-child{width:min(40rem,100cqw);height:100cqh;margin-left:0;padding:.5rem;border-width:2px;opacity:1;pointer-events:auto}}.pitch-box{display:flex;flex:1;flex-direction:column;min-height:0}.pitch-stage{display:grid;position:relative;flex:1;place-items:center;min-height:0;container-type:size}.pitch-stage .pitch{width:min(100cqw,65.4867256637cqh)}.pitch-stage .pitch.camera{width:100cqw;height:100cqh;aspect-ratio:auto}.pitch-join{display:grid;position:absolute;inset:0;z-index:3000;place-items:center;background:rgba(10,14,58,.55);border-radius:1.5rem;backdrop-filter:blur(2px)}.pitch-join-button{padding:.8rem 1.6rem;border:2px solid #fff;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.3rem;color:#0b0830;background:#ffd23f;border-radius:2rem;box-shadow:0 0 1.5rem rgba(255,210,63,.6);cursor:pointer;animation:live-pulse 1.6s ease-in-out infinite}.pitch{position:relative;aspect-ratio:74/113;overflow:hidden;border:3px solid #fff;border-radius:1.5rem;background:#2a8a45;box-shadow:0 0 1.5rem rgba(41,230,255,.4)}.pitch-lines{position:absolute;inset:0;width:100%;height:100%}.camera .pitch-lines{display:none}.pitch-canvas{display:none;position:absolute;inset:0;width:100%;height:100%}.camera .pitch-canvas{display:block}.camera .pitch-player{width:100px}.camera .pitch-ball,.camera .pitch-shadow{width:20px}.pitch-player{position:absolute;top:0;left:0;width:11%;transform-origin:50% 96%;transition:opacity .6s ease;pointer-events:none;will-change:transform;aspect-ratio:220/294}.pitch-player .player-art-image{position:absolute;bottom:0;left:50%;width:auto;max-width:none;height:100%;aspect-ratio:auto;filter:drop-shadow(0 0.15rem 0.1rem rgba(0, 0, 0, 0.35));transform:translateX(-50%)}.pitch-player .player-art-image.mirror{transform:translateX(-50%) scaleX(-1)}.pitch-player.out,.pitch-player.swap{opacity:0}.pitch-ball{position:absolute;top:0;left:0;width:2.6%;aspect-ratio:1;border:1px solid #0b0830;background:radial-gradient(circle at 35% 30%, #fff, #d7dff0);border-radius:50%;will-change:transform}.pitch-shadow{position:absolute;top:0;left:0;width:2.6%;aspect-ratio:1.6;background:rgba(0,0,0,.35);border-radius:50%;will-change:transform}.pitch-notice{position:absolute;top:1rem;right:0;left:0;z-index:2000;width:fit-content;margin:0 auto;padding:.3rem .9rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1rem;white-space:nowrap;color:#fff;background:rgba(11,8,48,.8);border-radius:1rem;animation:banner-pop .3s ease-out}.pitch-notice[hidden]{display:none}.pitch-banner{position:absolute;top:42%;left:0;right:0;z-index:2000;text-align:center;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:2.2rem;color:#ffd23f;paint-order:stroke fill;-webkit-text-stroke:.18rem #0b0830;text-shadow:0 .15rem .3rem rgba(11,8,48,.7);animation:banner-pop .4s ease-out}.pitch-banner[hidden]{display:none}@keyframes banner-pop{from{opacity:0;transform:scale(0.4)}to{opacity:1;transform:scale(1)}}.pitch-result{position:absolute;inset:0;z-index:2500;pointer-events:none}.result-party{position:absolute;inset:0;overflow:hidden}.confetto{position:absolute;top:-5%;width:.45rem;height:.7rem;border-radius:.1rem;animation:confetto-fall linear infinite}.streamer{position:absolute;top:-25%;width:1.2rem;height:7rem;animation:streamer-fall ease-in-out infinite}@keyframes confetto-fall{from{top:-5%;transform:rotate(0) translateX(0)}50%{transform:rotate(calc(var(--spin) / 2)) translateX(0.8rem)}to{top:105%;transform:rotate(var(--spin)) translateX(-0.4rem)}}@keyframes streamer-fall{from{top:-25%;transform:rotate(-12deg)}50%{transform:rotate(12deg)}to{top:110%;transform:rotate(-8deg)}}.result-card{position:absolute;top:12%;right:0;left:0;width:fit-content;min-width:60%;margin:0 auto;padding:1rem 1.25rem .9rem;text-align:center;color:#fff;background:rgba(11,8,48,.86);border:2px solid #ffd23f;border-radius:1.25rem;box-shadow:0 0 1.5rem rgba(255,210,63,.45);animation:banner-pop .5s ease-out}.draw .result-card{border-color:rgba(255,255,255,.35);box-shadow:none;animation:none}.result-teams{display:flex;justify-content:center;gap:1.25rem}.result-team{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.1rem}.result-team b{font-weight:400}.result-shirt{width:3.6rem;aspect-ratio:136/118;min-height:0;filter:drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.5));animation:shirt-bounce 1.2s ease-in-out infinite}.result-shirt .player-art-image,.result-shirt .player-art-slot{height:100%;aspect-ratio:auto}.draw .result-shirt{width:2.8rem;animation:none}@keyframes shirt-bounce{50%{transform:translateY(-0.35rem) rotate(-4deg)}}.result-score{margin:.4rem 0 0;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.8rem;color:#ffd23f}.result-text{margin:0;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.2rem;paint-order:stroke fill;-webkit-text-stroke:.12rem #0b0830;text-shadow:0 .09rem .3rem rgba(11,8,48,.7)}.pitch-card{position:absolute;top:-0.6rem;left:50%;width:.8rem;height:1.1rem;border:1px solid #0b0830;border-radius:.15rem;transform:translateX(-50%) rotate(8deg)}.pitch-card.yellow{background:#ffd23f}.pitch-card.red{background:#e5133f}.pitch-controls{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .5rem;margin-top:.5rem;padding:.5rem .75rem;background:rgba(11,8,48,.88);border-radius:1rem}.pitch-controls button{min-width:2.4rem;height:2.2rem;padding:0 .6rem;border:1px solid rgba(255,255,255,.25);font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.95rem;color:#fff;background:rgba(255,255,255,.08);border-radius:1.1rem;cursor:pointer}.pitch-controls button.active{border-color:#29e6ff;color:#0b0830;background:#29e6ff}.pitch-controls button[hidden]{display:none}.pitch-controls .pitch-view{margin-left:auto}.pitch-controls .pitch-seek{--done: 0%;flex:1 1 100%;order:-1;height:.5rem;margin:.2rem 0;background:linear-gradient(to right, #29e6ff var(--done), rgba(255, 255, 255, 0.35) var(--done));border-radius:.25rem;appearance:none;cursor:pointer}.pitch-controls .pitch-seek::-webkit-slider-thumb{width:1.1rem;height:1.1rem;border:2px solid #0b0830;background:#fff;border-radius:50%;appearance:none}.pitch-controls .pitch-seek::-moz-range-thumb{width:1.1rem;height:1.1rem;border:2px solid #0b0830;background:#fff;border-radius:50%}.pitch-clock{width:3.6rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;white-space:nowrap;text-align:center;color:#ffd23f}.events{display:flex;flex-direction:column;gap:.3rem;margin-top:.75rem}.event-row{display:grid;grid-template-columns:3.4rem 1.8rem minmax(0, 1fr);align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.1);color:#fff;background:rgba(11,8,48,.9);border-radius:.8rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.35)}.event-row.goal{border-color:rgba(255,210,63,.7);font-weight:700;background:rgba(25.3647058824%,20.5647058824%,20.1176470588%,.94)}.event-row.red{border-color:rgba(255,61,154,.6);background:rgba(25.3647058824%,7.7098039216%,27.968627451%,.94)}.event-row.period{border-color:rgba(41,230,255,.4);color:#d5dcff;background:rgba(5.9607843137%,15.3254901961%,30.1882352941%,.92)}.event-min{padding:.1rem 0;font-weight:700;text-align:center;color:#0b0830;background:#29e6ff;border-radius:.6rem}.event-text{line-height:1.5}.club-badge{display:inline-flex;align-items:center;gap:.25rem;margin-right:.45rem;padding:.05rem .4rem .05rem .25rem;font-size:.75rem;font-weight:700;vertical-align:middle;color:#d5dcff;background:rgba(255,255,255,.1);border-radius:.6rem}.standing-pos{text-align:center;font-weight:700}.standing-team{display:flex;align-items:center;gap:.4rem;min-width:0}.standing-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.standing-cpu{flex:none;padding:0 .35rem;border-radius:.5rem;font-size:.6rem;font-weight:700;color:#d5dcff;background:rgba(255,255,255,.12)}.standing-num{text-align:center;color:#d5dcff}.mine .standing-num{color:#0b0830}.standing-points{text-align:center;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-weight:400}.stat-tiles{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem;margin-bottom:1.25rem}@media(min-width: 40rem){.stat-tiles{grid-template-columns:repeat(4, minmax(0, 1fr))}}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .4rem;text-align:center;border:2px solid #d5dcff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(213,220,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(213,220,255,.12)}.stat-value{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.8rem;font-weight:400;color:#ffd23f}.stat-name{font-size:.8rem;color:#d5dcff}.dash-card{margin-bottom:1.25rem;padding:1rem;border:2px solid #29e6ff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(41,230,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(41,230,255,.12)}.dash-card .section-title{margin-bottom:.75rem;font-size:1.3rem}.dash-lead{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.1rem;color:#fff}.top-players{display:flex;flex-direction:column;gap:.6rem}.top-player{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem .4rem .4rem;border-radius:.8rem;background:rgba(255,255,255,.06)}.top-art{flex:none;width:4rem}.top-info{flex:1;min-width:0}.top-overall{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.6rem;font-weight:400;color:#ffd23f}.dash-link{margin-top:1rem}.editor{display:flex;flex-direction:column;gap:1rem}.stepper{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}.step{display:flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;padding:.6rem .2rem;border:2px solid rgba(213,220,255,.4);border-radius:.8rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.7rem}@media(min-width: 40rem){.step{padding:.6rem .4rem;font-size:.8rem}}.step{color:#d5dcff;background:rgba(11,8,48,.75);cursor:pointer}.step.active{border-color:#ffd23f;color:#ffd23f;box-shadow:0 0 1rem rgba(255,210,63,.4)}.step-number{display:none;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;font-size:.75rem;color:#0b0830;background:currentColor}@media(min-width: 40rem){.step-number{display:grid}}.step.active .step-number{background:#ffd23f}.editor-body{display:flex;flex-direction:column;gap:1rem}.editor-panel,.kit-editor,.player-editor{padding:1rem;border:2px solid #29e6ff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(41,230,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(41,230,255,.12)}.panel-title{margin:0 0 .75rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.1rem;font-weight:400;color:#ffd23f}.short-name-input{max-width:8rem;text-transform:uppercase}.kit-grid{display:grid;gap:1rem}@media(min-width: 64rem){.kit-grid{grid-template-columns:repeat(2, 1fr)}}.kit-preview,.player-preview{aspect-ratio:220/294}.kit-preview canvas,.player-preview canvas{display:block;width:100%;height:100%}.kit-editor{display:grid;grid-template-columns:38% minmax(0, 1fr);gap:0 .75rem;align-items:start}@media(min-width: 64rem){.kit-editor{grid-template-columns:9rem minmax(0, 1fr);gap:0 1.25rem}}.kit-editor>.panel-title{grid-column:1/-1}.kit-side{position:sticky;top:.5rem;z-index:10;text-align:center}.kit-side .small-btn{width:100%;margin:.5rem 0 0;padding:.45rem .2rem;font-size:.7rem}.kit-preview{width:100%}.kit-controls{min-width:0}.kit-controls .cycler-btn{width:2.2rem;height:2.2rem;font-size:.8rem}.kit-controls .cycler-value{padding:.35rem .1rem;font-size:.85rem}.control-label{display:block;margin-bottom:.25rem;font-size:.8rem;font-weight:700;color:#d5dcff}.cycler{margin-bottom:.9rem}.cycler-row{display:flex;align-items:center;gap:.5rem}.cycler-btn{flex:none;width:2.6rem;height:2.6rem;border:2px solid #0b0830;border-radius:.7rem;font-size:1rem;color:#0b0830;background:linear-gradient(to bottom, #fff07a, #ff9f1c);cursor:pointer}.cycler-value{flex:1;padding:.5rem;border-radius:.7rem;text-align:center;background:rgba(255,255,255,.08)}.cycler-value small{color:#d5dcff}.color-group{margin-bottom:.9rem}.color-row{display:flex;align-items:center;gap:.6rem}.points-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid #ffd23f;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(255,210,63,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(255,210,63,.12);background:rgba(11,8,48,.96)}.points-left{flex:1;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.5rem;color:#ffd23f}.points-left.negative{color:#ff3d9a}.points-line{margin-bottom:.5rem;color:#d5dcff}.squad-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:.5rem}@media(min-width: 40rem){.squad-grid{grid-template-columns:repeat(8, 1fr)}}.squad-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:.3rem .2rem;border:2px solid rgba(213,220,255,.35);border-radius:.8rem;font-family:inherit;color:#fff;background:rgba(11,8,48,.75);cursor:pointer}.squad-card.selected{border-color:#29e6ff;box-shadow:0 0 .9rem rgba(41,230,255,.6)}.squad-card.invalid{border-color:#ff3d9a}.squad-thumb{width:100%}.squad-number{position:absolute;top:.2rem;left:.3rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.7rem;color:#ffd23f}.squad-name{max-width:100%;overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.player-basics{display:grid;grid-template-columns:minmax(0, 1fr) 5.5rem;gap:.75rem}.look-panel{display:grid;grid-template-columns:38% minmax(0, 1fr);gap:.75rem;align-items:start;margin-bottom:1rem}@media(min-width: 64rem){.look-panel{grid-template-columns:16rem minmax(0, 1fr);gap:1.5rem}}.look-preview{position:sticky;top:5rem;z-index:10;text-align:center}.look-preview .small-btn{width:100%;margin:.5rem 0 0;padding:.45rem .2rem;font-size:.7rem}.player-preview{width:100%}.look-controls{min-width:0}.look-controls .cycler-btn{width:2.2rem;height:2.2rem;font-size:.8rem}.look-controls .cycler-value{padding:.35rem .1rem;font-size:.85rem}.look-controls .segment{font-size:.7rem}.look-controls .hint{font-size:.7rem}.segmented{margin-bottom:.9rem}.segmented-row{display:flex;gap:.4rem}.segment{flex:1;padding:.55rem .3rem;border:2px solid #0b0830;border-radius:.7rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.8rem;color:#fff;background:rgba(255,255,255,.1);cursor:pointer}.segment.selected{color:#0b0830;background:linear-gradient(to bottom, #fff07a, #ff9f1c)}.hint{margin-top:.3rem;font-size:.8rem;color:#d5dcff}.small-btn{margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem;cursor:pointer}.points-bar .small-btn{margin-bottom:0}.skill-row{display:grid;grid-template-columns:6.5rem 1fr 2rem;align-items:center;gap:.6rem;margin-bottom:.4rem}.skill-name{font-size:.85rem}.skill-value{font-family:"Fredoka","Zen Maru Gothic",sans-serif;text-align:right;color:#ffd23f}input[type=range]{width:100%;height:2.2rem;accent-color:#ffd23f}.review-kits{display:flex;gap:1rem;justify-content:center}.review-kit{width:8rem}.issue-list{margin:.75rem 0;padding-left:1.2rem;list-style:disc;color:#ff3d9a}.editor-nav{display:flex;justify-content:space-between;gap:1rem}.editor-nav .primary-btn,.editor-nav .secondary-btn{min-width:8rem;cursor:pointer}.editor-panel .primary-btn{margin-top:1rem;cursor:pointer}.editor-panel .primary-btn:disabled{opacity:.45;cursor:not-allowed}.color-swatch{display:block;width:2.6rem;height:2.6rem;padding:0;border:2px solid #fff;border-radius:50%;background:var(--swatch, #000000);box-shadow:0 0 0 1px rgba(11,8,48,.6);cursor:pointer}.color-swatch:hover{border-color:#ffd23f}.color-swatch:focus-visible{outline:2px solid #29e6ff;outline-offset:2px}.picker-popup{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:rgba(11,8,48,.7)}@media(min-width: 40rem){.picker-popup{align-items:center}}.picker-sheet{width:100%;max-width:24rem;max-height:90vh;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));border:2px solid #29e6ff;border-radius:1.25rem 1.25rem 0 0;overflow-y:auto;background:#0b0830;box-shadow:0 0 1.5rem rgba(41,230,255,.4)}@media(min-width: 40rem){.picker-sheet{border-radius:1.25rem}}.picker-title{margin:0 0 .9rem;font-size:1rem;color:#fff}.picker-grid{display:grid;grid-template-columns:repeat(var(--columns, 8), minmax(0, 1fr));gap:.5rem;justify-items:center}.picker-cell{width:2.2rem;height:2.2rem;padding:0;border:2px solid rgba(255,255,255,.45);border-radius:50%;background:var(--swatch);cursor:pointer}.picker-cell:hover{border-color:#fff}.picker-cell:focus-visible{outline:2px solid #29e6ff;outline-offset:2px}.picker-cell.selected{border:3px solid #ffd23f;box-shadow:0 0 .6rem #ffd23f}.picker-custom{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.picker-native{flex:none;width:2.4rem;height:2.4rem;padding:0;border:2px solid #fff;border-radius:50%;background:none;cursor:pointer}.picker-native::-webkit-color-swatch-wrapper{padding:0}.picker-native::-webkit-color-swatch{border:0;border-radius:50%}.picker-native::-moz-color-swatch{border:0;border-radius:50%}.picker-hex{flex:1;min-width:0;padding:.5rem .6rem;border:2px solid rgba(255,255,255,.3);border-radius:.6rem;font-family:monospace;font-size:1rem;color:#fff;background:rgba(255,255,255,.08)}.picker-hex.invalid{border-color:#ff3d9a}.picker-apply,.picker-close{padding:.5rem .9rem;border:2px solid #0b0830;border-radius:.6rem;font-weight:700;color:#0b0830;background:linear-gradient(to bottom, #fff07a, #ff9f1c);cursor:pointer}.picker-close{display:block;margin:1rem auto 0}.avatar-lab-page{background:#0a0e3a}.lab{display:grid;gap:1.5rem;max-width:80rem;margin:0 auto;padding:1rem}.lab-editor{display:grid;gap:1.5rem}@media(min-width: 64rem){.lab-editor{grid-template-columns:22rem 1fr;align-items:start}}.lab-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border:2px solid #29e6ff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(41,230,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(41,230,255,.12)}@media(min-width: 64rem){.lab-preview{position:sticky;top:1rem}}.lab-stage{width:100%;max-width:20rem;aspect-ratio:3/4}.lab-actions{display:flex;gap:.75rem;align-items:center}.lab-controls,.lab-team{padding:1rem;border:2px solid #ff3d9a;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(255,61,154,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(255,61,154,.12)}.lab-title{margin:0 0 .75rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.2rem;font-weight:400;color:#ffd23f}.lab-player-controls,.lab-kit-controls{display:grid;grid-template-columns:repeat(auto-fill, minmax(11rem, 1fr));gap:.75rem;margin-bottom:1.25rem}.lab-field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.lab-field select,.lab-field input[type=number]{padding:.4rem;border:2px solid #0b0830;border-radius:.5rem;font-family:inherit}.lab-field input[type=color]{width:100%;height:2rem;padding:0;border:2px solid #0b0830;border-radius:.5rem}.lab-label{color:#d5dcff}.lab-swatches{display:flex;flex-wrap:wrap;gap:.3rem}.lab-swatch{width:1.5rem;height:1.5rem;padding:0;border:2px solid #fff;border-radius:50%;cursor:pointer}.lab-squad{display:grid;grid-template-columns:repeat(auto-fill, minmax(6rem, 1fr));gap:.5rem;margin-top:1rem}.lab-squad-item{margin:0;text-align:center}.lab-squad-item .player-art-image,.lab-squad-item .player-art-slot{display:block;width:100%;aspect-ratio:3/4}.lab-squad-item figcaption{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.9rem}.player-art-image,.player-art-slot{display:block;width:100%;aspect-ratio:220/294}.player-art-image{object-fit:contain}.player-art-image+.player-art-slot{display:none}.player-art-slot{mask:radial-gradient(circle at 50% 16%, #000 11%, transparent calc(11% + 0.5%)),radial-gradient(ellipse 34% 100% at 50% 100%, #000 99%, transparent 100%) 50% 100%/100% 70% no-repeat;background:linear-gradient(100deg, rgba(213, 220, 255, 0.1) 30%, rgba(213, 220, 255, 0.28) 50%, rgba(213, 220, 255, 0.1) 70%) 0 0/300% 100%;animation:portrait-shimmer 1.6s linear infinite}.player-art-slot[data-art-crop=bust]{mask:radial-gradient(circle at 50% 34%, #000 22%, transparent calc(22% + 0.5%)),radial-gradient(ellipse 48% 100% at 50% 100%, #000 99%, transparent 100%) 50% 100%/100% 38% no-repeat}.player-art-slot[data-art-crop=shirt]{mask:radial-gradient(circle at 50% -20%, #000 0%, transparent calc(0% + 0.5%)),radial-gradient(ellipse 50% 100% at 50% 100%, #000 99%, transparent 100%) 50% 100%/100% 92% no-repeat;aspect-ratio:1}@media(prefers-reduced-motion: reduce){.player-art-slot{animation:none}}@keyframes portrait-shimmer{from{background-position:100% 0}to{background-position:0 0}}.portrait-live{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.portrait-live:active{cursor:grabbing}.portrait-live.interactive{touch-action:none}.squad-overview,.squad-detail{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0}.squad-overview[hidden],.squad-detail[hidden]{display:none}.team-stats{display:flex;flex:none;flex-direction:column;gap:.4rem}.team-tiles{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:.3rem}.team-tile{display:flex;flex-direction:column;align-items:center;padding:.25rem .15rem;border:1px solid rgba(213,220,255,.35);text-align:center;background:rgba(11,8,48,.72);border-radius:.75rem}.team-tile-value{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1rem;font-weight:400;line-height:1.1;color:#ffd23f}.team-tile-name{font-size:.65rem;line-height:1.1;color:#d5dcff}.team-skills{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.2rem .75rem;padding:.4rem .6rem;background:rgba(11,8,48,.72);border-radius:.75rem}.team-skill{display:grid;grid-template-columns:5.2rem minmax(0, 1fr) 1.6rem;align-items:center;gap:.4rem;font-size:.72rem;color:#d5dcff}.team-skill-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team-skill-bar{position:relative;height:.35rem;overflow:hidden;background:rgba(255,255,255,.15);border-radius:.2rem}.team-skill-bar::after{position:absolute;top:0;bottom:0;left:0;width:var(--value);content:"";background:linear-gradient(to right, #29e6ff, #ffd23f);border-radius:.2rem}.team-skill-value{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-weight:400;text-align:right;color:#fff}.squad-thumbs{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));align-content:start;gap:.4rem}@media(min-width: 40rem){.squad-thumbs{grid-template-columns:repeat(6, minmax(0, 1fr))}}@media(min-width: 64rem){.squad-thumbs{grid-template-rows:repeat(4, minmax(0, 1fr));grid-template-columns:repeat(4, minmax(0, 1fr));align-content:stretch;overflow:hidden}.squad-thumbs .squad-thumb{min-height:0}.squad-thumbs .player-thumb{flex:1;min-height:0}.squad-thumbs .player-thumb .player-art-image,.squad-thumbs .player-thumb .player-art-slot{width:auto;height:100%;margin:0 auto}}.squad-thumb{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:.3rem .25rem;border:2px solid rgba(213,220,255,.6);color:#fff;background:rgba(11,8,48,.72);border-radius:1rem;transition:border-color .12s ease,transform .12s ease;cursor:pointer}.squad-thumb:hover{border-color:#29e6ff}.squad-thumb:active{transform:scale(0.96)}.squad-thumb-captain{position:absolute;top:.25rem;left:.25rem;z-index:1;display:none;width:1.3rem;height:1.3rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.8rem;line-height:1.3rem;color:#0b0830;background:#ffd23f;border-radius:50%;box-shadow:0 0 .5rem rgba(255,210,63,.6)}.is-captain>.squad-thumb-captain{display:block}.player-thumb{display:block;width:100%}.squad-thumb-number{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.8rem;color:#ffd23f}.squad-thumb-name{width:100%;overflow:hidden;font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}.squad-detail-head{display:flex;flex:none;align-items:center;gap:.5rem}.squad-detail-back{padding:.35rem 1rem;font-size:.9rem}.squad-detail-count{margin-left:auto;font-family:"Fredoka","Zen Maru Gothic",sans-serif;color:#d5dcff}.squad-detail-step{width:2.4rem;height:2.4rem;border:2px solid #29e6ff;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.4rem;line-height:1;color:#fff;background:rgba(11,8,48,.8);border-radius:50%;cursor:pointer}.squad-detail-step:active{transform:scale(0.92)}.squad-detail-body{display:grid;flex:1;grid-template-columns:minmax(0, 2fr) minmax(0, 3fr);gap:.75rem;min-height:0;padding:.6rem;border:2px solid #d5dcff;border-radius:1.75rem;background:rgba(11,8,48,.72);box-shadow:0 0 1.25rem rgba(213,220,255,.35),inset 0 .2rem 0 rgba(255,255,255,.14),inset 0 0 1.5rem rgba(213,220,255,.12);border-radius:1.25rem}.squad-detail-figure{position:relative;min-height:0;container-type:size}.squad-detail-figure .squad-detail-live{position:absolute;top:0;left:50%;z-index:0;width:auto;height:min(100cqh,380cqw);aspect-ratio:624/912;transform:translateX(-50%)}.squad-detail-figure .squad-detail-reset{position:absolute;bottom:0;left:0;z-index:2;margin:0;padding:.3rem .6rem;font-size:.7rem}.squad-detail-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.4rem;min-height:0}.squad-detail-role{font-size:.8rem;color:#d5dcff}.squad-detail-name{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1.3rem;font-weight:400;line-height:1.1;paint-order:stroke fill;-webkit-text-stroke:.15rem #0b0830;text-shadow:0 .12rem .3rem rgba(11,8,48,.7)}.squad-detail-edit{padding:0 .3rem;border:0;font-size:.9rem;vertical-align:middle;color:#29e6ff;background:none;cursor:pointer}.squad-detail-rename{display:flex;flex-wrap:wrap;gap:.4rem}.squad-detail-rename .field-input{flex:1 1 8rem;min-width:0}.squad-detail-rename .primary-btn,.squad-detail-rename .secondary-btn{padding:.3rem .8rem;font-size:.8rem}.squad-detail-error{font-size:.72rem;color:#ff3d9a}.squad-detail-captain{font-size:.8rem;color:#ffd23f}.squad-detail-captain b{display:inline-block;width:1.3rem;height:1.3rem;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-weight:400;line-height:1.3rem;text-align:center;color:#0b0830;background:#ffd23f;border-radius:50%}.squad-detail-make-captain{align-self:flex-start;padding:.3rem .9rem;font-size:.8rem}.squad-detail-edit-player{align-self:flex-start;padding:.3rem .9rem;font-size:.8rem;cursor:pointer}.squad-detail-facts{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.3rem}.squad-detail-fact{display:flex;flex-direction:column;align-items:center;padding:.2rem .1rem;text-align:center;background:rgba(255,255,255,.06);border-radius:.6rem}.squad-detail-fact-value{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.95rem;font-weight:400;color:#ffd23f}.squad-detail-fact-name{font-size:.62rem;color:#d5dcff}.squad-detail-xp{font-size:.75rem;color:#d5dcff}.squad-detail-xp strong{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:1rem;font-weight:400;color:#ffd23f}.squad-detail-skills{display:flex;flex-direction:column;gap:.3rem}.squad-detail-skills .team-skill{grid-template-columns:4.8rem minmax(0, 1fr) 1.6rem 2.4rem}.team-train{display:flex;justify-content:flex-end}.team-train .primary-btn{padding:.35rem .9rem;font-size:.85rem}.team-train .primary-btn[disabled]{opacity:.45}.skill-max{font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.65rem;text-align:center;color:#ffd23f}.skill-plus{display:flex;align-items:baseline;justify-content:center;gap:.1rem;padding:.05rem .3rem;border:0;font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.95rem;color:#0b0830;background:#29e6ff;border-radius:.5rem;cursor:pointer}.skill-plus small{font-size:.6rem}.skill-plus[disabled]{color:#d5dcff;background:rgba(255,255,255,.1);cursor:default}.player-edit-popup{position:fixed;inset:0;z-index:150;display:flex;align-items:stretch;justify-content:center;background:rgba(11,8,48,.8)}@media(min-width: 40rem){.player-edit-popup{align-items:center;padding:1.5rem}}.player-edit-sheet{display:flex;flex-direction:column;width:100%;max-width:46rem;max-height:100%;border:2px solid #29e6ff;background:#0b0830;box-shadow:0 0 2rem rgba(41,230,255,.4)}@media(min-width: 40rem){.player-edit-sheet{border-radius:1.5rem}}.player-edit-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem 0}.player-edit-head .panel-title{margin:0}.player-edit-close{flex:none;width:2.4rem;height:2.4rem;border:2px solid rgba(213,220,255,.5);border-radius:50%;font-size:1rem;color:#fff;background:none;cursor:pointer}.player-edit-body{flex:1;min-height:0;padding:.75rem 1rem 1rem;overflow-y:auto}.player-edit-body .look-preview{top:.5rem}.player-edit-body .player-basics,.player-edit-body .segmented,.player-edit-body .look-panel{margin-bottom:1rem}.player-edit-foot{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:2px solid rgba(213,220,255,.3)}.player-edit-error{margin-bottom:.5rem;font-size:.85rem;color:#ff3d9a}.player-edit-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.player-edit-actions .primary-btn,.player-edit-actions .secondary-btn{min-width:7rem;cursor:pointer}.player-edit-actions .primary-btn:disabled,.player-edit-actions .secondary-btn:disabled{opacity:.45;cursor:not-allowed}.player-edit-confirm{flex:1 1 100%;font-size:.9rem;color:#ffd23f}@media(min-width: 40rem){.player-edit-confirm{flex:1}}.app-form:has(.screens){height:100vh;height:100dvh;min-height:0;overflow:hidden}.app-main:has(.screens){display:flex;flex-direction:column;min-height:0;padding:.5rem .75rem}.app-main:has(.match-page){max-width:none}.screens{display:flex;flex:1;flex-direction:column;gap:.5rem;min-height:0}.screens-head{flex:none}.screen-tabs{display:flex;flex:none;justify-content:center;gap:.4rem}.screen-tabs:has(.screen-tab:only-child){display:none}.screen-tab{flex:0 1 8rem;padding:.35rem .8rem;border:1px solid rgba(255,255,255,.25);font-family:"Fredoka","Zen Maru Gothic",sans-serif;font-size:.95rem;white-space:nowrap;color:#fff;background:rgba(11,8,48,.85);border-radius:1.2rem;cursor:pointer}.screen-tab.active{border-color:#29e6ff;color:#0b0830;background:#29e6ff}.screen-area{display:flex;flex:1;gap:1rem;min-height:0}.screen{display:none;flex:1;flex-direction:column;gap:.5rem;min-width:0;min-height:0}.screen.active{display:flex}.screen-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.app-form:has(.editor),.app-form:has(.auth-card){height:100vh;height:100dvh;min-height:0;overflow:hidden}.app-main:has(.editor),.app-main:has(.auth-card){display:flex;flex-direction:column;min-height:0;padding:.5rem .75rem}.app-main .editor{flex:1;gap:.5rem;min-height:0}.app-main .editor .stepper,.app-main .editor .editor-nav{flex:none}.app-main .editor .editor-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.app-main:has(.auth-card){justify-content:center}.app-main:has(.auth-card) .auth-card{width:100%;max-height:100%;margin:0 auto;overflow-y:auto}.home-page:has(.home-screens){display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.home-page:has(.home-screens) .site-header{position:static;flex:none}.home-page:has(.home-screens) .site-footer{flex:none;padding:.4rem 1rem;font-size:.75rem}.home-screens{padding:.25rem .75rem .5rem}.home-screens .hero{justify-content:center;min-height:0;padding:.5rem 1rem}.home-screens .ladder,.home-screens .features{width:100%;max-width:64rem;margin:0 auto;padding:.5rem}.home-screens .feature-grid{margin-top:.75rem}.screens .club-head{gap:.75rem;margin-bottom:0;padding:.5rem .75rem}.screens .club-crest{width:3.4rem}.screens .club-name{font-size:1.3rem}.screens .club-meta,.screens .club-category{font-size:.8rem}.screens .club-squad,.screens .team-squad{align-content:start;margin-top:0}.screens .stat-tiles{gap:.5rem;margin-bottom:0}.screens .stat-tile{padding:.45rem .3rem}.screens .stat-value{font-size:1.35rem}.screens .dash-card{display:flex;flex:none;flex-direction:column;min-height:0;margin-bottom:0;padding:.75rem}.screens .dash-card .section-title{margin-bottom:.5rem;font-size:1.1rem}.screens .dash-card.dash-grow{flex:1}.screens .dash-link{flex:none;margin-top:.5rem}@media(min-width: 64rem){.screens.side-by-side .screen-tabs{display:none}.screens.side-by-side .screen{display:flex}}