:root{--primary: #2563eb;--g2: #e11d74;--bg: #f3f5fa;--surface: #ffffff;--surface-2: #f7f9fc;--border: #e3e8f2;--border-strong: #cfd7e6;--text: #10192b;--muted: #5c6779;--dim: #97a1b4;--up: #16a34a;--down: #dc2626;--warn-bg: #fef6e7;--warn-fg: #8a5a00;--warn-line: #f2dcae;--err-bg: #fdeeee;--err-fg: #a42323;--err-line: #f2c6c6;--live: #0da678;--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 28px rgba(15, 23, 42, .07);--p-soft: color-mix(in srgb, var(--primary) 10%, transparent);--p-line: color-mix(in srgb, var(--primary) 38%, transparent);--g2-soft: color-mix(in srgb, var(--g2) 10%, transparent);--g2-line: color-mix(in srgb, var(--g2) 38%, transparent)}:root[data-theme=dark]{--bg: #0a0e17;--surface: #121a29;--surface-2: #0e1522;--border: #232d40;--border-strong: #33405a;--text: #e9edf6;--muted: #9aa4b8;--dim: #64708a;--warn-bg: #2a2210;--warn-fg: #eec775;--warn-line: #4d3d17;--err-bg: #2c1516;--err-fg: #f09c9c;--err-line: #572426;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}#app{max-width:760px;margin:0 auto;padding:0 14px 120px;min-height:100%}.topbar{display:flex;align-items:center;gap:10px;padding:14px 2px 12px}.brand-dot{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#22d3ee))}.brand-name{font-size:15px;font-weight:700;letter-spacing:-.01em}.op-chip{font-size:11px;font-weight:600;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:3px 10px}.demo-chip{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--warn-fg);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:99px;padding:3px 9px}.sports-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}.sports-tabs::-webkit-scrollbar{display:none}.sport-tab{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-weight:600;font-size:13px;transition:border-color .15s,color .15s,background .15s}.sport-tab:hover{border-color:var(--border-strong);color:var(--text)}.sport-tab.on{background:var(--primary);border-color:var(--primary);color:#fff}.field{margin-bottom:16px}.field-label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 2px 6px}.select-wrap{position:relative}.select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 40px 11px 14px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s}.select-wrap select:hover{border-color:var(--border-strong)}.select-wrap select:focus{outline:2px solid var(--p-line);outline-offset:1px}.select-wrap:after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:translateY(-70%) rotate(45deg);pointer-events:none}.list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 2px 10px}.list-head h2{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin:0}.hint{font-size:12px;color:var(--dim);text-align:right}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden;transition:border-color .15s}.match-card.has-pick{border-color:var(--p-line)}.match-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px 0;font-size:11px;color:var(--dim)}.match-meta .kick{font-weight:600;color:var(--muted)}.side-row{display:flex;align-items:center;gap:10px;padding:9px 14px;transition:background .15s}.side-row+.side-row{border-top:1px dashed var(--border)}.side-row.sel-g1{background:var(--p-soft)}.side-row.sel-g2{background:var(--g2-soft)}.team-name{flex:1;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-odd{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--dim);min-width:38px;text-align:right}.pool-btn{flex:none;width:40px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:11.5px;font-weight:700;transition:all .15s}.pool-btn:hover{border-color:var(--border-strong);color:var(--text)}.pool-btn.g1.on{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 40%,transparent)}.pool-btn.g2.on{background:var(--g2);border-color:var(--g2);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--g2) 40%,transparent)}.tray{position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -8px 30px #0f172a1f;transform:translateY(110%);transition:transform .25s cubic-bezier(.2,.7,.3,1)}.tray.open{transform:none}.tray-inner{max-width:760px;margin:0 auto;padding:10px 14px 12px}.tray-pools{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start;margin-bottom:10px}.tray-pool-label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}.tray-pool.g1 .tray-pool-label{color:var(--primary)}.tray-pool.g2 .tray-pool-label{color:var(--g2)}.tray-pool.g2{text-align:right}.tray-pool.g2 .chips{justify-content:flex-end}.chips{display:flex;flex-wrap:wrap;gap:5px;max-height:56px;overflow-y:auto}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 7px 3px 9px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);max-width:160px}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip .x{border:none;background:none;padding:0 2px;color:var(--dim);font-size:13px;line-height:1}.chip .x:hover{color:var(--err-fg)}.tray-pool.g1 .chip{border-color:var(--p-line);background:var(--p-soft)}.tray-pool.g2 .chip{border-color:var(--g2-line);background:var(--g2-soft)}.chip.ghost{border-style:dashed;color:var(--dim);background:transparent}.tray-vs{align-self:center;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--dim);border:1px solid var(--border);border-radius:99px;padding:4px 8px;background:var(--surface)}.tray-foot{display:flex;align-items:center;gap:12px}.status{flex:1;font-size:12px;color:var(--muted)}.build-btn{flex:none;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:12px;padding:11px 22px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#22d3ee));box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 40%,transparent);transition:transform .15s,opacity .15s}.build-btn:hover:not(:disabled){transform:translateY(-1px)}.build-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.build-btn .spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.back-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;border-radius:10px;padding:8px 14px;transition:border-color .15s}.back-btn:hover{border-color:var(--border-strong)}.live-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--dim);border:1px solid var(--border);border-radius:99px;padding:5px 12px;background:var(--surface)}.live-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--dim)}.live-pill.on{color:var(--live);border-color:color-mix(in srgb,var(--live) 45%,transparent)}.live-pill.on .dot{background:var(--live);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--live) 50%,transparent)}55%{box-shadow:0 0 0 6px transparent}}.scorecard{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 140% at 50% 0%,var(--p-soft),transparent 55%),var(--surface);box-shadow:var(--shadow);padding:18px 16px;margin-bottom:16px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.sc-pool{min-width:0}.sc-pool.g2{text-align:right}.sc-pool-label{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px}.sc-pool.g1 .sc-pool-label{color:var(--primary)}.sc-pool.g2 .sc-pool-label{color:var(--g2)}.sc-team{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1.5px 0}.sc-vs{align-self:center;text-align:center;font-size:15px;font-weight:800;color:var(--dim)}.sc-vs small{display:block;font-size:10px;font-weight:600;color:var(--dim);margin-top:3px;white-space:nowrap}.mtabs{position:sticky;top:8px;z-index:10;display:flex;gap:6px;padding:6px;margin-bottom:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}.mtabs::-webkit-scrollbar{display:none}.mtab{flex:1 0 auto;padding:9px 16px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-weight:600;font-size:13.5px;transition:background .15s,color .15s}.mtab:hover{color:var(--text)}.mtab.on{background:var(--primary);color:#fff;box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.tab-note{font-size:12.5px;color:var(--dim);margin:2px 2px 12px}.market-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:14px;margin-bottom:12px}.market-card>.mtitle{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 10px 2px}.section-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin:20px 2px 10px}.odds-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.odds-grid.cols-2{grid-template-columns:1fr 1fr}.odds-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.odd{border:1px solid var(--border);border-radius:11px;background:var(--surface-2);padding:8px 6px;text-align:center;min-width:0;transition:background .2s,border-color .2s}.odd .k{display:block;font-size:10.5px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.odd .v{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.odd.hero{padding:12px 6px}.odd.hero .v{font-size:19px}.odd.na{opacity:.45}.odd.up{border-color:color-mix(in srgb,var(--up) 60%,transparent);animation:flash-up 1.2s ease}.odd.down{border-color:color-mix(in srgb,var(--down) 60%,transparent);animation:flash-down 1.2s ease}.odd.up .v:after{content:" ▲";font-size:9px;color:var(--up)}.odd.down .v:after{content:" ▼";font-size:9px;color:var(--down)}@keyframes flash-up{0%{background:color-mix(in srgb,var(--up) 18%,transparent)}}@keyframes flash-down{0%{background:color-mix(in srgb,var(--down) 18%,transparent)}}.odd.pickable{cursor:pointer}.odd.pickable:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface-2))}.odd.pickable:active{transform:scale(.97)}.odd.flash{animation:pick-flash .5s ease}@keyframes pick-flash{0%{background:color-mix(in srgb,var(--primary) 30%,transparent)}}.ladder{display:flex;flex-direction:column;gap:8px}.ladder-row{display:grid;grid-template-columns:1fr 64px 1fr;gap:8px;align-items:stretch}.line-chip{display:grid;place-items:center;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);border:1px dashed var(--border);border-radius:11px}.cs-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.banner{border-radius:12px;padding:11px 14px;font-size:13px;font-weight:500;margin:12px 0;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.banner.warn{background:var(--warn-bg);color:var(--warn-fg);border-color:var(--warn-line)}.banner.err{background:var(--err-bg);color:var(--err-fg);border-color:var(--err-line)}.banner .retry{margin-left:10px;border:none;background:none;color:inherit;font-weight:700;text-decoration:underline;padding:0}.empty{text-align:center;color:var(--dim);padding:36px 16px;border:1px dashed var(--border);border-radius:var(--radius);font-size:13px}.empty .big{font-size:26px;display:block;margin-bottom:8px}.skel-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px;margin-bottom:10px}.skel{height:13px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;margin-bottom:9px}.skel:last-child{margin-bottom:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hidden{display:none!important}@media (max-width: 480px){#app{padding:0 10px 130px}.feed-odd{display:none}.odds-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.hint{display:none}}.slip{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--panel, #171b26);border-top:1px solid var(--line, #2a3040);box-shadow:0 -8px 24px #00000073;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.slip.hidden{display:none}.slip-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.slip-title{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slip-price{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;color:var(--accent, #7fd77f)}.slip-close{background:none;border:0;color:var(--muted, #8a93a6);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}.slip-row{display:flex;align-items:center;gap:8px}.slip-stake{flex:1;min-width:0;background:var(--bg, #0f1219);color:inherit;border:1px solid var(--line, #2a3040);border-radius:6px;padding:8px 10px;font-size:14px}.slip-ccy{font-size:12px;color:var(--muted, #8a93a6);min-width:2.5em}.slip-place{background:var(--accent, #4c8bf5);color:#fff;border:0;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.slip-place:disabled{opacity:.6;cursor:default}.slip-msg{font-size:12px;margin-top:6px;min-height:1em}.slip-msg.ok{color:#7fd77f}.slip-msg.warn{color:#e8c468}.slip-msg.err{color:#ef6363}