:root{--ink:#142c29;--muted:#63736d;--paper:#f7f8f2;--line:#e0e6dc;--lime:#c7f36b;--green:#207652;--red:#ae4656;--navy:#152e44}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #376fb2;outline-offset:3px}a{color:inherit}.masthead{max-width:760px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 22px 12px;gap:10px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;line-height:1.05;font-size:12px;letter-spacing:1.3px;font-weight:700}.brand b{display:block;font-size:24px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:6px;color:var(--muted)}.quiet{border:0;background:none;color:var(--ink);padding:10px 5px;font-size:13px;font-weight:650}.quiet span{margin-left:6px}main{max-width:716px;margin:auto;padding:0 18px 130px}.intro{padding:24px 5px 21px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px}.intro h1{font-size:clamp(38px,8vw,58px);line-height:1.05;letter-spacing:-2px;margin:11px 0 13px;font-weight:850}.intro em{font-family:Georgia,serif;font-weight:500}.intro p{color:var(--muted);font-size:16px;margin:0 0 17px}.edition{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;font-weight:800}.edition span:last-child{color:var(--muted);font-weight:450;letter-spacing:0;margin-left:auto;font-size:10px}.demoDot{width:6px;height:6px;background:#c17a28;border-radius:50%}.howcard{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:#e9efdf;border:1px solid #dbe3cc;border-radius:12px;margin-bottom:22px}.howcard strong{font-size:13px}.howcard p{font-size:12px;line-height:1.55;color:#526344;margin:4px 0 0}.iconButton{flex-shrink:0;border:0;background:none;font-size:24px;line-height:1;padding:4px;color:var(--muted)}.board{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 6px 22px #142c2905}.boardhead{padding:18px 16px 13px;display:flex;justify-content:space-between;align-items:center}.boardhead .eyebrow{font-size:8px;color:var(--muted)}h2{margin:3px 0 0;font-size:21px;letter-spacing:-.5px}.daypill{font-size:9px;letter-spacing:.8px;font-weight:800;background:var(--paper);border:1px solid var(--line);padding:6px 9px;border-radius:20px}.columnhead{display:flex;justify-content:space-between;padding:9px 16px;border-top:1px solid var(--line);background:#fafbf7;color:var(--muted);font-size:8px;letter-spacing:1.2px;font-weight:700}.row{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:9px;padding:13px 13px 13px 16px;border-top:1px solid #edf0e8;min-height:96px}.identity{display:flex;align-items:center;gap:8px;min-width:0}.monogram{width:25px;height:25px;border-radius:8px;background:var(--chip);color:white;display:grid;place-items:center;font-weight:800;font-size:11px;flex-shrink:0}.ticker{font-size:15px;font-weight:800;letter-spacing:-.2px}.company{display:block;color:var(--muted);font-size:10px;max-width:69px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail{font-size:10px;color:var(--muted);margin-top:2px}.lane{position:relative;display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;height:54px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff15 calc(25% - 1px),#ffffff15 25%),#285b42;border-radius:8px;touch-action:pan-y;user-select:none;isolation:isolate}.lane:before{content:"";position:absolute;inset:6px 50%;border-left:1px dashed #ffffff60;z-index:-1}.target{border:0;background:#f9f5f1f5;border-radius:5px;min-height:42px;margin:4px;padding:4px 1px;font-size:10px;line-height:1.25;color:var(--red);font-weight:750;z-index:1}.target.up{color:var(--green)}.target small{display:block;font-size:8px;letter-spacing:.4px}.target.chosen{background:var(--navy);color:white;box-shadow:inset 0 0 0 2px var(--lime)}.football{border:1px solid #d4e7be;background:#e8f2d7;transform:rotate(-6deg);border-radius:50%;height:28px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:9px;color:#233c27;white-space:nowrap;box-shadow:0 2px 5px #0002}.lane .football span{transform:rotate(6deg)}.rowstatus{font-size:9px;font-weight:750;display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);min-height:14px}.outcome{color:var(--green)}.loss .outcome{color:var(--red)}.tie .outcome{color:var(--muted)}.winner{box-shadow:inset 0 0 0 2px #58a876;background:#dcefdc}.demoControls{margin-top:19px;border:1px dashed #c5cdbb;border-radius:10px;padding:14px;display:flex;gap:12px;align-items:center;justify-content:space-between}.demoControls strong{font-size:12px}.demoControls p{font-size:11px;color:var(--muted);margin:3px 0 0}.secondary{font-size:11px;border:1px solid #bcc8b7;padding:10px;background:white;border-radius:7px;font-weight:750;white-space:nowrap}.secondaryActions{display:flex;justify-content:space-between;margin-top:7px}.family{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}summary{color:var(--ink);font-weight:700;cursor:pointer;padding:4px 0}.familygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin:18px 0}.familygrid div{border-right:1px solid var(--line)}.familygrid div:last-child{border:0}.familygrid b{display:block;font-size:36px;color:var(--ink);line-height:1.2}.familygrid strong{display:block;font-size:10px;margin:5px}.familygrid span{font-size:10px}footer{text-align:center;font-size:10px;color:var(--muted);padding-top:30px}footer>b{font-weight:900;color:var(--ink)}footer span{font-family:Georgia,serif;font-style:italic;font-size:14px;display:block;margin-top:8px}footer p{font-size:9px}.dock{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#102b27f7;color:white;padding:13px max(18px,calc((100vw - 680px)/2)) calc(13px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 -5px 20px #102b2715}.dock strong{display:block;font-size:14px}.dock small{display:block;font-size:10px;color:#c1d1c3}.dock button,.primary{border:0;border-radius:8px;background:var(--lime);color:var(--ink);padding:14px 18px;font-size:13px;font-weight:800;white-space:nowrap}.dock button span{margin-left:13px}.dock button:disabled{background:#718470;color:#f5f7ed;opacity:1}.result{padding:22px;background:var(--navy);border-radius:12px;margin-bottom:20px;color:white}.result .eyebrow{color:var(--lime)}.result h2{font-size:33px;margin:7px 0}.result p{font-size:13px;margin:8px 0;color:#d0dee7}.result button{color:var(--lime)}dialog{max-width:490px;width:calc(100% - 28px);border:0;border-radius:17px;padding:25px;color:var(--ink);background:var(--paper);max-height:85dvh;overflow:auto}dialog::backdrop{background:#102b27ac;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:32px;line-height:1.1;margin:15px 0 22px}dialog li{margin:0 0 14px;padding-left:5px;font-size:13px}dialog ol{padding-left:22px}dialog h3{font-size:14px;margin-top:22px}dialog p{font-size:12px;color:var(--muted)}.milestones{display:flex;justify-content:space-between;gap:5px;background:#e7eedb;padding:12px;border-radius:8px;font-size:9px}.milestones b{display:block;font-size:20px}.full{width:100%;margin-top:10px}.toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 18px;border-radius:9px;z-index:20;font-size:12px;max-width:90%;width:max-content}.rulefine{font-size:10px!important}[hidden]{display:none!important}@media(min-width:600px){.row{grid-template-columns:180px 1fr;padding:13px 20px}.company{max-width:130px}.ticker{font-size:16px}.target{font-size:12px}.lane{grid-template-columns:1fr 75px 1fr}.football{margin:0 6px;font-size:11px}.intro{padding-top:30px}.company,.detail{font-size:11px}}@media(max-width:350px){.row{grid-template-columns:86px 1fr;gap:4px;padding-left:9px;padding-right:9px}.monogram{display:none}.masthead{padding-left:16px;padding-right:16px}.edition span:last-child{max-width:105px;text-align:right}.dock{gap:8px}.dock button{padding:14px 10px}.lane{grid-template-columns:1fr 48px 1fr}.football{font-size:8px}}
