:root{--bg:#07130f;--panel:#10231b;--panel2:#153027;--ink:#f4f5ea;--muted:#9db2a8;--lime:#c8ff4d;--green:#36db91;--amber:#ffc85b;--red:#ff7979;--line:#29483b;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#173b2c 0,transparent 28rem),var(--bg);min-height:100vh}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:white;color:#000;padding:.7rem;z-index:9}.demo{background:var(--amber);color:#211800;text-align:center;font-weight:900;font-size:.69rem;letter-spacing:.09em;padding:.45rem}header{max-width:1180px;margin:auto;padding:1.2rem 1.25rem .8rem;display:flex;justify-content:space-between;gap:1rem;align-items:end}h1{font-size:clamp(1.5rem,4vw,2.35rem);margin:.1rem 0}h2,h3,p{margin-top:0}.eyebrow{font-size:.7rem;color:var(--lime);letter-spacing:.13em;font-weight:850;margin-bottom:.35rem}.muted,small{color:var(--muted)}.rolebox{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;color:var(--muted)}select,button{font:inherit;color:inherit;border:1px solid var(--line);background:#13271f;border-radius:11px;padding:.65rem .8rem;min-height:44px}button{cursor:pointer;font-weight:750}button:hover{border-color:var(--lime)}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.primary{background:var(--lime);color:#102009;border-color:var(--lime)}nav{max-width:1180px;margin:0 auto 1rem;padding:0 1.25rem;display:flex;gap:.35rem;overflow:auto}nav button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0}nav button.active{color:var(--ink);border-color:var(--lime)}main{max-width:1180px;margin:auto;padding:0 1.25rem 4rem}.hidden{display:none!important}.hero,.responsibility,.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero{padding:1.2rem 0 1.5rem}.countdown{font-size:clamp(2rem,8vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1}.confidence{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:.8rem 1rem;display:flex;flex-direction:column}.confidence strong{color:var(--amber)}.responsibility{background:linear-gradient(120deg,#173528,#0e261c);border:1px solid #315642;border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1rem}.responsibility h2{margin-bottom:.25rem}.responsibility p:last-child{margin-bottom:0;color:var(--muted)}.actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:end}.modebar{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:#091a13;padding:.35rem;border-radius:14px;margin:1rem 0}.modebar button{border:0;background:transparent;color:var(--muted)}.modebar button.active{background:var(--panel2);color:var(--lime)}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:1rem}.plan,.card,.analytics,.assumptions{background:rgba(16,35,27,.9);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.planhead{display:flex;justify-content:space-between;gap:1rem}.pill{background:#244333;color:var(--lime);border-radius:999px;padding:.35rem .65rem;font-size:.75rem;font-weight:850;white-space:nowrap;height:max-content}.pill.amber{color:var(--amber)}.step{display:grid;grid-template-columns:2rem 1fr auto;gap:.7rem;align-items:center;border-top:1px solid var(--line);padding:.85rem 0}.step .num{width:2rem;height:2rem;border:1px solid #466c59;border-radius:50%;display:grid;place-items:center;font-weight:900}.step h3{font-size:1rem;margin-bottom:.15rem}.step p{color:var(--muted);margin:0;font-size:.87rem}.step input{width:1.25rem;height:1.25rem;accent-color:var(--lime)}.wide{width:100%;margin-top:.8rem}.card{margin-bottom:1rem}.card p{color:var(--muted)}.warning{border-color:#69552c}.fallback{border-color:#2f644b}.analytics{margin-top:1rem}.analytics summary{font-weight:850;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem}.metrics div{background:#0a1b14;padding:.8rem;border-radius:12px;display:flex;flex-direction:column}.metrics strong{font-size:1.5rem}.explain{margin-top:1rem}.bar{height:8px;background:#274035;border-radius:9px;overflow:hidden;margin:.8rem 0}.bar span{display:block;height:100%;background:var(--lime)}.wife-only{display:none}.wife-mode .owner-brother{display:none}.wife-mode .wife-only{display:block}.wife-mode .step p{font-size:1rem;color:var(--ink)}.callout{border:1px solid var(--amber);background:#33290f;border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.sectionhead{margin:1.5rem 0}.pitch{background:linear-gradient(#1b7249aa,#105b38aa),repeating-linear-gradient(0deg,transparent 0 70px,#ffffff12 70px 72px);border:2px solid #ffffff35;border-radius:18px;padding:1rem;min-height:520px;display:grid;grid-template-rows:repeat(4,1fr);gap:.8rem}.line{display:flex;justify-content:space-around;align-items:center;gap:.4rem}.player{text-align:center;width:94px}.shirt{width:44px;height:42px;margin:auto;background:var(--lime);clip-path:polygon(20% 0,35% 10%,65% 10%,80% 0,100% 25%,82% 40%,80% 100%,20% 100%,18% 40%,0 25%);color:#102009;font-weight:900;display:grid;place-items:center}.player span{display:block;background:#081711;padding:.18rem .3rem;border-radius:5px;font-size:.72rem;margin-top:.2rem}.player small{font-size:.68rem}.bench{margin-top:1rem}.bench>div{display:flex;gap:.6rem;overflow:auto}.source{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:1rem}.source:last-child{border:0}.dot{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;background:var(--green);margin-right:.4rem}.dot.amber{background:var(--amber)}#sourceList{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.timeline{list-style:none;padding:0;border-left:2px solid var(--line);margin-left:.6rem}.timeline li{position:relative;margin:0 0 1rem 1.2rem;background:var(--panel);padding:1rem;border-radius:14px}.timeline li:before{content:"";position:absolute;width:.7rem;height:.7rem;border-radius:50%;background:var(--lime);left:-1.62rem;top:1.25rem}.timeline time{color:var(--muted);font-size:.75rem}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;max-width:500px;width:calc(100% - 2rem)}dialog::backdrop{background:#000b}dialog label{display:block;margin:1rem 0}dialog select{display:block;width:100%;margin-top:.4rem}.dialogActions{display:flex;justify-content:end;gap:.5rem}footer{text-align:center;color:var(--muted);padding:2rem;font-size:.75rem}@media(max-width:720px){header{align-items:center}.hero{align-items:flex-start}.confidence{font-size:.78rem}.responsibility{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:stretch}.actions button{flex:1}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.source{grid-template-columns:1fr 1fr}.source div:first-child{grid-column:1/-1}}@media(max-width:420px){header{padding-inline:.8rem}main,nav{padding-inline:.8rem}.demo{font-size:.61rem}.rolebox select{max-width:105px}.hero{gap:.5rem}.confidence small{display:none}.actions button{width:100%;flex:auto}.plan,.card,.analytics{padding:1rem}.step{grid-template-columns:2rem 1fr auto}.metrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:no-preference){button,.card{transition:.18s ease}button:hover{transform:translateY(-1px)}}
.connect{border-color:#3f7757}.connectForm{margin:1rem 0}.connectForm label{display:block;font-size:.8rem;font-weight:800;margin-bottom:.35rem}.connectForm>div{display:flex;gap:.5rem}.connectForm input{min-height:44px;flex:1;min-width:0;padding:.65rem .8rem;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#091a13;font:inherit}.live{background:var(--green);color:#042214}.live .eyebrow{color:#0a3b23}.empty-state{max-width:36rem;margin:2rem auto;padding:1rem 1.25rem;text-align:center;color:#fff;background:rgba(0,0,0,.22);border-radius:.75rem}@media(max-width:420px){.connectForm>div{flex-direction:column}.connectForm button{width:100%}}
