:root{color-scheme:dark;--bg: #110c1b;--surface: #1b1429;--surface-2: #251c39;--line: #372b52;--fg: #f3effa;--muted: #a59bbf;--faint: #6f6690;--primary: #6c40bd;--primary-soft: rgba(108, 64, 189, .22);--gold: #d8ad3f;--gold-soft: rgba(216, 173, 63, .16);--good: #3ccf8e;--bad: #ff6070;--t-ice: #3d9bff;--t-cool: #8fc6ff;--t-neutral: #8b84a6;--t-warm: #ffa343;--t-fire: #ff5a2b;--font-display: "Saira Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.app{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 calc(84px + env(safe-area-inset-bottom,0px))}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:linear-gradient(var(--bg) 70%,rgba(17,12,27,0));padding-block:12px 10px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:32px;height:32px;flex:none}.brand h1{margin:0;font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:.02em;text-transform:uppercase}.brand h1 span{color:var(--gold)}.leagues{margin-left:auto;display:flex;gap:4px;background:var(--surface);border-radius:999px;padding:3px}.league{border:0;background:none;padding:5px 10px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--faint);cursor:pointer}.league.on{background:var(--primary);color:var(--fg);box-shadow:inset 0 -2px 0 var(--gold)}.league:disabled{cursor:not-allowed}.desk-nav{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);background:#1b1429f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.tab{border:0;background:none;cursor:pointer;padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.tab svg{width:22px;height:22px}.tab.on{color:var(--gold)}@media (min-width: 820px){.tabbar{display:none}.app{padding-block:0 40px}.desk-nav{display:flex;gap:2px;margin-left:18px}.desk-nav button{border:0;background:none;cursor:pointer;padding:6px 12px;border-radius:8px;font-weight:600;color:var(--muted)}.desk-nav button.on{color:var(--fg);background:var(--surface-2)}}.section-title{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;display:flex;align-items:baseline;gap:8px}.section-title small{font-family:var(--font-body);letter-spacing:0;text-transform:none;font-weight:500;color:var(--faint);font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer;color:var(--muted)}.chip.on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:7px 30px 7px 10px;font:inherit;font-size:13px;font-weight:600;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat;max-width:100%}.tier{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px 2px 6px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.tier .ic{font-size:13px;line-height:1}.tier-fire{color:var(--t-fire);background:#ff5a2b21;border-color:#ff5a2b66}.tier-warm{color:var(--t-warm);background:#ffa3431f;border-color:#ffa34359}.tier-neutral,.tier-none{color:var(--t-neutral);background:#8b84a61f;border-color:#8b84a64d}.tier-cool{color:var(--t-cool);background:#8fc6ff1c;border-color:#8fc6ff52}.tier-ice{color:var(--t-ice);background:#3d9bff21;border-color:#3d9bff66}.team-badge{width:40px;height:40px;border-radius:10px;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.03em;background:var(--surface-2);border:1px solid var(--line);color:var(--fg)}.team-badge.lg{width:56px;height:56px;font-size:20px;border-radius:14px}.slate-grid{display:grid;gap:10px}@media (min-width: 820px){.slate-grid{grid-template-columns:1fr 1fr}}.game-card{text-align:left;width:100%;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:grid;gap:10px;transition:border-color .15s,transform .15s}.game-card:hover{border-color:var(--primary)}.game-card:active{transform:scale(.99)}.gc-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em}.gc-teams{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.gc-team{display:flex;align-items:center;gap:10px;min-width:0}.gc-team .nm{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-team .rec{color:var(--faint);font-size:12px;font-weight:600}.gc-score{font-family:var(--font-display);font-weight:800;font-size:22px;text-align:right}.gc-score.lose{color:var(--faint)}.gc-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gc-line{background:var(--bg);border-radius:10px;padding:6px 8px;min-width:0}.gc-line .k{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700}.gc-line .v{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-line .s{font-size:12px;color:var(--gold);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.grade{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px}.grade.ok{color:var(--good);background:#3ccf8e1f}.grade.no{color:var(--bad);background:#ff60701f}.grade.na{color:var(--faint);background:var(--surface-2)}.back{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px 0;font-weight:600;display:inline-flex;gap:6px;align-items:center}.mu-head{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}.mu-team{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.mu-team .nm{font-family:var(--font-display);font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.03em;line-height:1.05}.mu-team .sub{font-size:12px;color:var(--muted)}.mu-vs{font-family:var(--font-display);font-weight:800;font-size:28px;color:var(--gold)}.mu-cols{display:grid;gap:14px}@media (min-width: 820px){.mu-cols{grid-template-columns:1.05fr 1fr;align-items:start}}.gauge{position:relative;height:14px;border-radius:999px;margin:12px 0 6px;background:linear-gradient(90deg,var(--t-ice),var(--t-cool) 30%,var(--t-neutral) 50%,var(--t-warm) 70%,var(--t-fire))}.gauge .pin{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--fg);border:4px solid var(--bg);transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--line);transition:left .3s}.gauge-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.big-rating{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.big-rating .n{font-family:var(--font-display);font-weight:800;font-size:42px;line-height:1}.persp{display:inline-flex;background:var(--bg);border-radius:999px;padding:3px;gap:2px}.persp button{border:0;background:none;padding:4px 12px;border-radius:999px;cursor:pointer;font-weight:700;font-size:13px;color:var(--faint)}.persp button.on{background:var(--surface-2);color:var(--fg)}.lines-table{width:100%;border-collapse:collapse}.lines-table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:0 6px 8px}.lines-table td{padding:9px 6px;border-top:1px solid var(--line);font-weight:600;vertical-align:middle}.lines-table td.sl{color:var(--gold)}.lines-table .mk{color:var(--muted);font-weight:700;font-size:13px}.gap-pos{color:var(--good)}.cat{border-top:1px solid var(--line);padding:10px 0}.cat:first-child{border-top:0}.cat-btn{width:100%;border:0;background:none;padding:0;cursor:pointer;text-align:left;display:grid;gap:6px}.cat-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cat-top .lb{font-weight:700}.cat-top .w{font-size:11px;color:var(--faint);font-weight:700;white-space:nowrap}.duel{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:8px;font-size:13px;font-weight:700}.duel .l{text-align:right}.duel-bar{position:relative;height:10px;background:var(--bg);border-radius:999px;overflow:hidden}.duel-bar .mid{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line)}.duel-bar .fill{position:absolute;top:0;bottom:0;border-radius:999px}.cat-desc{font-size:12px;color:var(--muted)}.drill{margin-top:10px;background:var(--bg);border-radius:12px;padding:10px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600;text-align:right;min-width:0}.value-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.value-row:first-of-type{border-top:0}.prop-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.prop-row:first-child{border-top:0}.prop-row img,.prop-row .ph{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--surface-2)}.prop-proj{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--gold);text-align:right;line-height:1}.prop-proj small{display:block;font-family:var(--font-body);font-size:11px;color:var(--faint);font-weight:600}.slider-row{display:grid;grid-template-columns:1fr 44px;gap:4px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.slider-row:first-child{border-top:0}.slider-row input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--gold)}.slider-row .val{font-family:var(--font-display);font-weight:800;font-size:20px;text-align:right;color:var(--gold)}.btn{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer}.btn.primary{background:var(--gold);color:#1b1429;border-color:var(--gold)}.btn.danger{color:var(--bad)}.text-input{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--fg);font:inherit;min-width:0}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 820px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;min-width:0}.tile .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700}.tile .v{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1.1}.tile .s{font-size:12px;color:var(--muted)}.perf-cols{display:grid;gap:14px}@media (min-width: 820px){.perf-cols{grid-template-columns:1fr 1fr}}.note{font-size:13px;color:var(--muted);line-height:1.5}.note strong{color:var(--fg)}.callout{border-left:3px solid var(--gold);background:var(--gold-soft);padding:10px 12px;border-radius:0 10px 10px 0;font-size:13px;line-height:1.5}.empty{padding:40px 16px;text-align:center;color:var(--muted)}.loading{min-height:60vh;display:grid;place-items:center;color:var(--muted);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (max-width: 440px){.brand h1{font-size:20px}.brand-mark{width:28px;height:28px}.league{padding:5px 8px;font-size:13px}.topbar{gap:8px}}.lines-table td:nth-child(2),.lines-table td:nth-child(3){white-space:nowrap}