:root { --ink:#edf5fb; --muted:#91a7b8; --line:rgba(201,230,244,.13); --navy:#07111e; --panel:#0d1b2a; --teal:#55e3ca; --amber:#ffbe66; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--navy); }
body { margin:0; color:var(--ink); background:radial-gradient(800px 430px at 85% -8%,#173a4d 0%,transparent 72%),var(--navy); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.shell { width:min(100%,760px); min-height:100vh; margin:auto; padding:0 20px 48px; }
.topbar { height:76px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; gap:9px; align-items:center; color:var(--ink); text-decoration:none; letter-spacing:.06em; font-size:.9rem; font-weight:700; }.brand b{color:var(--teal)}
.brand-mark { width:26px; height:31px; display:grid; place-items:center; color:#07111e; background:var(--teal); clip-path:polygon(50% 0,100% 17%,100% 83%,50% 100%,0 83%,0 17%); font-family:Georgia,serif; font-weight:900; }
.connection { color:var(--muted); font-size:.64rem; letter-spacing:.1em; display:flex; align-items:center; gap:7px; }.pulse { width:7px;height:7px;background:var(--amber);border-radius:100%;box-shadow:0 0 12px var(--amber); }
.hero { padding:46px 0 42px; }.eyebrow { margin:0 0 9px; color:var(--teal); font-size:.66rem; letter-spacing:.17em; font-weight:800; }.hero h1,.method-card h2 { margin:0; font-size:clamp(2.6rem,10vw,4.7rem); line-height:.97; letter-spacing:-.065em; }.hero h1 em { color:var(--teal); font-family:Georgia,serif; font-weight:400; }.hero-copy { max-width:520px; margin:22px 0; color:var(--muted); line-height:1.55; font-size:.97rem; }.hero-actions { display:flex; gap:10px; align-items:center; }.primary,.secondary { border-radius:999px; padding:12px 17px; font-weight:700; font-size:.82rem; text-decoration:none; border:0; cursor:pointer; }.primary{background:var(--teal);color:#07111e}.secondary{border:1px solid var(--line);color:var(--ink)}.secondary span{color:var(--teal);margin-left:7px}
.metrics { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:14px; overflow:hidden; background:rgba(13,27,42,.45); }.metrics article { padding:16px; min-height:98px; border-right:1px solid var(--line); }.metrics article:last-child{border:0}.metrics span,.numbers span { display:block;color:var(--muted);font-size:.58rem;letter-spacing:.11em;font-weight:700 }.metrics strong{display:block;font-size:1.2rem;margin:6px 0 3px}.metrics small{color:var(--muted);font-size:.64rem}
.tabs { display:flex; gap:22px; margin:36px 0 24px; border-bottom:1px solid var(--line); }.tabs a { color:var(--muted); text-decoration:none; font-size:.78rem; font-weight:700; padding:0 0 12px; }.tabs .active { color:var(--ink); border-bottom:2px solid var(--teal); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; }.section-heading h2 { margin:0; font-size:1.55rem;letter-spacing:-.045em }.timestamp{color:var(--muted);font-size:.68rem;white-space:nowrap}.legend{display:flex;gap:14px;color:var(--muted);font-size:.66rem;margin:18px 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.teal{background:var(--teal)}.amber{background:var(--amber)}
.game-list{display:grid;gap:12px}.game-card{padding:17px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(115deg,rgba(25,50,67,.9),rgba(10,25,39,.92));}.game-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.63rem}.data-tag{color:var(--teal);letter-spacing:.08em;font-weight:700}.matchup{display:flex;gap:8px;align-items:center;margin:13px 0 12px;font-size:1.12rem;letter-spacing:-.025em}.matchup span{color:var(--muted);font-size:.75rem}.probability-row{display:grid;grid-template-columns:44px 1fr 44px;gap:9px;align-items:center;font-size:.68rem;color:var(--muted)}.probability-row span:last-child{text-align:right;color:var(--teal)}.prob-track{height:5px;border-radius:100px;background:rgba(237,245,251,.12);overflow:hidden}.prob-track i{display:block;height:100%;background:var(--teal);border-radius:inherit}.numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.numbers b{display:block;margin-top:5px;font-size:.9rem}.edge-wrap b{color:var(--amber)}
.key-advantages{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.key-advantages span{border:1px solid rgba(255,190,102,.4);border-radius:999px;padding:5px 8px;color:var(--amber);font-size:.61rem;font-weight:700}.key-advantages+ .numbers{margin-top:13px}
.method-card{padding:24px;margin-top:36px;border-radius:16px;background:var(--teal);color:#08202b}.method-card .eyebrow{color:#176d68}.method-card h2{font-size:2.35rem}.method-card p:last-child{margin:22px 0 0;font-size:.83rem;line-height:1.55;max-width:550px;color:#18414c}.pill-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.pill-grid span{border:1px solid rgba(8,32,43,.25);border-radius:999px;padding:7px 10px;font-size:.7rem;font-weight:700}.workflow{margin:40px 0 12px}.workflow ol{padding:0;margin:16px 0;list-style:none}.workflow li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;line-height:1.45}.workflow b{color:var(--teal);font-size:.72rem;letter-spacing:.09em}
dialog{width:min(calc(100% - 32px),420px);border:1px solid var(--line);border-radius:18px;padding:0;background:#0d1b2a;color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(2,8,15,.72);backdrop-filter:blur(4px)}#run-form{position:relative;padding:26px}#run-form h2{margin:0;font-size:1.7rem;letter-spacing:-.05em}#run-form>p:not(.eyebrow):not(.run-status){color:var(--muted);font-size:.82rem;line-height:1.5;margin:12px 0 20px}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:none;color:var(--muted);font-size:1.5rem;cursor:pointer}.dialog-close:hover{color:var(--ink)}#run-form label{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.08em;font-weight:700;margin-top:13px}#run-form input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:11px;background:#07111e;color:var(--ink);font:inherit}.dialog-submit{width:100%;margin-top:20px}.primary:disabled{opacity:.55;cursor:wait}.run-status{min-height:20px;margin:13px 0 0;color:var(--teal);font-size:.77rem;line-height:1.45}
@media (min-width:720px){.shell{padding:0 32px 64px}.hero{padding:70px 0 58px}.game-list{grid-template-columns:1fr 1fr}.game-card:first-child{grid-column:span 2}.metrics article{padding:19px}}

.card-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.card-details details{min-width:0}.card-details summary{display:flex;gap:7px;list-style:none;color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.card-details summary::-webkit-details-marker{display:none}.card-details summary::after{content:"⌄";color:var(--teal);font-size:.8rem;line-height:.6}.card-details details[open] summary::after{transform:rotate(180deg)}.card-details summary span{color:var(--teal)}.market-details summary{justify-content:flex-end}.card-details details[open]{grid-column:1 / -1}.market-panel,.history-panel{margin-top:10px;padding:11px;border-radius:9px;background:rgba(2,10,18,.42);font-size:.67rem;color:var(--muted);line-height:1.45}.market-panel p{margin:0 0 5px}.market-panel p:last-child{margin-bottom:0}.market-panel .market-signal{color:var(--amber);font-weight:700}.history-panel h4{margin:10px 0 3px;color:var(--teal);font-size:.69rem}.history-panel h4:first-child{margin-top:0}.history-panel p{margin:0 0 5px}.history-panel ul{margin:4px 0 8px;padding-left:15px}.history-panel li{margin:2px 0}

.volatility-alert{margin-top:10px;font-size:.61rem;font-weight:700;line-height:1.35}.volatility-alert.warning{color:var(--amber)}.volatility-alert.subtle{color:rgba(237,245,251,.72)}.volatility-alert+ .numbers{margin-top:13px}
.audit-panel{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.8rem;line-height:1.5}.audit-panel h2{color:var(--ink)}.audit-panel a{color:var(--teal)}.audit-panel progress{width:100%;accent-color:var(--teal)}.audit-panel[hidden]{display:none}.tabs{overflow-x:auto}