:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eef0f3;--text: #15171a;--muted: #5d6470;--border: #dde1e6;--accent: #d96f0e;--good: #11803d;--good-bg: #e3f6ea;--bad: #c62828;--bad-bg: #fde8e8;--neutral: #6b7280;--neutral-bg: #eceef1;--radius: 14px;--tap: 48px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101114;--surface: #1a1c21;--surface-2: #24272d;--text: #eef0f3;--muted: #9aa1ad;--border: #2e323a;--accent: #f08a24;--good: #3ddc84;--good-bg: #12301f;--bad: #ff6b6b;--bad-bg: #3a1618;--neutral: #9aa1ad;--neutral-bg: #262930;color-scheme:dark}}:root[data-theme=dark]{--bg: #101114;--surface: #1a1c21;--surface-2: #24272d;--text: #eef0f3;--muted: #9aa1ad;--border: #2e323a;--accent: #f08a24;--good: #3ddc84;--good-bg: #12301f;--bad: #ff6b6b;--bad-bg: #3a1618;--neutral: #9aa1ad;--neutral-bg: #262930;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body.modal-open{overflow:hidden}main{max-width:1100px;margin:0 auto;padding:12px 16px 40px}h1,h2,h3{margin:0}h2{font-size:18px}.muted{color:var(--muted)}.small{font-size:14px}.center{display:block;text-align:center;margin:16px auto}.good-t{color:var(--good)}.bad-t{color:var(--bad)}.neutral-t{color:var(--muted)}button,input,select{font:inherit;color:inherit}button{min-height:var(--tap);border-radius:12px;border:1px solid transparent;padding:0 18px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:#fff;font-weight:600}button.secondary{background:var(--surface-2);border-color:var(--border)}button.danger{color:var(--bad)}button.link{background:none;min-height:40px;padding:0 8px;color:var(--accent)}button.icon{background:var(--surface-2);width:var(--tap);padding:0;font-size:18px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input{width:100%;min-height:var(--tap);border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:0 12px;font-size:17px}label{display:grid;gap:6px;font-size:14px;color:var(--muted);font-weight:500}label>input{color:var(--text)}header.top{position:sticky;top:0;z-index:5;background:var(--bg);padding-top:4px}.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 8px;text-align:center}.stat .v{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.stat .l{font-size:13px;color:var(--muted)}.stat.good .v{color:var(--good)}.stat.bad .v{color:var(--bad)}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}.spacer{flex:1}.banner{background:var(--bad-bg);color:var(--bad);border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:15px}.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.bet{background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--neutral);border-radius:var(--radius);padding:14px;display:grid;gap:10px}.bet.good{border-left-color:var(--good)}.bet.bad{border-left-color:var(--bad)}.bet-head{display:flex;justify-content:space-between;gap:10px}.bet-title{min-width:0}.bet-title h2{overflow-wrap:anywhere}.bet-state{text-align:right;display:grid;gap:4px;justify-items:end;align-content:start}.pill{border-radius:999px;padding:4px 12px;font-size:14px;font-weight:700;background:var(--neutral-bg);color:var(--neutral);white-space:nowrap}.pill.good{background:var(--good-bg);color:var(--good)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.parlay-detail{color:var(--muted)}.legs{list-style:none;margin:0;padding:0;display:grid;gap:8px}.leg-row{background:var(--surface-2);border-radius:12px;padding:10px 12px;display:grid;gap:6px}.leg-pick{font-weight:600;display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:var(--neutral);flex:none}.dot.good{background:var(--good)}.dot.bad{background:var(--bad)}.game{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center}.game .league{grid-column:1 / -1}.teams{display:grid;gap:2px;min-width:0}.team{display:flex;justify-content:space-between;gap:10px}.team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team b{font-size:20px;font-variant-numeric:tabular-nums}.gmeta{text-align:right;font-size:15px;white-space:nowrap}.live-tag{color:var(--bad);font-weight:700;font-variant-numeric:tabular-nums}.leg-detail{font-size:15px;font-weight:600}.unlinked{display:flex;justify-content:space-between;align-items:center;gap:10px}.bet-actions{display:grid;gap:8px}.bet-actions>.link{justify-self:start}.menu{display:flex;flex-wrap:wrap;gap:8px}.empty{text-align:center;padding:48px 0}.backdrop{position:fixed;inset:0;background:#00000073;z-index:20;display:flex;align-items:flex-end;justify-content:center}@media(min-width:700px){.backdrop{align-items:center}}.sheet{background:var(--bg);width:min(720px,100%);max-height:92vh;max-height:92dvh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:700px){.sheet{border-radius:18px}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.sheet-body{overflow-y:auto;padding:16px;display:grid;gap:14px;-webkit-overflow-scrolling:touch}.sheet-foot{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-16px;background:var(--bg);padding:12px 0}.add-choices{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upload{display:grid;place-items:center;gap:6px;min-height:140px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:17px;cursor:pointer;text-align:center;padding:12px}.upload input{display:none}.upload.busy{opacity:.7}.big{font-size:34px}.big-btn{min-height:140px;font-size:17px}.review{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.betform{display:grid;gap:14px}.leg{border:1px solid var(--border);border-radius:12px;padding:12px;margin:0;display:grid;gap:12px}.leg legend{padding:0 6px;font-weight:600;display:flex;align-items:center;gap:8px}.grid2{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid3{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{flex:1 1 auto;background:var(--surface-2);border-color:var(--border);color:var(--text);font-weight:500;overflow-wrap:anywhere}.seg button.on{background:var(--accent);border-color:var(--accent);color:#fff}.note{background:var(--surface-2);border-radius:10px;padding:10px 12px;margin:0;font-size:15px}.error{color:var(--bad);white-space:pre-wrap;font:inherit;margin:0}.picker{list-style:none;padding:0;margin:0;display:grid;gap:6px}.pick{width:100%;display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center;text-align:left;background:var(--surface);border-color:var(--border);padding:10px 12px;min-height:56px}.pick.current{border-color:var(--accent);border-width:2px}.pick .when{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.pick .who{overflow-wrap:anywhere}.pick .score{font-size:13px;color:var(--muted)}.login{min-height:90vh;display:grid;place-items:center}.login .card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;width:min(420px,100%);display:grid;gap:16px}footer{margin-top:24px}@media(max-width:560px){.strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.stat{padding:8px 2px}.stat .v{font-size:17px}.stat .l{font-size:11px}}.tiny{font-size:12px}.winpct{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:baseline;gap:4px}.winpct span{font-size:12px;font-weight:600;color:var(--muted)}.winpct.good{color:var(--good)}.winpct.bad{color:var(--bad)}.winpct.neutral{color:var(--muted)}.tracker{border-top:1px solid var(--border);padding-top:8px;display:grid;gap:4px}.tracker-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.tracker-pct{font-weight:700;font-variant-numeric:tabular-nums}.spark{width:100%;height:44px;display:block}.spark-mid{stroke:var(--border);stroke-dasharray:3 3;stroke-width:1}.spark-line{fill:none;stroke:var(--neutral);stroke-width:2}.spark-line.good,.spark-dot.good{stroke:var(--good)}.spark-line.bad,.spark-dot.bad{stroke:var(--bad)}.spark-dot{fill:var(--surface-2);stroke:var(--neutral);stroke-width:2}.spark-dot.good{fill:var(--good)}.spark-dot.bad{fill:var(--bad)}.spark-empty{height:20px}