:root{color-scheme:dark;--bg: #0b1020;--panel: #131a32;--panel-2: #1a2347;--text: #e9ecf5;--muted: #99a3c4;--accent: #5fa8ff;--accent-strong: #2f7fff;--good: #5fd6a4;--warn: #ffb86b;--bad: #ff7a7a;--border: #243057}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100%;-webkit-font-smoothing:antialiased}body{font-size:15px;line-height:1.45}.app{max-width:720px;margin:0 auto;padding:16px 14px 80px;transition:filter .2s ease,transform .2s ease,opacity .2s ease}.locked-preview{filter:blur(9px);opacity:.55;pointer-events:none;transform:scale(.985);-webkit-user-select:none;user-select:none}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at top,rgba(95,168,255,.16),transparent 42%),#0b102061;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.landing-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(95,168,255,.22),transparent 30%),radial-gradient(circle at 84% 18%,rgba(95,214,164,.12),transparent 28%),linear-gradient(180deg,#0b1020,#0d142a 48%,#0b1020);padding:28px 18px 72px}.landing-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 78%)}.landing-hero,.landing-demo-section{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}.landing-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:34px;align-items:center;min-height:auto;padding:34px 0 54px}.landing-copy{max-width:680px}.landing-kicker{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.16em;margin-top:26px;text-transform:uppercase}.landing-copy h1,.section-heading h2{color:#f8fbff;letter-spacing:-.055em;line-height:.95;margin:14px 0 18px}.landing-copy h1{font-size:clamp(44px,6vw,72px);max-width:760px}.landing-copy p,.section-heading p{color:var(--muted);font-size:17px;line-height:1.65;margin:0;max-width:620px}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-actions a{border-radius:2px;font-size:14px;font-weight:850;min-height:46px;padding:13px 18px;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.landing-primary{background:var(--accent-strong);color:#fff;box-shadow:0 12px 34px #2f7fff59}.landing-secondary{background:#131a32c7;border:1px solid var(--border);color:var(--text)}.landing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px;max-width:620px}.landing-stats div{background:#131a32b8;border:1px solid rgba(36,48,87,.82);border-radius:14px;padding:14px}.landing-stats strong,.landing-stats span{display:block}.landing-stats strong{color:#f8fbff;font-size:22px;line-height:1}.landing-stats span{color:var(--muted);font-size:12px;margin-top:7px;text-transform:uppercase;letter-spacing:.06em}.landing-auth-panel{justify-self:end;width:min(100%,430px)}.landing-auth-panel .auth-card{background:#131a32e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 28px 100px #0000006b,0 0 0 1px #5fa8ff14}.landing-demo-section{padding-top:0}.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.section-heading .landing-kicker{margin-top:0}.section-heading h2{font-size:clamp(34px,5vw,58px);max-width:760px}.demo-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-shot{position:relative;min-height:390px;background:linear-gradient(180deg,#131a32f0,#0d142af0);border:1px solid var(--border);border-radius:22px;padding:16px;overflow:hidden;box-shadow:0 26px 90px #0000005c}.screenshot-card{display:flex;flex-direction:column;gap:16px;margin:0;min-height:0;padding:12px}.screenshot-card img{position:relative;z-index:1;display:block;width:100%;height:auto;object-position:top center;background:#0b1020b3;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 18px 52px #00000061}.screenshot-card figcaption{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;padding:4px 5px 0}.screenshot-card figcaption strong{color:#f8fbff;font-size:17px}.screenshot-card figcaption span{color:var(--muted);font-size:13px;line-height:1.45}.demo-shot:before{content:"";position:absolute;inset:-80px -80px auto auto;width:180px;height:180px;border-radius:999px;background:#5fa8ff38;filter:blur(26px)}.demo-shot.green:before{background:#5fd6a433}.demo-shot.amber:before{background:#ffb86b33}.demo-shot-toolbar,.demo-shot-tabs,.demo-shot-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-shot-title{color:#f8fbff;font-size:16px;font-weight:850}.demo-shot-subtitle{color:var(--muted);font-size:12px;margin-top:3px}.demo-live-pill{background:#5fd6a429;border:1px solid rgba(95,214,164,.46);border-radius:999px;color:var(--good);flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.07em;padding:5px 8px;text-transform:uppercase}.demo-shot-tabs{background:var(--panel);border:1px solid var(--border);border-radius:2px;margin-top:18px;padding:4px}.demo-shot-tabs span{color:var(--muted);flex:1;font-size:11px;font-weight:850;padding:8px 6px;text-align:center;text-transform:uppercase}.demo-shot-tabs .active{background:var(--accent-strong);color:#fff}.demo-shot-payout{background:linear-gradient(135deg,#5fa8ff2e,#5fd6a424);border:1px solid rgba(95,168,255,.36);border-radius:16px;margin-top:14px;padding:18px}.demo-shot.green .demo-shot-payout{background:linear-gradient(135deg,#5fd6a42b,#5fa8ff1f);border-color:#5fd6a461}.demo-shot.amber .demo-shot-payout{background:linear-gradient(135deg,#ffb86b2e,#5fa8ff1f);border-color:#ffb86b66}.demo-shot-payout span,.demo-shot-payout strong{display:block}.demo-shot-payout span{color:var(--muted);font-size:12px}.demo-shot-payout strong{color:var(--good);font-size:34px;letter-spacing:-.04em;margin-top:4px}.demo-shot.amber .demo-shot-payout strong{color:var(--warn)}.demo-shot-legs{display:flex;flex-direction:column;gap:10px;margin-top:14px}.demo-shot-legs div{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px}.demo-shot-legs span,.demo-shot-legs strong{display:block}.demo-shot-legs span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-shot-legs strong{color:var(--text);font-size:13px;margin-top:3px}.demo-shot-footer{border-top:1px dashed var(--border);color:var(--muted);font-size:11px;margin-top:16px;padding-top:12px}.preview-cards{min-height:620px}.preview-card{min-height:310px}.header{display:flex;flex-direction:column;gap:12px;padding:10px 4px 14px;border-bottom:1px solid var(--border);margin-bottom:16px}.header-controls{display:flex;flex-direction:column;gap:8px}.sport-toggle{display:flex;gap:6px;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:2px;padding:4px}.sport-toggle-btn{flex:1;background:transparent;border:none;color:var(--muted);font-size:14px;font-weight:700;letter-spacing:.04em;padding:10px 14px;border-radius:2px;cursor:pointer;min-height:40px;text-transform:uppercase;transition:background .15s ease,color .15s ease}.sport-toggle-btn.active{background:var(--accent-strong);color:#fff;box-shadow:0 1px #ffffff14}.sport-toggle-btn:disabled{cursor:progress;opacity:.85}.rules-banner{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12.5px;color:var(--muted);margin-bottom:12px}.rules-banner strong{color:var(--accent)}.scenario{margin-top:2px;margin-bottom:8px;font-size:11.5px;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.winner-picker{display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:12px}.winner-picker-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.winner-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.winner-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:2px;cursor:pointer;text-align:left;min-height:56px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.winner-btn:hover:not(:disabled):not(.active){border-color:var(--accent)}.winner-btn.active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;box-shadow:0 1px #ffffff14}.winner-btn.active .winner-btn-side,.winner-btn.active .winner-btn-odds{color:#ffffffd9}.winner-btn:disabled,.winner-btn.unavailable{opacity:.45;cursor:not-allowed}.winner-btn-team{font-weight:700;font-size:14px}.winner-btn-side{color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.winner-btn-odds{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.winner-note{font-size:11.5px;color:var(--warn);line-height:1.4}.selected-parlay{display:flex;flex-direction:column}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.top-title-row{position:sticky;top:0;z-index:5;margin:-10px -4px 0;padding:10px 4px 12px;background:linear-gradient(180deg,#0b1020fa,#0b1020e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(36,48,87,.72)}.title-brand{min-width:0}.brand-logo{display:inline-flex;align-items:center;gap:11px;color:var(--text)}.brand-logo.compact{gap:9px}.brand-mark{width:48px;height:48px;flex:0 0 auto;overflow:visible;filter:drop-shadow(0 10px 28px rgba(95,168,255,.24))}.brand-logo.compact .brand-mark{width:38px;height:38px}.brand-mark-shell{fill:#131a32eb;stroke-width:2.4}.brand-mark-edge{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.brand-mark-dot{fill:var(--bg);stroke:#5fa8ff;stroke-width:2.2}.brand-mark-dot.hot{stroke:#f8fbff;fill:#5fa8ff38}.brand-wordmark{display:inline-flex;align-items:baseline;gap:5px;font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1}.brand-logo.compact .brand-wordmark{font-size:21px}.brand-wordmark span:first-child{color:#f5f8ff}.brand-wordmark span:last-child{color:#5fa8ff}.title{font-size:20px;font-weight:700;letter-spacing:.2px}.subtitle{font-size:12px;color:var(--muted)}.subheader-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.refresh-btn{background:var(--accent-strong);border:none;color:#fff;font-weight:600;font-size:13px;padding:8px 12px;border-radius:2px;cursor:pointer;min-height:36px}.refresh-btn:disabled{opacity:.6;cursor:progress}.header-actions{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;gap:8px;padding-top:2px}.auth-status{display:flex;align-items:center;gap:8px;max-width:260px;color:var(--muted);font-size:11.5px}.auth-status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout-btn{background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:11px;font-weight:700;min-height:30px;padding:6px 9px}.signout-btn:hover{border-color:var(--accent);color:var(--text)}.auth-app{display:flex;min-height:100vh;align-items:center;justify-content:center}.auth-card{width:min(100%,420px);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 24px 80px #00000047}.auth-card h1{margin:6px 0 8px;font-size:28px}.auth-kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-copy{color:var(--muted);margin:0 0 20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.auth-form input{background:#0f1630;border:1px solid var(--border);color:var(--text);font-size:16px;min-height:44px;padding:10px 12px}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-primary{background:var(--accent-strong);border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:800;min-height:44px;padding:10px 14px}.auth-primary:disabled{cursor:progress;opacity:.7}.auth-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.auth-actions button{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:4px 0}.auth-error,.auth-message,.auth-config-warning{border-radius:10px;font-size:13px;padding:10px 12px}.auth-error{background:#ff7a7a1f;border:1px solid rgba(255,122,122,.45);color:#ffd2d2}.auth-message{background:#5fd6a41f;border:1px solid rgba(95,214,164,.45);color:#c9ffe7}.auth-config-warning{background:#ffb86b1f;border:1px solid rgba(255,184,107,.45);color:#f4d291}.auth-config-warning code{display:block;margin-top:8px;overflow-wrap:anywhere}.local-preview-note{background:#5fa8ff1f;border-color:#5fa8ff66;color:#cfe4ff;line-height:1.55}.local-preview-note strong{color:#f8fbff;display:block;margin-bottom:4px}.status-banner{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted);margin-bottom:12px}.status-banner.warn{border-color:#4d3a14;background:#2a1f0a;color:#f4d291}.status-banner.live{border-color:#1f4a2e;background:#102516;color:#b6e8c6}.cards{display:flex;flex-direction:column;gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 1px #ffffff08,0 8px 24px #00000059}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.matchup{font-weight:700;font-size:15px}.start-time{color:var(--muted);font-size:12px}.conviction{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.conviction.high{background:#5fd6a429;color:var(--good)}.conviction.medium{background:#ffb86b2e;color:var(--warn)}.conviction.low{background:#ff7a7a2e;color:var(--bad)}.payout{background:linear-gradient(135deg,#5fa8ff29,#5fd6a424);border:1px solid rgba(95,168,255,.35);border-radius:12px;padding:12px 14px;margin-bottom:12px}.payout.estimated{background:linear-gradient(135deg,#ffb86b29,#5fa8ff1f);border-color:#ffb86b73}.payout-headline{font-size:16px;font-weight:600;color:var(--text);letter-spacing:.1px}.payout-headline strong{color:var(--good);font-weight:800;font-size:18px}.payout.estimated .payout-headline strong{color:var(--warn)}.payout-sub{margin-top:4px;font-size:12.5px;color:var(--muted)}.payout-sub strong{color:var(--text);font-weight:700}.payout-flag{color:var(--warn);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.payout-disclaimer{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.4}.legs{display:flex;flex-direction:column;gap:10px}.leg{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.leg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.leg-type{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}.leg-odds{font-size:12px;color:var(--muted)}.leg-pick{font-weight:600;font-size:14px}.leg-pick-player{font-weight:700}.player-team-badge{display:inline-block;margin-left:6px;padding:1px 7px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#5fa8ff1f;border:1px solid var(--accent);border-radius:999px;vertical-align:middle;line-height:1.4}.player-team-meta{margin-top:3px;font-size:11.5px;color:var(--muted)}.leg-rationale{font-size:12.5px;color:var(--muted);margin-top:4px}.meta{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);font-size:12px;color:var(--muted)}.meta strong{color:var(--text);font-weight:600}.disclaimer{margin-top:24px;font-size:11.5px;color:var(--muted);text-align:center;padding:0 8px;line-height:1.5}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.error{background:#2a1212;border:1px solid #5a2222;color:#ffb3b3;padding:12px;border-radius:10px;margin-bottom:12px;font-size:13px}.custom-panel{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.custom-panel-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700}.custom-row{display:flex;flex-direction:column;gap:6px}.custom-label{font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;background:var(--panel);border:1px solid var(--border);border-radius:2px;padding:1px 8px;font-size:12px}.custom-row input[type=range]{width:100%;accent-color:var(--accent-strong);height:28px}.custom-help{font-size:11px;color:var(--muted)}.segmented{display:flex;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:2px;padding:3px}.segmented.sports-multi{flex-wrap:wrap;row-gap:6px}.segmented.sports-multi .segmented-btn{flex:0 1 auto}.segmented-btn{flex:1;background:transparent;border:none;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;padding:8px 10px;border-radius:2px;cursor:pointer;min-height:36px;text-transform:uppercase;transition:background .15s ease,color .15s ease}.segmented-btn.active{background:var(--accent-strong);color:#fff}.segmented-btn:disabled{cursor:progress;opacity:.7}.segmented-btn.blocked:disabled{cursor:not-allowed;opacity:.45}button{border-radius:2px}.custom-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.custom-tag{background:#5fa8ff1f;border:1px solid var(--accent);color:var(--accent);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:2px 8px}.custom-parlay-card .matchup{font-size:14.5px}@media (max-width: 920px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:24px}.landing-auth-panel{justify-self:stretch;margin:0 auto}.demo-shot-grid{grid-template-columns:1fr}}@media (max-width: 620px){.landing-page{padding:18px 12px 56px}.landing-copy h1{font-size:clamp(40px,13vw,58px)}.landing-copy p,.section-heading p{font-size:15px}.landing-stats{grid-template-columns:1fr}.landing-actions a{width:100%;text-align:center}.demo-shot{min-height:auto}}@media (max-width: 520px){.title-row{align-items:flex-start;flex-direction:row}.brand-logo.compact .brand-mark{width:34px;height:34px}.brand-logo.compact .brand-wordmark{font-size:18px}.subtitle{font-size:11px;line-height:1.25}.header-actions{align-items:flex-end;min-width:120px}.auth-status{align-items:flex-end;flex-direction:column;max-width:150px;width:auto}.subheader-row{align-items:stretch;flex-direction:column;gap:8px}.subheader-row .refresh-btn{width:100%}}@media (min-width: 740px){.app{padding-top:24px}body{font-size:14px}.custom-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.custom-row>.custom-label{flex:0 0 240px}.custom-row>input[type=range]{flex:1}.custom-row>.segmented{flex:1}.custom-row>.segmented.sports-multi{flex:0 1 auto}.custom-row>.custom-help{flex:0 0 100%;margin-left:240px}}
