: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}.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}.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}.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)}.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}