:root{--ink: #1c2420;--ink-soft: #4a534d;--concrete: #e9e6de;--concrete-deep: #dcd8cd;--paper: #f6f4ee;--pitch: #2f7a4d;--pitch-deep: #215938;--pitch-light: #3a8f5c;--crimson: #c8372e;--mustard: #d9a441;--line: #c9c3b4;--white: #ffffff;--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--concrete);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 12% 18%,rgba(47,122,77,.06) 0,transparent 40%),radial-gradient(circle at 88% 82%,rgba(200,55,46,.05) 0,transparent 45%);background-attachment:fixed}.display{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.01em}.mono{font-family:IBM Plex Mono,monospace}.muted{color:var(--ink-soft)}.subtle{color:var(--ink-soft);font-size:13px}.terrazzo{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,var(--pitch) 2px,transparent 2.5px),radial-gradient(circle,var(--crimson) 1.6px,transparent 2px),radial-gradient(circle,var(--mustard) 1.4px,transparent 1.8px);background-size:140px 140px,95px 95px,65px 65px;background-position:0 0,30px 60px,80px 10px;opacity:.08}.app-shell{max-width:1180px;margin:0 auto;padding:0 24px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 20px;border-bottom:1px solid var(--line);margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;aspect-ratio:1 / 1;flex:none;object-fit:contain;border-radius:10px;box-shadow:3px 3px 0 var(--pitch-deep);display:block}.brand-mark-lg{width:56px;height:56px;box-shadow:4px 4px 0 var(--pitch-deep)}.brand-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:22px;letter-spacing:.02em;white-space:nowrap}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--ink-soft);font-weight:600;font-size:14.5px;padding:9px 16px;border-radius:999px;white-space:nowrap;transition:all .15s ease}.nav-link:hover{background:var(--concrete-deep);color:var(--ink)}.nav-link:focus-visible{outline:2px solid var(--pitch);outline-offset:2px}.nav-link.active,.nav-link.active:hover{background:var(--ink);color:var(--paper)}.user-chip{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);padding:6px 14px 6px 6px;border-radius:999px}.user-avatar{width:30px;height:30px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--mustard),var(--crimson))}.user-name{font-size:13.5px;font-weight:600;white-space:nowrap}.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);border-radius:20px;padding:34px 36px;margin-bottom:22px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;box-shadow:0 1px #0000000f}.hero .terrazzo{opacity:.14}.hero-left{position:relative;z-index:1}.eyebrow{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mustard);display:flex;align-items:center;gap:8px;margin-bottom:10px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mustard);display:inline-block}.hero-team-name{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:44px;line-height:1;margin-bottom:6px;letter-spacing:.01em}.hero-team-sub{color:#b9bdb8;font-size:14.5px;margin-bottom:26px}.scoreline{display:flex;gap:36px;align-items:flex-end;flex-wrap:wrap}.score-block .num{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:56px;line-height:.9}.score-block .lbl{font-size:12.5px;color:#a9ada8;text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-weight:600}.rank-move{display:inline-flex;align-items:center;gap:4px;background:#2f7a4d40;color:#7fd9a4;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;margin-left:8px}.rank-move.down{background:#c8372e40;color:#f0a49e}.hero-right{position:relative;z-index:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center}.hero-right .cap{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#a9ada8;font-weight:600;margin-bottom:12px}.pitch-row{display:flex;justify-content:space-around;margin-bottom:10px;gap:8px}.pitch-player{text-align:center;font-size:11px}.pitch-dot{width:34px;height:34px;border-radius:50%;background:var(--pitch);display:flex;align-items:center;justify-content:center;margin:0 auto 5px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:14px;color:var(--paper);border:2px solid rgba(255,255,255,.25)}.pitch-player.captain .pitch-dot{background:var(--crimson)}.pitch-player .nm{color:#cfd2cd}.stat-strip{display:flex;gap:14px;margin-bottom:22px;flex-wrap:wrap}.stat-card{flex:1;min-width:130px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.stat-card .v{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:26px}.stat-card .v.crimson{color:var(--crimson)}.stat-card .v.pitch{color:var(--pitch-deep)}.stat-card .l{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:2px}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}.panel{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 8px;margin-bottom:22px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid var(--ink)}.panel-title{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.01em}.panel-link{font-size:13px;color:var(--pitch-deep);font-weight:600;text-decoration:none;white-space:nowrap}.panel-link:hover{text-decoration:underline}.leaguetable{width:100%;border-collapse:collapse;margin-bottom:6px}.leaguetable th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}.leaguetable td{padding:11px 8px;font-size:14.5px;border-bottom:1px dashed var(--line)}.leaguetable tr.me td{background:#2f7a4d14;font-weight:700}.leaguetable tr.me td:first-child{border-radius:8px 0 0 8px}.leaguetable tr.me td:last-child{border-radius:0 8px 8px 0}.pos{font-family:IBM Plex Mono,monospace;color:var(--ink-soft);width:26px}.mover{font-size:11px;margin-left:5px;font-family:IBM Plex Mono,monospace}.mover.up{color:var(--pitch)}.mover.down{color:var(--crimson)}.pts{font-family:IBM Plex Mono,monospace;font-weight:600;text-align:right}.fixture{display:flex;align-items:center;gap:14px;padding:14px 6px;border-bottom:1px dashed var(--line)}.fixture:last-child{border-bottom:none}.fx-date{font-family:Barlow Condensed,sans-serif;font-weight:700;text-align:center;width:52px;flex-shrink:0;color:var(--ink-soft)}.fx-date .d{font-size:20px;display:block;color:var(--ink)}.fx-date .m{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.fx-teams{flex:1;font-size:15px;font-weight:600;min-width:0}.fx-teams .vs{color:var(--ink-soft);font-weight:400;padding:0 6px;font-size:12.5px}.fx-teams .fx-score{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:19px;padding:0 8px;letter-spacing:.02em}.fx-sub{font-size:12px;color:var(--ink-soft);margin-top:3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fx-sub .code{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--ink)}.fx-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;white-space:nowrap;background:var(--concrete-deep);color:var(--ink-soft)}.fx-tag.open{background:#d9a44138;color:#8a6417}.fx-tag.done{background:#2f7a4d26;color:var(--pitch-deep)}.fx-tag.live{background:#c8372e26;color:var(--crimson)}.fx-points{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:12px;padding:4px 9px;border-radius:999px;white-space:nowrap;background:#2f7a4d26;color:var(--pitch-deep)}.fx-points.zero{background:var(--concrete-deep);color:var(--ink-soft)}.predict-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--pitch);color:var(--paper);border-radius:12px;padding:16px 20px;margin:18px 0 20px;position:relative}.predict-cta:before{content:"";position:absolute;top:-8px;left:22px;width:20px;height:14px;background:var(--mustard);transform:rotate(-6deg);border-radius:2px;box-shadow:0 2px 3px #00000026}.predict-cta .txt{font-size:14px;font-weight:500}.predict-cta .txt b{font-family:Barlow Condensed,sans-serif;font-size:17px;text-transform:uppercase;display:block}.predict-cta .cta-btn{background:var(--ink);color:var(--paper);border:none;border-radius:999px;padding:10px 20px;font-weight:700;font-size:13.5px;cursor:pointer;font-family:Inter,sans-serif;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.predict-cta .cta-btn:hover{background:#29332d}.global-split{display:flex;gap:0}.global-col{flex:1;padding:4px 14px 14px;min-width:0}.global-col+.global-col{border-left:1px dashed var(--line)}.global-col-head{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:10px}.global-mini{list-style:none}.global-mini li{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13.5px}.global-mini .pos{font-family:IBM Plex Mono,monospace;color:var(--ink-soft);width:16px}.global-mini .nm{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-mini .pt{font-family:IBM Plex Mono,monospace;font-weight:600}.global-dots{text-align:center;color:var(--line);letter-spacing:2px;padding:2px 0;font-weight:700}.global-me{display:flex;align-items:center;gap:8px;font-size:13.5px;background:#2f7a4d17;border-radius:8px;padding:8px;margin-top:2px}.global-me .pos{font-family:IBM Plex Mono,monospace;font-weight:700;color:var(--pitch-deep);width:auto;min-width:16px}.global-me .nm{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-me .pt{font-family:IBM Plex Mono,monospace;font-weight:700}.global-pctl{margin-top:8px;display:inline-flex;align-items:center;background:var(--mustard);color:#3d2e07;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:999px}.deadline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--ink);color:var(--paper);border-radius:14px;padding:14px 22px;margin-bottom:18px;position:relative}.deadline:before{content:"";position:absolute;top:-7px;left:26px;width:18px;height:13px;background:var(--mustard);transform:rotate(-6deg);border-radius:2px}.deadline .l{font-size:13.5px;color:#b9bdb8}.deadline .l b{color:var(--paper);font-weight:700}.deadline .t{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:24px;letter-spacing:.02em;white-space:nowrap}.deadline .t span{color:var(--mustard)}.deadline.locked .t span{color:var(--crimson)}.segmented{display:flex;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px;width:fit-content;max-width:100%;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{border:none;background:transparent;padding:9px 20px;border-radius:999px;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap}.segmented button:hover:not(.active){color:var(--ink)}.segmented button.active{background:var(--pitch);color:var(--paper)}.segmented button:focus-visible{outline:2px solid var(--pitch);outline-offset:2px}.controls-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.formation{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--ink)}.formation:focus-visible{outline:none;border-color:var(--pitch)}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--concrete-deep)}.pitch-wrap{position:relative;border-radius:18px;overflow:hidden;margin-bottom:18px;background:repeating-linear-gradient(180deg,var(--pitch) 0 44px,var(--pitch-light) 44px 88px);padding:26px 20px 18px;box-shadow:inset 0 0 0 1px #ffffff14}.pitch-lines{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:2px solid rgba(255,255,255,.35);border-radius:6px;pointer-events:none}.pitch-lines:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#ffffff59;transform:translateY(-50%)}.pitch-lines:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:2px solid rgba(255,255,255,.35);border-radius:50%}.pitch-wrap .pitch-row{position:relative;display:flex;justify-content:center;gap:34px;margin-bottom:20px;z-index:1;flex-wrap:wrap}.pitch-wrap .pitch-row:last-of-type{margin-bottom:4px}.player-chip{text-align:center;width:82px;cursor:pointer;background:none;border:none;padding:0;font:inherit}.chip-avatar{width:48px;height:48px;border-radius:50%;margin:0 auto 6px;position:relative;background:var(--paper);border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:16px;color:var(--ink);transition:transform .1s ease,box-shadow .1s ease}.player-chip:hover .chip-avatar{transform:translateY(-2px)}.player-chip.captain .chip-avatar{border-color:var(--mustard)}.player-chip.selected .chip-avatar{box-shadow:0 0 0 4px var(--mustard)}.player-chip.swappable .chip-avatar{box-shadow:0 0 0 3px #ffffffd9}.player-chip:disabled{cursor:default;opacity:.55}.player-chip:disabled:hover .chip-avatar{transform:none}.player-chip:focus-visible .chip-avatar{outline:2px solid var(--white);outline-offset:3px}.badge-c{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--mustard);color:#3d2e07;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pitch-deep)}.badge-v{background:var(--paper);color:var(--ink)}.chip-name{font-size:11.5px;font-weight:700;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1.15}.chip-meta{font-size:10px;color:#fffc;font-family:IBM Plex Mono,monospace;margin-top:1px}.bench{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:18px}.bench-head{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:10px}.bench-row{display:flex;gap:22px;flex-wrap:wrap}.bench-row .player-chip .chip-avatar{background:var(--concrete-deep);border-color:var(--ink-soft)}.bench-row .player-chip.captain .chip-avatar{border-color:var(--mustard)}.bench-row .player-chip .chip-name{color:var(--ink);text-shadow:none}.bench-row .player-chip .chip-meta{color:var(--ink-soft)}.chip-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--concrete-deep);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:18px}.chip-actions .who{font-weight:700;font-size:14px}.chip-actions .hint{font-size:12.5px;color:var(--ink-soft);flex:1;min-width:160px}.transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.filter-chips{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.filter-chips button{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink-soft)}.filter-chips button:hover:not(.active){background:var(--concrete);color:var(--ink)}.filter-chips button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.player-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px dashed var(--line)}.player-row:last-child{border-bottom:none}.pr-avatar{width:36px;height:36px;border-radius:50%;background:var(--concrete-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;color:var(--ink)}.pr-info{flex:1;min-width:0}.pr-name{font-size:14px;font-weight:700}.pr-meta{font-size:11.5px;color:var(--ink-soft)}.pos-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:5px;margin-right:5px;letter-spacing:.03em}.pos-tag.gk{background:#e6c65c33;color:#8a6417}.pos-tag.def{background:#2f7a4d2e;color:var(--pitch-deep)}.pos-tag.mid{background:#1c242014;color:var(--ink-soft)}.pos-tag.fwd{background:#c8372e24;color:var(--crimson)}.pr-price{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:13.5px;text-align:right;width:52px;flex-shrink:0}.pr-pts{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-soft);text-align:right;width:44px;flex-shrink:0}.pr-action{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.pr-action:disabled{opacity:.35;cursor:not-allowed}.pr-action.out{background:#c8372e1f;color:var(--crimson)}.pr-action.in{background:#2f7a4d24;color:var(--pitch-deep)}.pr-action.pending{background:var(--mustard);color:#3d2e07}.transfer-bar{position:sticky;bottom:16px;margin-top:18px;z-index:5;background:var(--ink);color:var(--paper);border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 8px 24px #0000002e}.transfer-bar .swap{font-size:13.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swap-pill{background:#ffffff14;border-radius:999px;padding:5px 12px;font-size:12.5px}.swap-pill .out-nm{color:#ff9d95;text-decoration:line-through}.swap-pill .in-nm{color:#8fe0af}.transfer-bar .cost{font-size:12.5px;color:#b9bdb8}.transfer-bar .cost b{color:var(--paper)}.form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.text-input{font-family:Inter,sans-serif;font-size:14px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 14px;flex:1;min-width:180px}.text-input:focus-visible{outline:none;border-color:var(--pitch)}.invite-code{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:13px;background:var(--concrete-deep);color:var(--ink);border-radius:8px;padding:3px 9px;letter-spacing:.08em}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:all .15s ease}.tab:hover:not(.tab-active){background:var(--concrete-deep);color:var(--ink)}.tab:focus-visible{outline:2px solid var(--pitch);outline-offset:2px}.tab-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn{font-family:Inter,sans-serif;font-weight:600;font-size:14px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:background .12s ease,color .12s ease,transform 60ms ease}.btn:hover:not(:disabled){background:var(--concrete)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--pitch);outline-offset:2px}.btn-primary{background:var(--pitch);border-color:var(--pitch-deep);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--pitch-light)}.fixture-predict{display:grid;grid-template-columns:52px minmax(0,1fr) 420px 116px;grid-template-areas:"date match controls status";align-items:center;column-gap:14px;row-gap:12px}.fixture-predict .fx-date{grid-area:date}.fixture-predict .fx-body{grid-area:match}.fixture-predict .predict-controls{grid-area:controls}.fixture-predict .fx-status{grid-area:status}.fx-body{min-width:0}.fx-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.predict-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px}.predict-controls>*{min-width:0}.pc-mom .select{width:100%;max-width:none}.predict-controls .save-status{grid-column:1 / -1;margin-top:0}.pc-save .btn{min-width:96px}.score-entry{display:flex;align-items:center;gap:8px}.score-input{width:48px;height:42px;text-align:center;font-family:IBM Plex Mono,monospace;font-weight:600;font-size:18px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:2px 2px 0 var(--concrete-deep);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.score-input:focus-visible{outline:none;border-color:var(--pitch);box-shadow:2px 2px 0 var(--pitch-light)}.score-input:disabled{background:var(--concrete);box-shadow:none}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-dash{color:var(--ink-soft);font-weight:600}.select{font-family:Inter,sans-serif;font-size:13.5px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:10px;padding:9px 12px;max-width:210px}.select:focus-visible{outline:none;border-color:var(--pitch)}.select:disabled{background:var(--concrete);color:var(--ink-soft)}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px}.save-status{font-size:12.5px;font-weight:600;margin-top:6px}.save-status-ok{color:var(--pitch-deep)}.save-status-err{color:var(--crimson)}.save-status-pending{color:var(--ink-soft)}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--ink-soft);padding-bottom:14px}.legend-item{display:flex;align-items:center;gap:6px}.legend-points{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--ink)}.error-panel{border-color:var(--crimson)}.error-text{color:var(--crimson)}.fixture>*,.topbar>*{min-width:0}@media (max-width: 1040px){.fixture-predict{grid-template-columns:52px minmax(0,1fr) 116px;grid-template-areas:"date match  status" "date controls controls"}.fixture-predict .fx-date,.fixture-predict .fx-status{align-self:start}}@media (max-width: 860px){.grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:26px 22px}.hero-team-name{font-size:34px}.score-block .num{font-size:44px}.global-split{flex-direction:column}.global-col{padding:4px 0 14px}.global-col+.global-col{border-left:none;border-top:1px dashed var(--line);margin-top:8px;padding-top:12px}.stat-strip{flex-wrap:wrap}.stat-card{min-width:45%}.transfer-grid{grid-template-columns:1fr}.pitch-wrap .pitch-row{gap:14px}.player-chip{width:64px}.chip-avatar{width:42px;height:42px;font-size:14px}.bench-row{gap:12px}}@media (max-width: 720px){.app-shell{padding:0 16px 60px}.topbar{gap:12px;padding:16px 0 14px;margin-bottom:20px}.brand-name{font-size:19px}.brand-mark{width:34px;height:34px;box-shadow:2px 2px 0 var(--pitch-deep)}.brand-mark-lg{width:48px;height:48px}.nav{order:3;width:100%;flex-wrap:wrap;justify-content:center;row-gap:8px}.nav-link{font-size:14px;padding:8px 14px}.user-name{display:none}.user-chip{padding:6px}.panel{padding:16px 16px 6px}.panel-head{flex-wrap:wrap;gap:4px 12px}.fixture{flex-wrap:wrap;gap:10px}.fx-teams{flex:1 1 60%;font-size:14px}.fixture-predict{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"date match" "status status" "controls controls";row-gap:10px}.fx-status{flex-direction:row;align-items:center;justify-content:flex-start}.predict-controls{grid-template-columns:1fr;gap:12px}.pc-save .btn,.predict-controls .select{width:100%}.select{max-width:100%}.score-entry{justify-content:flex-start}.score-input{width:62px;height:46px}.leaguetable td,.leaguetable th{padding:9px 4px;font-size:13.5px}.hide-narrow{display:none}}.welcome-hero{margin-bottom:18px}.welcome-title{font-size:1.6rem;margin:0 0 6px}.welcome-lede{color:var(--ink-soft);margin:0 0 18px;max-width:60ch}.welcome-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.welcome-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.welcome-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.welcome-card-primary{border-color:var(--pitch)}.welcome-card-kicker{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pitch);font-weight:700}.welcome-card-title{font-weight:700;font-size:1.05rem}.welcome-card-body{color:var(--ink-soft);font-size:.9rem;line-height:1.45}.welcome-card-go{margin-top:auto;font-weight:600;font-size:.875rem}.welcome-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}@media (max-width: 720px){.welcome-split{grid-template-columns:1fr}}.chalk-table{width:100%;border-collapse:collapse;font-size:.9rem}.chalk-table th{text-align:left;font-weight:600;color:var(--ink-soft);padding:6px 8px;border-bottom:1px solid var(--line)}.chalk-table td{padding:6px 8px;border-bottom:1px dashed var(--line)}.chalk-table td.pos{color:var(--ink-soft);width:2em}.fx-v{color:var(--ink-soft);padding:0 6px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{max-width:420px;width:100%;text-align:center;padding:32px 28px}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.login-title{font-size:1.35rem;margin:0 0 8px;line-height:1.3}.login-lede{color:var(--ink-soft);margin:0 0 24px;line-height:1.5}.login-buttons{display:flex;flex-direction:column;gap:10px}.login-btn{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--line);background:var(--paper);font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.login-google{border-color:var(--line)}.login-facebook{background:#1877f2;border-color:#1877f2;color:#fff}.login-foot{margin:22px 0 0;font-size:.85rem;color:var(--ink-soft);line-height:1.5}.empty-lead{font-size:1.05rem;margin:0 0 10px}.build-team .build-rules{margin:14px 0 18px;padding-left:20px;color:var(--ink-soft);line-height:1.8}.build-team .build-rules b{color:var(--ink)}.user-menu{position:relative}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:inherit;cursor:pointer}.user-chip:hover{box-shadow:0 2px 8px #0000000f}.user-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:20}.user-dropdown-item{display:block;width:100%;padding:11px 14px;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.user-dropdown-item:hover{background:var(--wash)}.user-dropdown-item:disabled{opacity:.6;cursor:default}.create-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.create-input{flex:1 1 240px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--paper)}.btn-primary,.btn-secondary{padding:11px 18px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--pitch)}.btn-primary{background:var(--pitch);color:#fff}.btn-secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:default}.pos-tag{display:inline-block;min-width:3em;text-align:center;padding:2px 6px;border-radius:4px;font-size:.72rem;font-weight:700;background:var(--wash);color:var(--ink-soft)}.pos-gk{background:#f3e8c8;color:#6b5a1f}.pos-def{background:#d9e8dd;color:#2c5138}.pos-mid{background:#dbe4f0;color:#2b4570}.pos-fwd{background:#f2dcdc;color:#6e2b2b}.error-detail{margin:12px 0;padding:10px 12px;background:var(--wash);border:1px solid var(--line);border-radius:6px;font-size:.8rem;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--paper) 30%,transparent) left / 40px 100% no-repeat local,linear-gradient(to left,var(--paper) 30%,transparent) right / 40px 100% no-repeat local,linear-gradient(to right,rgba(0,0,0,.1),transparent) left / 14px 100% no-repeat scroll,linear-gradient(to left,rgba(0,0,0,.1),transparent) right / 14px 100% no-repeat scroll}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}@media (max-width: 380px){.brand-mark{width:30px;height:30px;border-radius:8px}.brand-name{font-size:17px}}.crest{width:22px;height:22px;aspect-ratio:1 / 1;object-fit:contain;flex:none;vertical-align:middle}.crest-lg{width:32px;height:32px}.site-footer{margin:40px auto 0;padding:26px 0 8px;border-top:1px solid var(--line);text-align:center}.site-tagline{margin:0 0 4px;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:1.05rem;letter-spacing:.01em;color:var(--ink)}.site-foot-note{margin:0;font-size:.8rem;color:var(--ink-soft)}@media (max-width: 480px){.site-tagline{font-size:.98rem}.site-footer{margin-top:28px;padding-top:20px}}.fx-tag-link{text-decoration:none;cursor:pointer;transition:background .15s ease,transform .12s ease}.fx-tag-link:hover{background:var(--pitch);color:var(--paper);transform:translateY(-1px)}.fx-tag-link:focus-visible{outline:2px solid var(--pitch);outline-offset:2px}