:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f9ff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--bg:#050d1a;--text:#f5f9ff;--muted:#f5f9ff9e;--dim:#f5f9ff6b;--border:#ffffff1a;--surface:#ffffff0b;--surface-strong:#ffffff14;--accent:#56a0ff;--accent-soft:#56a0ff2e;--orange:#f97316;--orange-soft:#f973162e;--green:#4ade80;--green-soft:#4ade8026;--red:#f87171;--red-soft:#f8717129;--gold:#facc15;--radius:16px;--nav-height:64px;background:#050d1a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overscroll-behavior-y:none;background:radial-gradient(circle at top,#1f3b73 0%,#0b1a2b 50%,#050d1a 100%) fixed;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{width:100%;max-width:640px;padding:0 12px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:20;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#050d1ad1;justify-content:space-between;align-items:center;gap:8px;margin:0 -12px 12px;display:flex;position:sticky;top:0}.brand{min-width:0;color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.brand img{width:30px;height:30px}.brand__title{letter-spacing:.06em;font-size:1.05rem;font-weight:800}.brand__sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:46vw;font-size:.72rem;overflow:hidden}.topbar__actions{align-items:center;gap:6px;display:flex}.bottom-nav{z-index:30;padding:4px 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#050d1af0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{min-height:var(--nav-height);color:var(--muted);letter-spacing:.03em;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;display:flex;position:relative}.bottom-nav__item svg{width:24px;height:24px}.bottom-nav__item--active{color:var(--text)}.bottom-nav__item--active svg{color:var(--orange)}.nav-badge{background:var(--orange);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;line-height:20px;position:absolute;top:6px;left:calc(50% + 6px)}.stack{gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px}.card--accent{background:linear-gradient(135deg,#f9731638,#56a0ff1f);border-color:#f9731659}.card--live{border-color:#f8717180;box-shadow:inset 0 0 0 1px #f8717133}.card h2,.card h3{margin:0 0 8px}.section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 2px 8px;font-size:.78rem}.page-title{margin:4px 2px 12px;font-size:1.45rem;font-weight:800}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:.82rem}.row{align-items:center;gap:8px;min-width:0;display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{background:var(--surface-strong);border:1px solid var(--border);letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 18px;font-weight:600;display:inline-flex}.btn--primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn--ghost{background:0 0}.btn--danger{background:var(--red-soft);color:#fecaca;border-color:#f8717166}.btn--block{width:100%}.btn--small{min-height:44px;padding:0 12px;font-size:.85rem}.icon-btn{min-width:44px;min-height:44px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.chips{scrollbar-width:none;gap:6px;margin:0 -2px 6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:0 14px;font-size:.85rem}.chip--active{background:var(--accent-soft);color:#dcefff;border-color:#56a0ff80;font-weight:600}.pill{letter-spacing:.05em;background:var(--surface-strong);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.pill--open{background:var(--accent-soft);color:#bfdbfe}.pill--todo{background:var(--orange-soft);color:#fed7aa}.pill--saved{background:var(--green-soft);color:#bbf7d0}.pill--live{background:var(--red);color:#fff;animation:1.6s ease-in-out infinite pulse}.pill--gold{color:#fde68a;background:#facc1533}@keyframes pulse{50%{opacity:.6}}.banner{border-radius:var(--radius);background:var(--orange-soft);border:1px solid #f9731666;align-items:center;gap:10px;padding:12px 14px;display:flex}.banner--ok{background:var(--green-soft);border-color:#4ade8059}.banner--error{background:var(--red-soft);border-color:#f8717166}.banner__big{font-size:1.5rem;font-weight:800;line-height:1}.match{gap:10px;display:grid}.match__head{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;display:flex}.match__body{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.team{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.team__name{overflow-wrap:anywhere;max-width:100%;font-size:.95rem;font-weight:700;line-height:1.2}.vs{color:var(--dim);font-weight:700}.stepper{border:1px solid var(--border);background:#00000059;border-radius:14px;align-items:center;display:inline-flex}.stepper button{width:48px;height:52px;color:var(--text);font-size:1.5rem;font-weight:600}.stepper button:active{background:var(--surface-strong)}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:1.6rem;font-weight:800}.score-big{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.result-line{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:10px;display:flex}.segmented{grid-template-columns:1fr 1fr;gap:6px;display:grid}.segmented button{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;min-height:44px;padding:4px 8px;font-size:.85rem}.segmented button[aria-pressed=true]{background:var(--accent-soft);border-color:#56a0ff8c;font-weight:700}.joker{color:#fde68a;border:1px dashed #facc1580;border-radius:999px;min-height:44px;padding:0 12px;font-size:.82rem;font-weight:600}.joker[aria-pressed=true]{background:#facc1538;border-style:solid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:.82rem}.input,select.input{border:1px solid var(--border);background:#00000059;border-radius:12px;width:100%;min-height:50px;padding:0 14px;font-size:16px}.tabs{background:#0000004d;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tabs button{min-height:44px;color:var(--muted);border-radius:10px;font-weight:600}.tabs button[aria-selected=true]{background:var(--surface-strong);color:var(--text)}.rank-list{gap:6px;display:grid}.rank-row{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;display:grid}.rank-row--me{background:var(--accent-soft);border-color:#56a0ff8c}.rank-row--sticky{bottom:calc(var(--nav-height) + 8px + env(safe-area-inset-bottom));position:sticky;box-shadow:0 -8px 30px #0000008c}.rank-row__rank{text-align:center;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.rank-row__rank--1{color:var(--gold)}.rank-row__rank--2{color:#e5e7eb}.rank-row__rank--3{color:#fdba74}.rank-row__value{text-align:right;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.delta{font-size:.72rem;font-weight:700}.delta--up{color:var(--green)}.delta--down{color:var(--red)}.bar{background:#0000004d;border-radius:10px;height:34px;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.bar>div{white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.bar__home{background:#56a0ff8c}.bar__draw{background:#94a3b873}.bar__away{background:#f9731699}.hbar{gap:4px;display:grid}.hbar__track{background:#00000059;border-radius:999px;height:10px;overflow:hidden}.hbar__fill{background:linear-gradient(90deg, var(--accent), var(--orange));border-radius:999px;height:100%}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;padding:10px}.kpi__value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.kpi__label{color:var(--muted);letter-spacing:.04em;font-size:.7rem}.heatmap{font-variant-numeric:tabular-nums;gap:2px;font-size:.68rem;display:grid}.heatmap__cell{aspect-ratio:1;border-radius:4px;justify-content:center;align-items:center;min-width:0;display:flex}.heatmap__label{justify-content:center;align-items:center;min-width:0;padding:2px 0;display:flex}.list-plain{gap:6px;margin:0;padding:0;list-style:none;display:grid}.link-row{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 12px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--orange);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lang-menu{z-index:60;border:1px solid var(--border);background:#081220fa;border-radius:12px;min-width:180px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000080}.lang-menu button{text-align:left;border-radius:8px;justify-content:space-between;width:100%;min-height:44px;padding:0 10px;display:flex}.sparkline{width:100%;height:80px}.hero{text-align:center;padding:18px 8px 8px}.hero__logo{width:72px;height:72px}.hero h1{letter-spacing:.05em;margin:8px 0 4px;font-size:2rem}.points-table{border-collapse:collapse;width:100%;font-size:.9rem}.points-table td{border-bottom:1px solid var(--border);padding:8px 4px}.points-table td:last-child{text-align:right;font-weight:700}.toast{left:50%;bottom:calc(var(--nav-height) + 20px + env(safe-area-inset-bottom));z-index:50;border:1px solid var(--border);background:#0f172af5;border-radius:12px;max-width:calc(100% - 24px);padding:10px 16px;font-size:.9rem;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@media (width>=700px){.app{padding-left:16px;padding-right:16px}.bottom-nav{border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:18px 18px 0 0;max-width:640px;margin:0 auto}}