@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-0: #07090f;--bg-1: #0a0d15;--surface-1: #0e1220;--surface-2: #131a2b;--surface-3: #1a2336;--border: rgba(151, 168, 214, .14);--border-strong: rgba(151, 168, 214, .26);--hairline: rgba(151, 168, 214, .09);--text: #eef2fb;--text-2: #b7c1da;--muted: #8492b1;--muted-2: #76819f;--brand: #2ee37c;--brand-hi: #6df5a8;--brand-ink: #04230f;--brand-soft: rgba(46, 227, 124, .1);--brand-line: rgba(46, 227, 124, .32);--grad-brand: linear-gradient(135deg, #6df5a8 0%, #2ee37c 45%, #14b85f 100%);--azure: #57a8ff;--violet: #9a8cff;--grad-cool: linear-gradient(135deg, #57a8ff, #9a8cff);--gold: #f6c945;--gold-hi: #ffe9a3;--gold-deep: #b8862b;--gold-soft: rgba(246, 201, 69, .12);--gold-line: rgba(246, 201, 69, .45);--grad-gold: linear-gradient(135deg, #ffe9a3 0%, #f6c945 40%, #d99a26 100%);--elite: #b08aff;--danger: #ff7a7a;--live: #ff5d6c;--elev-1: 0 1px 2px rgba(3, 5, 10, .5), 0 2px 8px rgba(3, 5, 10, .3);--elev-2: 0 2px 6px rgba(3, 5, 10, .45), 0 12px 28px rgba(3, 5, 10, .38);--elev-3: 0 8px 20px rgba(3, 5, 10, .5), 0 28px 64px rgba(3, 5, 10, .55);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--font-display: "Space Grotesk Variable", "Inter Variable", system-ui, sans-serif;--font-body: "Inter Variable", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .5, 1);--t-fast: .15s;--t-med: .24s;--t-slow: .35s;--tabbar-h: 64px;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}html{background:var(--bg-0)}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;background:radial-gradient(1100px 520px at 88% -120px,rgba(87,168,255,.1),transparent 62%),radial-gradient(900px 560px at -120px -60px,rgba(46,227,124,.09),transparent 58%),radial-gradient(1300px 900px at 50% 118%,rgba(154,140,255,.07),transparent 62%),var(--bg-0);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background-image:var(--noise);background-size:180px 180px;opacity:.05;mix-blend-mode:overlay}main{max-width:1100px;margin:0 auto;padding:0 var(--sp-3) calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--sp-8))}::selection{background:#2ee37c4d}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-xs)}.card-overall,.fifa-stat-value,.lineup-power,.power-value,.standings td,.standings th,.pill-v,.card-xp,.news-week{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes card-shine{0%{transform:translate(-180%) rotate(16deg)}55%,to{transform:translate(340%) rotate(16deg)}}@keyframes elite-glow{0%,to{box-shadow:var(--elev-2),0 0 14px #b08aff38,inset 0 0 22px #b08aff14}50%{box-shadow:var(--elev-2),0 0 30px #b08aff80,inset 0 0 30px #b08aff24}}@keyframes holo-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fire-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.25)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes msg-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}60%{transform:translateY(-2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes trophy-glow{0%,to{box-shadow:var(--elev-2),0 0 10px #f6c9452e}50%{box-shadow:var(--elev-2),0 0 30px #f6c94573}}@keyframes news-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes gauge-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);padding-top:calc(var(--sp-2) + env(safe-area-inset-top,0px));background:#080b12bd;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--hairline);box-shadow:0 1px #ffffff08 inset}.logo{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.logo-mark{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;font-size:.9rem;line-height:1;border-radius:9px;background:linear-gradient(145deg,#ffffff24,#fff0 55%),var(--grad-brand);box-shadow:0 2px 8px #2ee37c59,inset 0 1px #ffffff59}.logo-text{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.logo-text span{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-info{display:flex;gap:var(--sp-1);align-items:center;min-width:0}.pill{display:inline-flex;align-items:baseline;gap:4px;background:#97a8d614;border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0d;padding:4px 10px;border-radius:var(--r-pill);font-size:.7rem;white-space:nowrap;line-height:1.3}.pill-k{color:var(--muted);font-weight:600;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.pill-v{font-family:var(--font-display);font-weight:700;font-size:.78rem;color:var(--text)}.pill-xp{border-color:var(--brand-line);background:var(--brand-soft)}.pill-xp .pill-k{color:var(--brand)}.pill-xp .pill-v{color:var(--brand-hi)}.pill-long{display:none}.reset-btn{padding:6px 10px;min-height:36px;min-width:36px;font-size:.9rem;border-radius:var(--r-sm)}.reset-label{display:none}.golden-rule{max-width:1100px;margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);background:linear-gradient(120deg,#2ee37c14,#2ee37c05 70%);border:1px solid rgba(46,227,124,.2);border-radius:var(--r-md);font-size:.72rem;line-height:1.5;color:var(--muted)}.golden-rule strong{color:var(--brand);font-weight:700}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;gap:var(--sp-1);margin:0;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));background:#070a10d1;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-top:1px solid var(--hairline);box-shadow:0 1px #ffffff0a inset}.tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;background:transparent;border:none;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-1);color:var(--muted);font-family:var(--font-body);cursor:pointer;transition:color var(--t-med) var(--ease-out),background var(--t-med) var(--ease-out),transform var(--t-fast) var(--ease-out)}.tab-icon{font-size:1.35rem;line-height:1;filter:grayscale(1) opacity(.55);transition:transform var(--t-med) var(--ease-spring),filter var(--t-med) var(--ease-out)}.tab-label{font-size:.66rem;font-weight:600;letter-spacing:.02em}.tab:before{content:"";position:absolute;top:-8px;left:50%;width:20px;height:3px;border-radius:0 0 3px 3px;background:var(--grad-brand);transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform var(--t-med) var(--ease-spring)}.tab.active{color:var(--brand-hi);background:linear-gradient(180deg,#2ee37c29,#2ee37c0f);box-shadow:inset 0 1px #ffffff0f,0 4px 14px #2ee37c1f}.tab.active:before{transform:translate(-50%) scaleX(1)}.tab.active .tab-icon{transform:translateY(-2px) scale(1.12);filter:grayscale(0) opacity(1) drop-shadow(0 2px 6px rgba(46,227,124,.4))}.tab:active{transform:scale(.93)}.tab-panel{display:none;position:relative;background:linear-gradient(180deg,#ffffff06,#fff0 120px),var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-4);margin-top:var(--sp-4);box-shadow:var(--elev-1)}.tab-panel.active{display:block;animation:panel-in .32s var(--ease-out) both}.panel-head h2{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:1.375rem;font-weight:700;letter-spacing:-.015em;line-height:1.25}.hint{color:var(--muted);font-size:.85rem;line-height:1.55;margin:0 0 var(--sp-5);max-width:70ch}.muted{color:var(--muted);font-size:.85rem}.btn{border:none;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-5);min-height:44px;font-family:var(--font-body);font-size:.95rem;font-weight:650;cursor:pointer;letter-spacing:.005em;transition:transform var(--t-fast) var(--ease-out),filter var(--t-med) var(--ease-out),background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--grad-brand);color:var(--brand-ink);box-shadow:0 2px 10px #2ee37c4d,inset 0 1px #fff6;text-shadow:0 1px 0 rgba(255,255,255,.18)}.btn-primary:hover{filter:brightness(1.07);box-shadow:0 4px 18px #2ee37c6b,inset 0 1px #fff6}.btn-primary:disabled{background:var(--surface-3);color:var(--muted-2);cursor:not-allowed;transform:none;filter:none;box-shadow:none;text-shadow:none}.btn-ghost{background:#97a8d60d;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:#97a8d61a}.actions-bar{margin-top:var(--sp-4);display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.inline-msg{display:inline-block;color:var(--brand);font-size:.9rem;font-weight:600;animation:msg-pop .45s var(--ease-spring) both}.inline-msg.err{color:var(--danger)}.card-grid{display:grid;grid-template-columns:minmax(0,360px);justify-content:center;gap:var(--sp-5)}.player-card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);border:1px solid transparent;background:var(--card-pattern, none) padding-box,var(--card-bg) padding-box,var(--card-edge) border-box;box-shadow:var(--elev-2),inset 0 1px #ffffff14,inset 0 0 36px var(--card-inner-glow, transparent);animation:card-in .5s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 70ms);transition:transform var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out);transform-style:preserve-3d;will-change:transform}@media (hover: hover) and (pointer: fine){.player-card:hover{transform:perspective(700px) rotateX(4deg) rotateY(-5deg) translateY(-4px);box-shadow:var(--elev-3),inset 0 1px #ffffff14,inset 0 0 36px var(--card-inner-glow, transparent)}}.player-card:active{transform:perspective(700px) rotateX(5deg) scale(.97)}.rarity-0{--card-bg: linear-gradient(165deg, #2e2014 0%, #1d1410 52%, #26180e 100%);--card-edge: linear-gradient(165deg, #c08b54, #5a3d22 45%, #93653c);--card-ink: linear-gradient(180deg, #ffd9a8, #c98e51);--card-inner-glow: rgba(192, 139, 84, .1);--card-chip-line: rgba(192, 139, 84, .45);--card-chip-bg: rgba(192, 139, 84, .14);--card-chip-ink: #eab47e}.rarity-1{--card-bg: linear-gradient(165deg, #2c3344 0%, #181d29 52%, #242b3a 100%);--card-edge: linear-gradient(165deg, #cfd9ea, #5d6880 45%, #9aa8c0);--card-ink: linear-gradient(180deg, #f2f6ff, #aab8d0);--card-inner-glow: rgba(170, 184, 208, .1);--card-chip-line: rgba(170, 184, 208, .4);--card-chip-bg: rgba(170, 184, 208, .12);--card-chip-ink: #ccd7ea}.rarity-2{--card-bg: radial-gradient(120% 70% at 80% -10%, rgba(255, 224, 130, .16), transparent 55%), linear-gradient(165deg, #3d2f0e 0%, #241b08 50%, #38280a 100%);--card-edge: linear-gradient(165deg, #ffe9a3, #8a6312 45%, #f0bd3e);--card-ink: var(--grad-gold);--card-inner-glow: rgba(246, 201, 69, .14);--card-chip-line: var(--gold-line);--card-chip-bg: var(--gold-soft);--card-chip-ink: var(--gold-hi)}.rarity-3{--card-bg: radial-gradient(130% 80% at 20% -10%, rgba(140, 110, 255, .22), transparent 55%), radial-gradient(120% 70% at 100% 30%, rgba(80, 200, 255, .1), transparent 55%), linear-gradient(165deg, #1c1340 0%, #160f2e 50%, #2a1655 100%);--card-edge: linear-gradient(165deg, #e4d4ff, #5b3fa8 40%, #67d4ff 75%, #b08aff);--card-ink: linear-gradient(180deg, #f0e6ff 0%, #c9a8ff 55%, #7fd8ff 100%);--card-inner-glow: rgba(176, 138, 255, .16);--card-chip-line: rgba(176, 138, 255, .5);--card-chip-bg: rgba(176, 138, 255, .14);--card-chip-ink: #d8c2ff;animation:card-in .5s var(--ease-out) backwards,elite-glow 2.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 70ms),calc(var(--i, 0) * 70ms)}.player-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(125deg,rgba(255,255,255,.028) 0px,rgba(255,255,255,.028) 1px,transparent 1px,transparent 12px),radial-gradient(140% 60% at 50% -20%,rgba(255,255,255,.05),transparent 60%)}.rarity-2:after,.rarity-3:after{content:"";position:absolute;top:-80%;left:0;z-index:1;width:55%;height:260%;transform:translate(-180%) rotate(16deg);animation:card-shine 6s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .35s);pointer-events:none}.rarity-2:after{background:linear-gradient(100deg,transparent 0%,rgba(255,226,140,.05) 30%,rgba(255,240,190,.22) 48%,rgba(255,255,255,.3) 52%,rgba(255,226,140,.05) 70%,transparent 100%)}.rarity-3:after{background:linear-gradient(100deg,transparent 0%,rgba(127,216,255,.08) 30%,rgba(216,191,255,.26) 45%,rgba(255,173,240,.3) 52%,rgba(127,216,255,.12) 65%,transparent 100%);mix-blend-mode:screen}.player-card>*{position:relative;z-index:2}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.card-ovr-block{display:flex;flex-direction:column;gap:var(--sp-1)}.card-overall{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:.9;letter-spacing:-.03em;background:var(--card-ink, linear-gradient(180deg, #fff, #b8c2d8));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.card-role{align-self:flex-start;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--card-chip-ink, var(--text-2));border:1px solid var(--card-chip-line, var(--border));background:var(--card-chip-bg, transparent);padding:2px 8px;border-radius:var(--r-xs)}.card-rarity{font-family:var(--font-display);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--card-chip-ink, var(--muted));background:var(--card-chip-bg, rgba(0, 0, 0, .25));border:1px solid var(--card-chip-line, var(--border));padding:5px 12px 5px 14px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);border-radius:0 var(--r-sm) var(--r-sm) 0}.card-name{display:flex;align-items:baseline;gap:var(--sp-2);padding-left:var(--sp-3);position:relative;min-width:0}.card-name:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;transform:skew(-12deg);border-radius:2px;background:var(--card-edge, var(--grad-brand))}.card-name-text{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-age{font-size:.75rem;font-weight:500;color:var(--muted);white-space:nowrap}.fifa-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2) var(--sp-1);background:linear-gradient(180deg,#ffffff08,#fff0 40%),#0204096b;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm) var(--r-md) var(--r-md) var(--r-md);clip-path:polygon(0 10px,100% 0,100% 100%,0 100%);padding:calc(var(--sp-3) + 6px) var(--sp-2) var(--sp-3)}.fifa-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.fifa-stat-value{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.1;letter-spacing:-.01em}.fifa-stat-label{font-size:.6rem;font-weight:600;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.empty-state{padding:var(--sp-4) 0}.sync-bar{margin:0 0 var(--sp-5)}.card-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:.74rem;color:var(--text-2)}.card-stats span{display:inline-flex;align-items:center;background:#02040966;border:1px solid rgba(255,255,255,.05);padding:3px 9px;border-radius:var(--r-pill);line-height:1.5}.card-stats .boost{color:var(--brand-hi);border-color:var(--brand-line);background:var(--brand-soft);font-weight:650}.card-stats .form-fire,.form-chip:not(:empty){animation:fire-pulse 1.8s ease-in-out infinite}.card-badges{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-height:26px;align-items:center}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);color:#cfe4ff;background:linear-gradient(150deg,#57a8ff38,#57a8ff14);border:1px solid rgba(87,168,255,.38);box-shadow:0 2px 6px #07163073,inset 0 1px #ffffff1a;animation:pop-in .35s var(--ease-spring) backwards}.badge:nth-child(2){animation-delay:90ms}.badge:nth-child(3){animation-delay:.18s}.badge:nth-child(4){animation-delay:.27s}.badge.special{color:var(--gold-hi);background:linear-gradient(150deg,#f6c9453d,#f6c94514);border-color:var(--gold-line)}.card-xp{font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.01em;padding-top:var(--sp-2);border-top:1px solid rgba(255,255,255,.06)}.live-pill{display:inline-block;font-family:var(--font-body);font-size:.64rem;font-weight:700;color:#ff8d99;background:#ff5d6c1a;border:1px solid rgba(255,93,108,.4);border-radius:var(--r-pill);padding:3px 10px;margin-left:var(--sp-2);vertical-align:3px;letter-spacing:.06em;animation:live-blink 2s ease-in-out infinite;max-width:100%}.league-layout{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}.league-col h3{margin:var(--sp-5) 0 var(--sp-3);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.005em}.league-col h3:first-child{margin-top:0}.lineup-picker{display:flex;flex-direction:column;gap:var(--sp-2)}.lineup-row{display:flex;align-items:center;gap:var(--sp-2);background:linear-gradient(180deg,#ffffff05,#fff0 70%),var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-2);font-size:.9rem;box-shadow:var(--elev-1);transition:border-color var(--t-med) var(--ease-out),background var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-spring),box-shadow var(--t-med) var(--ease-out)}.lineup-row.selected{border-color:var(--brand-line);background:linear-gradient(160deg,#2ee37c1f,#2ee37c08 60%),var(--surface-2);transform:scale(1.015);box-shadow:0 4px 16px #2ee37c24}.lineup-avatar{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.04em;color:#060a12eb;box-shadow:inset 0 1px #ffffff59,0 2px 6px #03050a66}.avatar-ATT{background:linear-gradient(145deg,#ff9eb1,#f25776)}.avatar-CEN{background:linear-gradient(145deg,#7ef0a5,#2bb866)}.avatar-DIF{background:linear-gradient(145deg,#8ec6ff,#4a8fe0)}.avatar-POR{background:linear-gradient(145deg,#ffd98c,#e0a83d)}.lineup-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lineup-name{min-width:0;font-weight:600;font-size:.9rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup-sub{display:flex;align-items:center;gap:var(--sp-2);line-height:1}.role-chip{font-size:.6rem;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:5px}.role-ATT{background:#f2577629;color:#ff9eb1}.role-CEN{background:#2bb86629;color:#7ef0a5}.role-DIF{background:#4a8fe02e;color:#8ec6ff}.role-POR{background:#e0a83d29;color:#ffd98c}.form-chip{display:inline-block;font-size:.72rem;line-height:1}.lineup-power{font-family:var(--font-display);font-weight:700;font-size:.8rem;color:var(--azure);white-space:nowrap;background:#57a8ff1a;border:1px solid rgba(87,168,255,.26);padding:4px 8px;border-radius:var(--r-sm)}.pick-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;font-size:1.05rem;line-height:1;border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text-2);cursor:pointer;box-shadow:inset 0 1px #ffffff12;transition:background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),transform var(--t-fast) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.pick-btn:active{transform:scale(.88)}.lineup-row.selected .pick-btn{background:var(--grad-brand);color:var(--brand-ink);border-color:transparent;font-weight:800;box-shadow:0 2px 10px #2ee37c66,inset 0 1px #fff6}.captain-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;font-size:1rem;line-height:1;border:1px solid var(--border);background:transparent;cursor:pointer;font-weight:700;filter:grayscale(1) opacity(.55);transition:background var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),transform var(--t-fast) var(--ease-out),filter var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.captain-btn:active:not(:disabled){transform:scale(.88)}.captain-btn.active{background:var(--grad-gold);border-color:transparent;filter:none;box-shadow:0 2px 12px #f6c94573,inset 0 1px #ffffff73}.captain-btn:disabled{opacity:.3;cursor:not-allowed}input[type=radio],input[type=checkbox]{accent-color:var(--brand);width:20px;height:20px;cursor:pointer}.segmented{display:flex;gap:var(--sp-1);padding:var(--sp-1);background:#02040973;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:inset 0 2px 6px #02040966}.segment{position:relative;flex:1;min-width:0;cursor:pointer}.segment input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segment-face{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:var(--sp-2) var(--sp-2);border-radius:var(--r-sm);font-size:.82rem;font-weight:600;color:var(--muted);pointer-events:none;transition:background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out),transform var(--t-fast) var(--ease-out)}.segment-icon{font-size:.95rem;line-height:1;filter:grayscale(1) opacity(.6);transition:filter var(--t-med) var(--ease-out)}.segment-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segment:active .segment-face{transform:scale(.97)}.segment:has(input:checked) .segment-face{background:linear-gradient(180deg,#ffffff12,#fff0 60%),var(--surface-3);color:var(--text);box-shadow:var(--elev-1),inset 0 0 0 1px var(--brand-line)}.segment:has(input:checked) .segment-icon{filter:grayscale(0) opacity(1)}.segment:has(input:focus-visible) .segment-face{outline:2px solid var(--brand);outline-offset:2px}.team-power-box{margin-top:var(--sp-4);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);background:radial-gradient(140% 120% at 100% 0%,rgba(46,227,124,.12),transparent 55%),linear-gradient(180deg,#ffffff08,#fff0 50%),var(--surface-2);border:1px solid var(--brand-line);border-radius:var(--r-lg);box-shadow:var(--elev-1),inset 0 1px #ffffff0d}.power-title{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.power-value{font-family:var(--font-display);font-size:3.25rem;font-weight:700;line-height:.95;letter-spacing:-.03em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(46,227,124,.25))}.power-gauge{display:block;height:6px;border-radius:var(--r-pill);background:#02040980;box-shadow:inset 0 1px 3px #02040999;overflow:hidden}.power-gauge-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad-brand);box-shadow:0 0 10px #2ee37c80;transform-origin:left;animation:gauge-in .7s var(--ease-out) both;transition:width var(--t-slow) var(--ease-out)}.power-detail{font-size:.78rem;color:var(--muted);line-height:1.5}.power-empty{font-size:.9rem;color:var(--text-2);font-weight:600}.team-power-box.is-empty{border-color:var(--border)}.team-power-box.is-empty .power-title{color:var(--muted)}.create-form{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 0% 0%,rgba(87,168,255,.08),transparent 55%),linear-gradient(180deg,#ffffff06,#fff0 60px),var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-6);box-shadow:var(--elev-1)}.create-form h3{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4);font-family:var(--font-display);font-size:1rem;font-weight:700}.form-glyph{display:grid;place-items:center;width:28px;height:28px;font-size:.85rem;border-radius:9px;background:linear-gradient(145deg,#57a8ff40,#9a8cff2e);border:1px solid rgba(87,168,255,.3)}.create-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);font-size:.92rem}.text-input{background:#02040973;color:var(--text);font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);font-size:.95rem;width:100%;min-width:0;min-height:48px;box-shadow:inset 0 2px 6px #02040959;transition:border-color var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.text-input::placeholder{color:var(--muted-2)}.text-input:focus{outline:none;border-color:var(--brand);box-shadow:inset 0 2px 6px #02040959,0 0 0 3px #2ee37c2e}.toggle-chip{position:relative;display:inline-flex;cursor:pointer;align-self:flex-start}.toggle-chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.toggle-chip-face{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4) 0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border);background:#97a8d60f;color:var(--text-2);font-size:.85rem;font-weight:600;pointer-events:none;transition:background var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out)}.toggle-chip-face:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.62rem;font-weight:800;color:transparent;border:1.5px solid var(--border-strong);transition:all var(--t-med) var(--ease-out)}.toggle-chip:has(input:checked) .toggle-chip-face{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-hi)}.toggle-chip:has(input:checked) .toggle-chip-face:before{background:var(--grad-brand);border-color:transparent;color:var(--brand-ink)}.toggle-chip:has(input:focus-visible) .toggle-chip-face{outline:2px solid var(--brand);outline-offset:2px}.team-checks{display:flex;flex-direction:column;gap:var(--sp-2);align-items:stretch;margin-top:var(--sp-4);font-size:.9rem}.team-checks .muted{font-size:.78rem}.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.opp-chip{position:relative;display:inline-flex;cursor:pointer}.opp-chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.opp-chip-face{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--border);background:#97a8d60f;color:var(--text-2);font-size:.82rem;font-weight:600;pointer-events:none;transition:background var(--t-med) var(--ease-out),border-color var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.opp-chip-face:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted-2);transition:background var(--t-med) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.opp-chip:active .opp-chip-face{transform:scale(.97)}.opp-chip:has(input:checked) .opp-chip-face{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-hi);box-shadow:0 2px 10px #2ee37c1f}.opp-chip:has(input:checked) .opp-chip-face:before{background:var(--brand);box-shadow:0 0 6px #2ee37ccc}.opp-chip:has(input:focus-visible) .opp-chip-face{outline:2px solid var(--brand);outline-offset:2px}.competition-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff06,#fff0 70px),var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-5);box-shadow:var(--elev-1);transition:border-color var(--t-slow) var(--ease-out),box-shadow var(--t-slow) var(--ease-out)}.competition-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-cool);opacity:.85}.competition-head{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.comp-glyph{display:grid;place-items:center;width:32px;height:32px;font-size:.95rem;border-radius:10px;background:linear-gradient(145deg,#57a8ff33,#9a8cff24);border:1px solid rgba(87,168,255,.28);box-shadow:inset 0 1px #ffffff1a}.competition-head h3{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.comp-status{font-size:.78rem}.competition-card.celebrate{border-color:var(--gold-line);background:radial-gradient(130% 100% at 50% 0%,rgba(246,201,69,.1),transparent 55%),var(--surface-2);animation:trophy-glow 2.2s ease-in-out infinite}.competition-card.celebrate:before{background:var(--grad-gold)}.competition-card.celebrate .comp-glyph{background:var(--grad-gold);border-color:transparent;box-shadow:0 2px 12px #f6c94566}.competition-card.celebrate .competition-head strong{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(var(--sp-1) * -1);padding:0 var(--sp-1)}.standings{width:100%;min-width:460px;border-collapse:collapse;font-size:.85rem}.standings th{padding:var(--sp-2);font-family:var(--font-body);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);text-align:center;border-bottom:1px solid var(--border-strong);white-space:nowrap}.standings td{padding:var(--sp-2);text-align:center;border-bottom:1px solid var(--hairline);white-space:nowrap;font-family:var(--font-display);font-weight:500}.standings tbody tr{transition:background var(--t-fast) var(--ease-out)}.standings tbody tr:nth-child(2n):not(.user-row){background:#97a8d608}.standings tbody tr:last-child td{border-bottom:none}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}.standings td:nth-child(2){font-family:var(--font-body);font-weight:600;font-size:.85rem}.standings td:last-child{font-weight:700}.pos-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.72rem;font-weight:700;color:var(--muted);background:#97a8d614}.pos-badge.pos-1{background:var(--grad-gold);color:#3c2a00;box-shadow:0 0 10px #f6c94566,inset 0 1px #ffffff80}.standings .user-row{background:linear-gradient(90deg,#2ee37c1f,#2ee37c08);box-shadow:inset 3px 0 0 var(--brand)}.standings .user-row td{color:var(--text)}.bracket-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-2) 0;border-radius:var(--r-md)}.news-feed{display:flex;flex-direction:column;gap:var(--sp-3)}.news-item{background:linear-gradient(180deg,#ffffff05,#fff0 60%),var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--elev-1);animation:news-in .4s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 70ms)}.news-head{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.news-head h4{margin:0;flex:1;min-width:0;font-family:var(--font-display);font-size:.98rem;font-weight:700;letter-spacing:-.005em;line-height:1.3}.news-icon{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;font-size:1.05rem;border-radius:50%;background:linear-gradient(145deg,#57a8ff2e,#9a8cff1f);border:1px solid rgba(87,168,255,.24);box-shadow:inset 0 1px #ffffff14}.news-week{color:var(--muted-2);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-self:flex-start;padding-top:2px}.news-item p{margin:var(--sp-2) 0 0;color:var(--text-2);font-size:.9rem;line-height:1.55}.news-item.breaking{position:relative;overflow:hidden;border-color:var(--brand-line);background:radial-gradient(130% 110% at 0% 0%,rgba(46,227,124,.14),transparent 55%),linear-gradient(160deg,#2ee37c0d,#fff0 50%),var(--surface-2);padding:var(--sp-5) var(--sp-4)}.news-item.breaking:before{content:"ULTIM’ORA";display:inline-block;margin-bottom:var(--sp-3);font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.18em;color:var(--brand-ink);background:var(--grad-brand);padding:3px 10px;border-radius:var(--r-xs);box-shadow:0 2px 8px #2ee37c59}.news-item.breaking .news-head h4{font-size:1.15rem}.news-item.breaking .news-icon{background:linear-gradient(145deg,#2ee37c40,#2ee37c1a);border-color:var(--brand-line)}.news-item.breaking p{color:#d4dced}.footer{text-align:center;color:var(--muted-2);font-size:.74rem;line-height:1.6;padding:var(--sp-4) var(--sp-3)}@media (min-width: 820px){main{padding-left:var(--sp-4);padding-right:var(--sp-4)}.topbar{padding:var(--sp-3) var(--sp-6)}.logo-mark{width:34px;height:34px;font-size:1.05rem;border-radius:11px}.logo-text{font-size:1.3rem}.pill{font-size:.8rem;padding:6px 14px}.pill-k{font-size:.68rem}.pill-v{font-size:.88rem}.topbar-info{gap:var(--sp-2)}.reset-label,.pill-long{display:inline}.golden-rule{margin:var(--sp-4) auto 0;padding:var(--sp-3) var(--sp-4);font-size:.85rem}.tabs{left:50%;right:auto;bottom:16px;transform:translate(-50%);width:auto;border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-1);box-shadow:var(--elev-3);background:#070a10d1}.tab{flex:0 0 auto;flex-direction:row;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-5)}.tab:before{top:auto;bottom:-5px;border-radius:3px 3px 0 0}.tab-icon{font-size:1.05rem}.tab-label{font-size:.86rem}.tab:hover{color:var(--text);background:#ffffff0a}.tab.active:hover{color:var(--brand-hi);background:linear-gradient(180deg,#2ee37c29,#2ee37c0f)}.tab-panel{padding:var(--sp-6);margin-top:var(--sp-4);border-radius:22px}.panel-head h2{font-size:1.55rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-content:stretch}.league-layout{grid-template-columns:1fr 1fr;gap:var(--sp-8)}.segmented.tactic-row{max-width:480px}.create-form{padding:var(--sp-5) var(--sp-5)}.create-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}.text-input{width:auto;min-width:280px;flex:1}.segmented.type-seg,.segmented.type-seg .segment{flex:0 0 auto}.segmented.type-seg .segment-face{padding:var(--sp-2) var(--sp-4)}.team-checks{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.team-checks .muted{flex:0 0 100%;padding:0}.competition-card{padding:var(--sp-5) var(--sp-5)}.standings{min-width:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}}
