:root{--night: #0b1220;--surface: #121c2e;--surface-2: #182640;--line: #26344e;--ink: #edeff4;--ink-dim: #9aa6bc;--ink-faint: #5e6b85;--accent: #f2b233;--accent-ink: #1a1406;--live: #3fae6b;--bad: #e2554a}@media (prefers-color-scheme: light){:root{--night: #f6f3ec;--surface: #ffffff;--surface-2: #efeae0;--line: #e1dacb;--ink: #191b22;--ink-dim: #5b6478;--ink-faint: #93998e}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(60% 42% at 18% 8%,rgba(242,178,51,.1),transparent 60%),radial-gradient(50% 38% at 86% 14%,rgba(63,174,107,.09),transparent 60%),var(--night);color:var(--ink);font-family:-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh}#root{max-width:560px;margin:0 auto;padding:24px 16px 60px}.num{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-variant-numeric:tabular-nums}button{font-family:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar h1{margin:0;font-size:24px;font-weight:800;letter-spacing:.01em}.topbar .season{font-size:12px;color:var(--ink-dim)}.chiprow{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px}.chiprow::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-dim);padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:700;white-space:nowrap}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.daterow{display:flex;gap:8px;margin:6px 0 18px}.daybtn{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 4px;text-align:center;color:var(--ink-dim)}.daybtn .dow{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.daybtn .date{font-size:13px;font-weight:800;margin-top:2px}.daybtn.active{border-color:var(--accent);color:var(--accent);background:var(--surface-2)}.league-block{margin-bottom:20px}.league-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.league-head img{width:18px;height:18px;object-fit:contain}.league-head span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint)}.match{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px;text-align:left}.match .teams{display:flex;flex-direction:column;gap:6px;min-width:0}.match .team{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.team-logo{width:18px;height:18px;object-fit:contain;flex:0 0 auto}.team-logo-sm{width:13px;height:13px;object-fit:contain;vertical-align:-2px;margin-right:4px}.match .status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.match .score{font-size:16px;font-weight:800}.match .pill{font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:8px;letter-spacing:.03em}.pill.live{background:#3fae6b29;color:var(--live)}.pill.ft{background:var(--surface);color:var(--ink-faint);border:1px solid var(--line)}.pill.upcoming{background:#f2b23324;color:var(--accent)}.livedot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--live);margin-right:5px;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.livedot{animation:none}}.empty{text-align:center;color:var(--ink-faint);padding:40px 16px;font-size:14px}.empty b{color:var(--ink-dim)}.conn{font-size:10.5px;color:var(--ink-faint);display:flex;align-items:center;gap:6px}.conn .ok{color:var(--live)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--surface);border:1px solid var(--accent);color:var(--ink);border-radius:12px;padding:10px 18px;font-size:13.5px;font-weight:700;box-shadow:0 12px 30px #0006;z-index:10}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.topbar-actions{display:flex;align-items:center;gap:8px}.androidbtn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#3ddc84;color:#073042;text-decoration:none;border:1px solid rgba(255,255,255,.12)}.androidbtn:hover{filter:brightness(1.1)}.mainnav{display:flex;gap:4px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px}.mainnav button{flex:1;border:none;background:transparent;color:var(--ink-dim);padding:8px 4px;border-radius:9px;font-size:12.5px;font-weight:800}.mainnav button.active{background:var(--accent);color:var(--accent-ink)}.predict{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 8px;padding:8px 14px;border:1px dashed var(--line);border-top:none;border-radius:0 0 14px 14px;background:var(--surface)}.predict-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}.predict-dash{color:var(--ink-faint);font-weight:800}.stepper{display:inline-flex;align-items:center;gap:6px}.stepper button{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:800;line-height:1}.stepper .num{min-width:16px;text-align:center;font-weight:800;font-size:15px}.predict-save{margin-left:auto}.predict-save:disabled{opacity:.45;cursor:default}.section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin:18px 0 8px}.lb-row{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:7px}.lb-rank{width:22px;text-align:center;font-weight:800;color:var(--ink-faint)}.lb-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto}.lb-avatar-empty{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-dim);font-weight:800}.lb-who{display:flex;flex-direction:column;min-width:0;flex:1}.lb-name{font-weight:700;font-size:14px}.lb-desc,.lb-sub{font-size:11px;color:var(--ink-faint)}.lb-stats{display:flex;flex-direction:column;align-items:flex-end}.lb-pts{font-size:17px;font-weight:800;color:var(--accent)}.prizes{border:1px solid var(--accent);border-radius:14px;padding:10px 14px;margin-bottom:12px;background:#f2b2330f}.prize{display:flex;gap:10px;align-items:baseline;font-size:13px;padding:3px 0}.prize-rank{font-size:15px}.prize-detail{color:var(--ink-dim)}.t-join{display:flex;gap:8px;margin-bottom:12px}.t-join input{flex:1;max-width:150px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:15px;letter-spacing:.2em;font-family:inherit}.t-create{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px;background:var(--surface)}.t-create label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:700;color:var(--ink-dim)}.t-create input,.t-create textarea{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:9px 11px;font-size:14px;font-family:inherit}.t-create .primary{border:none;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:11px;font-size:14px;font-weight:800}.t-visibility,.t-leagues{display:flex;gap:6px;flex-wrap:wrap}.t-dates{display:flex;gap:8px}.t-dates label{flex:1}.t-head h2{margin:12px 0 4px;font-size:20px}.t-meta{font-size:12px;color:var(--ink-dim);margin-bottom:2px}.t-share{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:12px 0;background:var(--surface)}.t-share .chip{margin:6px 6px 0 0}.t-qr{width:110px;height:110px;border-radius:8px;background:#fff;padding:4px}.t-row{cursor:pointer}.pitch{position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 52px,transparent 52px 104px),linear-gradient(180deg,#58c56a,#3fa452);border-radius:16px 16px 0 0;padding:8px 8px 56px;margin:8px 0 0;display:flex;flex-direction:column;gap:18px}.pitch-goal{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:46px;border:2px solid rgba(255,255,255,.8);border-top:none}.pitch-goal:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:84px;height:18px;border:2px solid rgba(255,255,255,.8);border-top:none}.pitch:after{content:"";position:absolute;bottom:-46px;left:50%;transform:translate(-50%);width:92px;height:92px;border:2px solid rgba(255,255,255,.7);border-radius:50%}.pitch:before{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:2px solid rgba(255,255,255,.7)}.pitch-row{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;position:relative;z-index:1}.pcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;background:transparent;border:none;padding:0;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;flex:1 1 0;min-width:0;max-width:96px}.pcard-sm{max-width:80px}.pcard-sel{outline:3px solid var(--accent);outline-offset:2px}.pcard-out{opacity:.45}.pcard-in .pcard-name{background:#1c7c39}.pcard-face{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-bottom:3px;box-shadow:0 2px 6px #00000040;background:#fff}.pcard-sm .pcard-face{width:34px;height:34px}.pcard-face-empty{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#333;font-weight:800;font-size:15px}.pcard-name{display:block;width:100%;background:#14532d;color:#fff;text-align:center;font-size:10.5px;font-weight:700;padding:2.5px 3px;border-radius:4px 4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-fix{display:block;width:100%;background:#d9f2df;color:#14532d;text-align:center;font-size:9.5px;font-weight:800;padding:2px 3px;border-radius:0 0 4px 4px}.pcard-info{position:absolute;top:-4px;right:2px;z-index:2;width:16px;height:16px;border-radius:4px;border:1px solid #bbb;background:#fff;color:#444;font-size:10px;font-weight:800;font-style:italic;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.bench-strip{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:center;background:#f2f5f1;border-radius:0 0 16px 16px;padding:12px 10px 10px;margin-bottom:8px}.bench-strip .pcard{flex:0 1 80px}.bench-label{flex-basis:100%;text-align:center;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:#6a7a6e}.statsbar{display:flex;gap:8px;margin:10px 0}.stat-tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:9px 6px}.stat-tile span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.stat-tile b{font-size:16px;color:var(--accent)}.swap-row{display:grid;grid-template-columns:1fr 24px 1fr;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:8px 12px;margin-bottom:6px}.swap-side{display:flex;align-items:center;gap:8px;min-width:0}.swap-side img.face{width:34px;height:34px;border-radius:50%;object-fit:cover}.swap-meta{display:flex;flex-direction:column;min-width:0}.swap-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swap-sub{font-size:10.5px;color:var(--ink-faint);display:flex;align-items:center;gap:4px}.swap-out{color:var(--bad);font-size:16px;font-weight:800;text-align:center}.swap-in{color:var(--live);font-size:16px;font-weight:800;text-align:center}.chips-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.chip-tile{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 6px}.chip-tile b{font-size:12px;color:var(--ink)}.chip-tile span{font-size:10px;color:var(--ink-faint);text-align:center}.chip-active{border-color:var(--live)}.chip-active b{color:var(--live)}.pcard-price{display:block;background:#2a103f;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;margin-bottom:3px}.pcard-x{position:absolute;top:-4px;left:2px;z-index:2;width:16px;height:16px;border-radius:50%;border:none;background:#2a103f;color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.pool-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.pool-filters select,.pool-filters input[type=number]{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:7px 9px;font-size:12px;font-family:inherit}.pool-head{display:grid;grid-template-columns:1fr 90px 56px 46px 74px;gap:8px;align-items:center;padding:4px 12px;margin-bottom:4px}.pool-head button{border:none;background:transparent;color:var(--ink-faint);text-align:left;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:0}.pool-head .num-col,.pool-row .num-col{text-align:right}.pool-row{display:grid;grid-template-columns:1fr 90px 56px 46px 74px;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:8px 12px;margin-bottom:6px;font-size:13px;color:var(--ink)}.pool-player{display:flex;align-items:center;gap:10px;min-width:0}.pool-team{display:flex;align-items:center;gap:6px;min-width:0}.capt-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--accent);border-radius:12px;padding:8px 12px;margin-top:8px;background:#f2b2330f;font-size:13px;color:var(--ink)}.budgetbar{display:flex;gap:18px;font-size:12.5px;color:var(--ink-dim);border:1px solid var(--accent);border-radius:10px;padding:8px 12px;background:#f2b2330f}.budgetbar b{color:var(--accent);font-size:14px}.builder-picked{display:flex;flex-wrap:wrap;gap:6px}.pickchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:4px 8px;font-size:12px;font-weight:700}.pickchip.captain{border-color:var(--accent)}.pickchip-photo{width:18px;height:18px;border-radius:50%;object-fit:cover}.pick-star{border:none;background:transparent;color:var(--ink-faint);font-size:13px;padding:0}.pickchip.captain .pick-star{color:var(--accent)}.pick-x{border:none;background:transparent;color:var(--ink-faint);font-size:11px;padding:0 2px}.builder-search{flex:1;min-width:120px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:18px;padding:7px 14px;font-size:12.5px;font-family:inherit}.prize-edit{display:flex;gap:6px;align-items:center}.prize-edit select,.prize-edit input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;padding:7px 9px;font-size:12.5px;font-family:inherit;min-width:0}.prize-edit input:nth-of-type(2){flex:2}.prize-edit input:nth-of-type(3){flex:3}.match-click{cursor:pointer}.match-click:hover{border-color:var(--accent)}.fixture-modal{max-width:440px;max-height:86vh;overflow-y:auto}.fx-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:4px}.fx-team{font-size:15px;font-weight:700}.fx-mid{font-size:24px;font-weight:800}.fx-events{display:flex;flex-direction:column;gap:6px}.fx-event{display:flex;align-items:baseline;gap:8px;font-size:13px}.fx-event.away{flex-direction:row-reverse;text-align:right}.fx-min{color:var(--ink-faint);font-weight:700;min-width:30px}.fx-who b{font-weight:700}.fx-rating{background:#3fae6b29;color:var(--live);font-weight:800;font-size:12.5px;border-radius:8px;padding:3px 8px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.avatar-btn{position:relative;width:64px;height:64px;border-radius:50%;border:2px solid var(--accent);background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--ink-dim);padding:0}.avatar-btn img{width:100%;height:100%;object-fit:cover}.avatar-edit{position:absolute;right:0;bottom:0;background:var(--accent);color:var(--accent-ink);font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.userchip{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);padding:6px 13px;border-radius:18px;font-size:12.5px;font-weight:700}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810a8;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 24px 60px #00000080}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-tabs{display:flex;gap:6px}.modal-tabs button{border:1px solid var(--line);background:transparent;color:var(--ink-dim);padding:6px 12px;border-radius:16px;font-size:12.5px;font-weight:700}.modal-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.modal-close{border:none;background:transparent;color:var(--ink-faint);font-size:15px;padding:4px 8px}.modal form{display:flex;flex-direction:column;gap:12px}.modal label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:700;color:var(--ink-dim)}.modal input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}.modal input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.modal .primary{border:none;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:11px;font-size:14px;font-weight:800;margin-top:2px}.modal .primary:disabled{opacity:.6}.form-error{color:var(--bad);font-size:12.5px;font-weight:600}