:root{color-scheme:dark light;--text: #94a3b8;--text-h: #f8fafc;--text-muted: #64748b;--bg: #050810;--bg-elevated: rgba(15, 23, 42, .65);--border: rgba(148, 163, 184, .14);--border-strong: rgba(52, 211, 153, .22);--code-bg: rgba(15, 23, 42, .92);--accent: #34f5a4;--accent-secondary: #38bdf8;--accent-bg: rgba(52, 245, 164, .12);--accent-border: rgba(52, 245, 164, .45);--accent-glow: rgba(52, 245, 164, .35);--danger-bg: rgba(251, 113, 133, .1);--danger-border: rgba(251, 113, 133, .35);--sans: "Instrument Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading: "Instrument Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .35), 0 0 0 1px rgba(148, 163, 184, .06);--shadow-glow: 0 0 40px rgba(52, 245, 164, .08);font:17px/145% var(--sans);letter-spacing:.02em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:light){:root{--text: #475569;--text-h: #0f172a;--text-muted: #64748b;--bg: #f1f5f9;--bg-elevated: rgba(255, 255, 255, .82);--border: rgba(15, 23, 42, .08);--border-strong: rgba(5, 150, 105, .25);--code-bg: #ffffff;--accent: #059669;--accent-secondary: #0284c7;--accent-bg: rgba(5, 150, 105, .1);--accent-border: rgba(5, 150, 105, .45);--accent-glow: rgba(5, 150, 105, .15);--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .28);--shadow-card: 0 8px 30px rgba(15, 23, 42, .08), 0 0 0 1px rgba(15, 23, 42, .05);--shadow-glow: none}}body{margin:0;min-height:100svh;background:radial-gradient(ellipse 900px 420px at 50% -15%,rgba(52,245,164,.14),transparent 55%),radial-gradient(ellipse 700px 380px at 100% 40%,rgba(56,189,248,.08),transparent 50%),radial-gradient(ellipse 600px 400px at 0% 70%,rgba(52,211,153,.06),transparent 45%),linear-gradient(180deg,#050810,#0a1628 48%,#060d18)}@media(prefers-color-scheme:light){body{background:radial-gradient(ellipse 800px 360px at 50% -10%,rgba(5,150,105,.12),transparent 55%),radial-gradient(ellipse 600px 300px at 90% 30%,rgba(2,132,199,.08),transparent 50%),linear-gradient(180deg,#f8fafc,#f1f5f9)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root{width:min(1180px,100%);max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box;box-shadow:var(--shadow-glow)}@media(prefers-color-scheme:light){#root{border-inline-color:rgba(15,23,42,.06)}}h1,h2{font-family:var(--heading);font-weight:600;color:var(--text-h);letter-spacing:-.02em}h1{font-size:clamp(2rem,4vw,3rem);margin:28px 0}h2{font-size:clamp(1.05rem,2vw,1.35rem);line-height:120%;margin:0 0 8px}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:6px;color:var(--text-h)}code{font-size:.92em;line-height:135%;padding:4px 8px;background:var(--code-bg)}.page{position:relative;display:flex;flex-direction:column;gap:18px;padding:20px 18px 28px;box-sizing:border-box;flex:1;min-height:0}.page--hero{min-height:100%}.homeHero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.homeHeroImg{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.01);image-rendering:auto}.homeHeroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050810b3,#05081047 45%,#050810c7 78%,#050810e6)}@media(prefers-color-scheme:light){.homeHeroOverlay{background:linear-gradient(180deg,#f8fafce0,#f8fafc66 38%,#0f172a80)}}.pageInner{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;flex:1;min-width:0}.page--hero .topbar{background:#080c16b8;border-color:#94a3b82e}.page--hero .card,.page--hero .draftCard,.page--hero .draftTop,.page--hero .draftBothSides{background:#0c1220b8;border-color:#94a3b829}@media(prefers-color-scheme:light){.page--hero .topbar{background:#ffffffe0}.page--hero .card,.page--hero .draftCard,.page--hero .draftTop,.page--hero .draftBothSides{background:#ffffffdb}}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.topbar>div:last-child{flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;flex:1 1 160px}.brandDot{width:11px;height:11px;border-radius:99px;flex-shrink:0;background:linear-gradient(145deg,var(--accent) 0%,var(--accent-secondary) 100%);box-shadow:0 0 0 3px var(--accent-bg),0 0 18px var(--accent-glow)}.title{font-weight:700;font-size:1.15rem;color:var(--text-h);letter-spacing:-.03em}.subtitle{font-size:13px;color:var(--text-muted)}.pill{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(52,245,164,.08),transparent);color:var(--accent)}@media(prefers-color-scheme:light){.pill{color:var(--text-h);background:#05966914}}.pillWarn{margin-left:8px;font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid rgba(220,140,80,.55);background:#dc783c1f;color:#f0c09a;vertical-align:middle}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;background:var(--bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);text-align:left}.card h2{margin:0 0 10px}.accountPwPanel{outline:2px solid rgba(220,38,38,.35);outline-offset:0}.cardHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.row{display:flex;gap:10px;align-items:center}.input{flex:1 1 auto;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.btn{padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:linear-gradient(165deg,var(--accent) 0%,#22d48a 55%,#14b874 100%);color:#03140c;font-weight:700;cursor:pointer;letter-spacing:.02em;box-shadow:0 2px 12px #34f5a440;transition:transform .12s ease,filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-h);box-shadow:none}.btn.ghost:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}@media(prefers-color-scheme:light){.btn{background:linear-gradient(165deg,#059669,#047857);color:#fff;box-shadow:0 2px 10px #05966940}}.muted{color:var(--text);font-size:14px}.alert{border:1px solid var(--danger-border);background:var(--danger-bg);border-radius:var(--radius-md);padding:14px 16px;text-align:left}.gameSoftTip{margin-bottom:12px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid rgba(245,158,11,.45);background:#f59e0b1a;color:var(--text-h);font-size:13px;line-height:1.45}.list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.listItem{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.listTitle{font-family:var(--mono);color:var(--text-h);font-size:14px}.bullets{margin:8px 0 0;padding-left:18px}.roomUsers{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.userChip{border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(52,245,164,.06),transparent);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--text-h)}.footer{padding:8px 2px;text-align:left}.draft{margin-top:14px;display:grid;grid-template-columns:1fr;gap:12px}.draftBothSides{grid-column:1 / -1}.draftBothSidesInner{padding:14px 16px;border-radius:var(--radius-lg);border:1px solid rgba(52,245,164,.28);background:linear-gradient(135deg,#34f5a40f,#0f172aa6);box-shadow:var(--shadow-card)}.draftBothHint{margin:0 0 12px;font-size:12px;line-height:1.45}.dualPickGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}@media(max-width:700px){.dualPickGrid{grid-template-columns:1fr}}.multiPickGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:start}.draftWheelDock{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px}.draftWheelTitle{text-align:center}.draftWheelWrap{position:relative;width:min(92vw,360px);height:min(92vw,360px);filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.draftWheelPointer{position:absolute;top:-2px;left:50%;z-index:3;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid #dc2626;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.draftWheelRotate{width:100%;height:100%;transform-origin:50% 50%;transition:transform 4.35s cubic-bezier(.08,.72,.12,1);will-change:transform}.draftWheelRotate--instant{transition:none}.draftWheelSvg{width:100%;height:100%;display:block;border-radius:50%}@media(prefers-reduced-motion:reduce){.draftWheelRotate{transition-duration:.01ms}}.dualPickTitle{font-weight:650;color:var(--text-h);margin-bottom:8px;font-size:14px}.picksCompact{max-height:min(36vh,280px);overflow:auto}.draftTop{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.big{color:var(--text-h);font-size:18px;font-weight:650}.kv{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.kvItem{min-width:110px;text-align:right}.mono{font-family:var(--mono);color:var(--text-h)}.draftCard,.draftSide{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.draftActions{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.select{flex:1 1 240px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--code-bg);color:var(--text-h)}.table{margin-top:10px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.tr{display:grid;grid-template-columns:64px 1.3fr .8fr .8fr 64px 86px;gap:10px;padding:10px 12px;align-items:center;border-top:1px solid var(--border)}.tr:first-child{border-top:none}.tr.th{background:#ffffff0a;font-weight:650;color:var(--text-h)}.draftTablePos{min-width:0;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.picks{display:flex;flex-direction:column;gap:8px}.pickItem{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.pickMain{display:flex;flex-direction:column;gap:2px}.pickName{color:var(--text-h);font-weight:650}.layout{margin-top:14px;display:flex;flex-direction:column;gap:12px}.layoutTop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.layoutGrid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.layoutGrid.layoutGridSimple{grid-template-columns:1.2fr 1fr}.layoutGrid.layoutGridPitch{grid-template-columns:1.35fr .9fr;align-items:stretch}@media(max-width:900px){.layoutGrid{grid-template-columns:1fr}.layoutGrid.layoutGridPitch{grid-template-columns:1fr;display:flex;flex-direction:column;gap:12px}.layoutGrid.layoutGridPitch .layoutSide.layoutRoster{order:1}.layoutGrid.layoutGridPitch .layoutPitch{order:2}.layoutRosterDrag{min-height:min(260px,38vh);max-height:min(420px,46vh)}.picksScrollTall{min-height:min(200px,28vh)}}.layoutFormationBlock{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.layoutPitch,.layoutSide{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:900px){.slots{grid-template-columns:1fr}}.slot{border:1px solid var(--border);border-radius:12px;padding:10px;background:#ffffff05;display:flex;gap:10px;align-items:flex-start}.slotCompact{padding:6px 8px;border-radius:10px;gap:8px;align-items:center}.slotRole{width:56px;font-family:var(--mono);color:var(--text-h);flex-shrink:0;display:flex;flex-direction:column;gap:2px}.slotRoleName{font-size:13px;line-height:1.2}.slotRoleHint{font-size:11px;line-height:1.2}.slotBody{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.selectCompact{width:100%;max-width:100%;padding:6px 8px;font-size:13px;border-radius:8px;min-height:0}.slotFoot{font-size:12px;line-height:1.35;word-break:break-word}.slotFitRow{display:flex;align-items:center;gap:8px;min-width:0}.slotFitLabel{flex:0 0 auto;font-size:12px;white-space:nowrap}.fitPosSelect{flex:1 1 auto;min-width:0}.pickItemTall{align-items:flex-start}.pickFitRow{display:flex;align-items:center;gap:8px;margin-top:6px;max-width:min(100%,320px)}.pickFitRow .small{flex:0 0 auto;font-size:12px}.layoutPitchBoard{min-width:0;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:visible}.layoutFormationStack{position:relative;z-index:4;display:flex;flex-direction:column;gap:2px;flex:0 0 auto;align-self:stretch}.layoutFormationQuick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.layoutFormationQuickBtn{flex:0 0 auto;padding:6px 12px;font-size:13px}.layoutFormationQuickBtnOn{border-color:#34f5a48c;color:var(--accent);background:#34f5a414}.layoutFormationLabel{font-weight:600;letter-spacing:.02em;font-size:11px;line-height:1.2;margin:0}.layoutPitchScrollHint{margin:0 0 8px;line-height:1.45}.pitchUnityAspect{width:100%;max-width:100%;aspect-ratio:105 / 68;margin:0 auto;border-radius:14px;border:1px solid rgba(52,245,164,.2);box-shadow:inset 0 0 40px #00000040;background:#0b1220;overflow:hidden;position:relative}.pitchUnityCanvas{width:100%;height:100%;display:block;outline:none}.layoutPitchBoard .layoutFormationSelect{flex:0 0 auto;width:100%;box-sizing:border-box;min-height:0;height:32px;padding:0 30px 0 10px;font-size:13px;line-height:32px;border-radius:8px;border:1px solid var(--border);background-color:var(--code-bg);color:var(--text-h);box-shadow:inset 0 1px #ffffff0a;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23999' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.layoutPitchField{position:relative;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.38);box-shadow:inset 0 0 100px #00000059,0 0 0 1px #34f5a426,0 12px 40px #00000073;background:repeating-linear-gradient(180deg,#0f5c3a,#0f5c3a 28px,#0c5134 28px,#0c5134 56px);overflow:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overscroll-behavior:contain}@media(prefers-color-scheme:light){.layoutPitchField{border-color:#ffffffa6;box-shadow:inset 0 0 80px #00000014,0 8px 28px #0f172a1a;background:repeating-linear-gradient(180deg,#2d9f5e,#2d9f5e 28px,#268a52 28px,#268a52 56px)}}.layoutPitchFieldRows{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:min(72vh,720px);margin-top:0;padding:16px 14px 32px;z-index:1;--fifa-pitch-slot-w: 94px}@media(max-width:520px){.layoutPitchFieldRows{--fifa-pitch-slot-w: 80px}}.layoutPitchField:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 42% at 50% 50%,rgba(255,255,255,.06),transparent 72%);pointer-events:none;z-index:0}.layoutPitchField:after{content:"";position:absolute;left:50%;top:50%;width:22%;padding-bottom:22%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.45);border-radius:50%;pointer-events:none;z-index:0}.pitchRow{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-items:stretch;gap:8px;flex:1 1 0;min-height:96px}.layoutPitchFieldRows .pitchRow:has(.pitchJerseyWrap--fifa){flex:0 0 auto;min-height:0;align-items:flex-start;justify-content:center;gap:3px;column-gap:3px;width:max-content;max-width:none;margin-inline:auto}.pitchSlot{position:relative;flex:1 1 0;min-width:0;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;padding:8px 6px 10px;border-radius:var(--radius-sm);border:2px dashed rgba(255,255,255,.28);background:#04120c85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s,box-shadow .15s,background .15s}.pitchSlotFilled{border-style:solid;border-color:#34f5a473;background:#061c129e}.pitchSlot[draggable=true]{cursor:grab}.pitchSlot[draggable=true]:active{cursor:grabbing}.pitchSlotActive{border-color:#34f5a4d9;box-shadow:0 0 0 2px #34f5a473,0 0 24px #34f5a433;background:#0c2a1c8c}.pitchSlotClear{position:absolute;top:4px;right:4px;z-index:4;width:22px;height:22px;padding:0;margin:0;border:none;border-radius:999px;font-size:15px;font-weight:700;line-height:1;cursor:pointer;color:#ffffffeb;background:#dc2626d9;box-shadow:0 2px 8px #00000059}.pitchSlotClear:hover:not(:disabled){background:#b91c1cf2}.pitchSlotClear:disabled{opacity:.35;cursor:not-allowed}.pitchSlotRole{font-family:var(--mono);font-size:10px;font-weight:700;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.45);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pitchJerseyWrap{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.pitchJersey{width:40px;height:40px;border-radius:10px;background:linear-gradient(155deg,#7c3aed,#4c1d95);border:2px solid rgba(255,255,255,.45);box-shadow:0 6px 16px #0006;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:14px;color:#fff}.pitchSlotName{font-size:11px;font-weight:650;color:#fff;text-align:center;line-height:1.25;max-width:108px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pitchSlotMeta{font-size:10px;color:#ffffffc7;text-align:center;line-height:1.3}.pitchSlotMeta--underCard{max-width:100%;margin-top:2px;font-size:9px;line-height:1.35;white-space:normal;word-break:break-word}.pitchSlotEmpty{font-size:11px;color:#ffffff80;padding:12px 4px 8px;text-align:center;line-height:1.35}.layoutRosterDrag{display:flex;flex-direction:column;max-height:none;min-height:min(640px,78vh)}.rosterBenchEmpty{padding:18px 12px;text-align:center;line-height:1.55;border-radius:var(--radius-sm);border:1px dashed rgba(148,163,184,.35);background:#0f172a40}.layoutFormationInline{display:flex;align-items:center;gap:10px;margin-top:0;padding-top:0;border-top:none}.layoutFormationInline .select{flex:1}.picksScroll{max-height:min(58vh,520px);overflow:auto;padding-right:4px}.picksScrollTall{flex:1 1 auto;min-height:min(520px,62vh);max-height:none}.rosterBenchHint{margin-bottom:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px dashed rgba(56,189,248,.35);background:linear-gradient(135deg,#38bdf814,#34f5a40d);line-height:1.45}.pickDrag{cursor:grab;-webkit-user-select:none;user-select:none}.pickDrag:active{cursor:grabbing}.pickDragAssigned{border-color:#64b4ff73;background:#5082ff0f}.pickItemTapSel{outline:2px solid rgba(52,245,164,.85);box-shadow:0 0 0 1px #0f172a73;background:#34f5a414}.layoutPitchTapMode .pitchSlotTapReady{cursor:pointer}.layoutPitchTapMode .pitchSlotTapReady:not(.pitchSlotFilled){box-shadow:inset 0 0 0 2px #facc158c}.match{margin-top:14px;display:flex;flex-direction:column;gap:12px}.matchResult{margin-top:14px;display:flex;flex-direction:column;gap:16px}.resultRatingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media(max-width:900px){.resultRatingsGrid{grid-template-columns:1fr}}.resultTeamCard{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);min-width:0}.resultTeamCard .cardHead h2{margin:0;font-size:15px}.ratingTable{margin-top:10px;display:flex;flex-direction:column;gap:4px;max-height:min(52vh,480px);overflow:auto}.ratingRow{display:grid;grid-template-columns:minmax(0,1.2fr) 48px 52px 36px 44px;gap:6px;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#ffffff05;font-size:13px}.tacticalSlotCell{color:var(--accent);font-weight:700;font-size:12px}.smallPos{font-size:11px;overflow:hidden;text-overflow:ellipsis}.pitchTacticalTag{color:#ffe6a0f2;font-weight:700}.pickTacticalLine strong{color:var(--text-h)}.ratingRowHead{font-weight:650;color:var(--text-h);background:#ffffff0a}.ratingRowMotm{border-color:#ffc86473;background:#ffb43c14}.ratingName{color:var(--text-h);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultNextRow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0 4px;border-top:1px solid var(--border)}.resultNextRow .small{font-size:13px}.scorebar{display:grid;grid-template-columns:1fr minmax(200px,240px) 1fr;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(52,245,164,.09) 0%,transparent 45%),linear-gradient(135deg,#0f172af2,#080c16fa);box-shadow:var(--shadow-card),inset 0 1px #ffffff0f;position:relative;overflow:hidden}.scorebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 120% at 50% 0%,rgba(56,189,248,.12),transparent 55%);pointer-events:none}.scorebar>*{position:relative;z-index:1}.teamName{color:var(--text-h);font-weight:800;font-size:clamp(1rem,2.5vw,1.15rem);letter-spacing:-.02em}.team.right{text-align:right}.scoreMid{text-align:center}.scoreNum{font-size:clamp(2rem,5vw,2.35rem);font-weight:800;color:var(--text-h);letter-spacing:-.06em;text-shadow:0 0 28px rgba(52,245,164,.25)}.scoreClock{margin-top:4px;font-size:13px;color:var(--accent);opacity:.95}.pitchWrap{border-radius:var(--radius-lg);border:1px solid var(--border-strong);overflow:hidden;background:linear-gradient(180deg,#0f172a99,#050810f2);box-shadow:var(--shadow-card),inset 0 0 60px #34f5a40a;display:flex;flex-direction:column}.unityLiveSubChannel{border-top:1px solid rgba(148,163,184,.28);padding:12px 14px 14px;background:#050a16eb;flex-shrink:0;--text-h: #f8fafc;--text: #cbd5e1;--text-muted: #94a3b8;color:var(--text)}.unityLiveSubChannelBar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.unityLiveSubChannelTitle{font-size:13px;font-weight:650;letter-spacing:.02em;color:#5eead4;opacity:1}.unityLiveSubChannelHint{margin:0 0 10px;font-size:11px;line-height:1.45;color:#e2e8f0d1}.unityLiveSubChannel .muted{color:#cbd5e1e0}.unityLiveSubChannel .pill{border-color:#94a3b859;color:#e2e8f0;background:#ffffff0f}.unityLiveSubChannel .liveLine{border-color:#94a3b847;background:#ffffff12}.unityLiveSubChannel .liveLine-official{border-color:#81b9ff6b;background:#60a5fa24}.unityLiveSubChannel .liveLine-turn{border-color:#fbbf2473;background:#fbbf241f}.unityLiveSubChannel .liveLine-info{border-color:#4ade8061;background:#4ade801a}.unityLiveSubChannel .liveClock{color:#cbd5e1;opacity:1}.unityLiveSubChannel .liveText{color:#f8fafc}.unityLiveSubChannelScroll{max-height:min(38vh,320px);overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.matchGrid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;align-items:start}.matchGridBelowPitch{grid-template-columns:1fr}.matchSideStack{display:flex;flex-direction:column;gap:12px;min-width:0}.opponentScouting{border-color:#f59e0b61;background:linear-gradient(145deg,#f59e0b12,#0f172a8c)}.opponentScouting h2{margin-top:0;font-size:16px}.opponentScoutingHint{margin:0 0 10px;font-size:12px;line-height:1.45}.opponentScouting .ratingTable{max-height:min(38vh,320px)}@media(max-width:900px){.matchGrid:not(.matchGridBelowPitch){grid-template-columns:1fr}}.liveFeedCol{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);min-width:0}.liveFeedHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.liveFeedHead h2{margin:0;font-size:16px;color:var(--text-h)}.liveFeedHint{margin:0 0 10px;font-size:12px;line-height:1.45}.liveFeedScroll{max-height:min(52vh,420px);overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.liveLine{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:start;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff05;font-size:13px;line-height:1.45}.liveLine-official{border-color:#64a0ff59;background:#5082ff0f}.liveLine-turn{border-color:#ffb45066;background:#ffa03c12}.liveLine-info{border-color:#78c8964d;background:#3c8c6414}.liveClock{text-align:right;color:var(--text);opacity:.85;font-size:12px}.liveText{color:var(--text-h)}.timeline{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff05;display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto}.tlItem{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:#ffffff05}.tlMin{text-align:right}.tlText{color:var(--text-h)}.stats{margin-top:10px;display:flex;flex-direction:column;gap:8px}.statRow{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.cupResult{margin-top:14px}.cupResultSub{margin:14px 0 8px;font-size:14px;font-weight:700;color:var(--text-h)}.cupPlaces{margin:10px 0;line-height:1.55}.cupSumList{display:flex;flex-direction:column;gap:8px;max-height:min(52vh,480px);overflow:auto}.cupSum{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#ffffff05}.cupSum>summary{cursor:pointer;font-weight:650}.cupMiniRatings{margin-top:8px;max-height:220px;overflow:auto}@media(prefers-color-scheme:light){.scorebar{background:linear-gradient(180deg,rgba(5,150,105,.08) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fafc);border-color:#0f172a14}.scorebar:before{background:radial-gradient(ellipse 80% 120% at 50% 0%,rgba(2,132,199,.08),transparent 55%)}.scoreNum{text-shadow:none}.teamName{font-weight:800}}.bracketPanel{margin-bottom:16px}.bracketPanel .cardHead h2{font-size:17px}.bracketLegend{margin:10px 0 0;line-height:1.45}.bracketScroll{overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.bracketRow{display:flex;flex-direction:row;gap:22px;align-items:flex-start;padding:10px 4px;min-height:120px}.bracketCol{flex:0 0 auto;min-width:210px}.bracketRoundTitle{text-align:center;font-size:12px;font-weight:650;color:var(--muted);margin-bottom:12px;letter-spacing:.04em}.bracketMatch{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px;background:#00000038}.bracketMatchLive{box-shadow:0 0 0 2px #34f5a46b}.bracketPending{opacity:.92}.bracketTeam{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}.bracketTeam:last-child{border-bottom:none}.bracketName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracketTeam.bracketWon{background:linear-gradient(90deg,#dc35456b,#dc35451f)}.bracketTeam.bracketLost{background:#1e293ba6;opacity:.88}.bracketScore{flex-shrink:0;font-weight:750;min-width:28px;text-align:center}.bracketCup4Flow{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.bracketCup4Step{flex:1 1 200px;min-width:180px;max-width:280px}.bracketCup4StepLive{outline:2px solid rgba(52,245,164,.45);outline-offset:2px;border-radius:12px}.bracketStepLabel{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:600}.bracketCup3List{display:flex;flex-direction:column;gap:10px}.bracketCup3Row{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:stretch;margin-bottom:0}.bracketCup3Meta{display:flex;align-items:center;justify-content:center}.bracketCup3Pair{min-width:0}.draftFifaGrid{display:grid;grid-template-columns:repeat(auto-fill,186px);gap:16px 12px;margin-top:14px;width:100%;justify-content:start;box-sizing:border-box}@media(max-width:420px){.draftFifaGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-content:stretch}}.draftFifaCell{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;width:100%;min-width:0;box-sizing:border-box}.draftFifaPickBtn{width:100%;max-width:186px;font-weight:700;box-sizing:border-box}.pickItem--fifa{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:8px 8px 10px;gap:6px;width:100%;min-width:0;box-sizing:border-box}.pickItem--fifaCompact{flex-direction:column;align-items:stretch;padding:6px;width:100%;min-width:0;box-sizing:border-box}.pickItem--fifaCompact .fifaCardShell{width:100%;max-width:100%}.picksFifaCompact,.layoutRosterDrag .picks{display:grid;grid-template-columns:repeat(auto-fill,186px);gap:10px 12px;justify-content:start;align-items:start}@media(max-width:420px){.picksFifaCompact,.layoutRosterDrag .picks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.fifaBenchDragHint{text-align:center;margin-top:2px}.pitchJerseyWrap--fifa{gap:4px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.pitchSlot:has(.pitchJerseyWrap--fifa){flex:0 0 var(--fifa-pitch-slot-w, 94px);width:var(--fifa-pitch-slot-w, 94px);min-width:var(--fifa-pitch-slot-w, 94px);max-width:var(--fifa-pitch-slot-w, 94px);padding:0 2px 6px;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;gap:2px;align-items:center;box-sizing:border-box;overflow:visible}.pitchSlot:has(.pitchJerseyWrap--fifa):not(.pitchSlotFilled){min-height:118px;padding:6px 4px 8px;border-radius:10px;outline:1px dashed rgba(255,255,255,.32);outline-offset:0}.pitchSlot:has(.pitchJerseyWrap--fifa).pitchSlotFilled{outline:none;border:none;background:transparent}.pitchSlot:has(.pitchJerseyWrap--fifa).pitchSlotActive{outline:2px solid rgba(52,245,164,.8);outline-offset:2px;border:none;box-shadow:none;background:transparent}.pitchSlot:has(.pitchJerseyWrap--fifa) .pitchSlotClear{top:-12px;right:4px;width:20px;height:20px;font-size:13px}.pitchJerseyWrap--fifa .fifaCardShell{width:100%;max-width:100%;margin-inline:0;flex-shrink:0}.pitchJerseyWrap--fifa .fifaCard.fifaCard--pitch{filter:drop-shadow(0 2px 5px rgba(0,0,0,.28))}.pitchJerseyWrap--fifa .fifaCard__name{overflow:visible;max-height:none}.fifaCardShell{container-type:inline-size;container-name:fifacard;width:min(180px,100%);max-width:100%;margin-inline:auto;aspect-ratio:180 / 230;display:grid;justify-items:center;align-items:start;box-sizing:border-box}.fifaCardShell .fifaCard{transform-origin:top center;transform:scale(min(1,calc(100cqw/180px)))}@supports not (container-type: inline-size){.fifaCardShell{width:180px;height:230px}.fifaCardShell .fifaCard{transform:none}}.fifaCard{--fifa-gold: #f0d78c;--fifa-stats-bottom: 28px;--fifa-stats-block-h: 1.08rem;--fifa-name-stats-gap: 2px;--fifa-name-stats-inset: 9%;position:relative;width:180px;height:230px;margin:0 auto;flex-shrink:0;font-family:Arial Narrow,Franklin Gothic Medium,Helvetica Neue Condensed,system-ui,sans-serif;color:#f4f7ff;background:transparent;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.fifaCard__plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;box-sizing:border-box;pointer-events:none;background-color:transparent;background-image:url(/player.png);background-position:center;background-size:contain;background-repeat:no-repeat}.fifaCard__safe{position:absolute;top:15%;right:11%;bottom:11%;left:14%;z-index:1;pointer-events:none}.fifaCard__ratingBlock{position:absolute;left:13%;top:14%;z-index:3;line-height:.95;text-align:left}.fifaCard__ovr{font-size:1.08rem;font-weight:800;font-stretch:condensed;color:#fde68a;text-shadow:0 1px 0 rgba(120,53,15,.85),0 2px 4px rgba(0,0,0,.55),0 0 10px rgba(251,191,36,.35);letter-spacing:-.04em}.fifaCard__posPrimary{margin-top:4px;font-size:.54rem;font-weight:800;letter-spacing:.08em;color:#fcd34d;text-shadow:0 1px 0 rgba(120,53,15,.9),0 1px 3px rgba(0,0,0,.65)}.fifaCard__posSecondaryBox{position:absolute;right:13%;top:14%;z-index:3;min-width:0;padding:0;text-align:right;background:none;border:none;border-radius:0;box-shadow:none}.fifaCard__posSecondaryLine{font-size:.52rem;font-weight:800;color:#fff;line-height:1.22;letter-spacing:.06em;text-shadow:0 0 5px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.95),0 0 1px rgba(0,0,0,1)}.fifaCard__highlight{position:absolute;left:50%;top:20%;transform:translate(-50%);width:92%;height:48%;z-index:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.fifaCard__highlightImg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45))}.fifaCard__name{position:absolute;left:var(--fifa-name-stats-inset);right:var(--fifa-name-stats-inset);top:auto;bottom:calc(var(--fifa-stats-bottom) + var(--fifa-stats-block-h) + var(--fifa-name-stats-gap));width:auto;transform:none;z-index:2;text-align:center;font-size:.54rem;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.9);line-height:1.1;max-height:2.2em;overflow:hidden}.fifaCard__statStrip{position:absolute;left:var(--fifa-name-stats-inset);right:var(--fifa-name-stats-inset);bottom:var(--fifa-stats-bottom);min-height:var(--fifa-stats-block-h);z-index:2;display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;gap:0;column-gap:0;padding:0 2px;box-sizing:border-box}.fifaCard__statStrip--gk{gap:10px}.fifaCard__statCell{flex:0 0 auto;min-width:0;padding:0 1px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.05}.fifaCard__statStrip--gk .fifaCard__statCell{min-width:34px}.fifaCard__statAbbr{font-size:.38rem;font-weight:700;letter-spacing:.01em;color:#f8fafceb}.fifaCard__statVal{margin-top:1px;font-size:.56rem;font-weight:800;font-stretch:condensed;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}