@import "https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Big+Shoulders+Display:wght@700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--obsidian:#0a0b0d;--obsidian2:#101216;--panel:#17181b;--panel2:#1e2024;--edge:#2a2d33;--cream:#f1ebe2;--creamDim:#c7c1b7;--muted:#8a8680;--mutedLight:#c7c1b7;--amber:#ffb200;--amberHot:#ff8a00;--amberDim:#ffb20066;--cyan:#4fc3f7;--lime:#a6e22e;--redline:#ff5a52;--glow:#ffb20029;--icon:#f1ebe2;--radius:14px;--radius-sm:10px;--maxw:640px;--mono:"JetBrains Mono", ui-monospace, monospace;--body:"Archivo", system-ui, sans-serif;--display:"Big Shoulders Display", var(--body)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--obsidian);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}#root{zoom:1.35}a{color:var(--amber)}.app{flex-direction:column;min-height:100%;display:flex}.container{width:100%;max-width:var(--maxw);margin:0 auto}.glow{position:relative}.glow:before{content:"";background:radial-gradient(closest-side, var(--glow), transparent);pointer-events:none;z-index:-1;width:700px;height:700px;position:fixed;top:15%;left:50%;translate:-50% -50%}.eyebrow{font-family:var(--mono);letter-spacing:2.2px;color:var(--muted);text-transform:uppercase;font-size:11px}.eyebrow.amber{color:var(--amber)}.mono{font-family:var(--mono)}.headline{font-family:var(--display);letter-spacing:-.5px;margin:6px 0;font-size:clamp(40px,12vw,64px);font-weight:900;line-height:.95}.headline .accent{color:var(--amber)}.divider{align-items:center;gap:10px;margin:2em 0 1em;display:flex}.divider .line{background:var(--edge);flex:1;height:1px}.divider .label{font-family:var(--mono);letter-spacing:2.4px;color:var(--muted);font-size:10px}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);padding:14px}.panel.muted{margin-bottom:2em}.hscroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:4px 0 8px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:none}.chip{background:var(--panel);border:1px solid var(--edge);font-family:var(--mono);letter-spacing:1.4px;color:var(--creamDim);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:inline-flex}.chip.active{background:var(--panel2);border-color:var(--amber);color:var(--cream);font-weight:700}.chip .dot{background:var(--amber);border-radius:50%;width:8px;height:8px}.statgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stattile{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);padding:12px}.stattile .k{font-family:var(--mono);letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-size:9px}.stattile .u{font-family:var(--mono);letter-spacing:1.4px;color:var(--amber);text-transform:uppercase;font-size:9px}.statstrip{gap:8px;display:flex}.statstrip .stattile{flex:1}.flap{font-family:var(--display);align-items:flex-end;font-weight:900;display:inline-flex}.flap .cell{display:inline-block;position:relative;overflow:hidden}.flap .roll{transition:transform .75s cubic-bezier(.35,0,.2,1);display:block}.flap .roll>span{text-align:center;display:block}.hero{align-items:flex-end;gap:10px;padding-top:6px;display:flex}.hero .num{color:var(--cream)}.hero .unit{font-family:var(--mono);letter-spacing:2px;color:var(--amber);padding-bottom:12px;font-size:12px}.hero .arrows{flex-direction:column;gap:2px;margin-left:auto;display:flex}.hero .arrows button{color:var(--amber);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:20px;line-height:1}.logrow{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);align-items:stretch;gap:14px;padding:14px;display:flex}.logrow .date{text-align:center;min-width:44px}.logrow .date .d{font-family:var(--display);color:var(--cream);font-size:26px;font-weight:900}.logrow .date .m{font-family:var(--mono);letter-spacing:2px;color:var(--amber);font-size:9px}.logrow .sep{background:var(--edge);width:1px}.logrow .mid{font-family:var(--mono);color:var(--creamDim);flex-direction:column;flex:1;gap:5px;font-size:12px;display:flex}.logrow .right{text-align:right;font-family:var(--mono)}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.lime{color:var(--lime)}.muted{color:var(--muted)}.cream{color:var(--cream)}.badge{background:var(--amber);color:var(--obsidian);letter-spacing:1px;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:700}.linkrow{border:1px solid var(--edge);border-radius:var(--radius);font-family:var(--mono);letter-spacing:2px;color:var(--amber);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:10px;display:flex}.btn{font-family:var(--mono);letter-spacing:1.5px;cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-weight:700}.btn.primary{background:var(--amber);color:var(--obsidian)}.btn.ghost{border:1px solid var(--amberDim);color:var(--amber);background:0 0}.nav{z-index:5;padding:0 0 env(safe-area-inset-bottom);position:sticky;bottom:0}.nav-inner{max-width:var(--maxw);border-top:1px solid var(--edge);background:color-mix(in srgb, var(--obsidian2) 70%, transparent);-webkit-backdrop-filter:blur(5px);justify-content:space-around;margin:0 auto;padding:0 20px;display:flex}.navbtn{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:11px 0 9px;transition:color .15s;display:flex;position:relative}.navbtn .ic{display:inline-flex}.navbtn .lbl{font-family:var(--mono);letter-spacing:1.4px;font-size:9px}.navbtn:hover{color:var(--creamDim)}.navbtn.active{color:var(--amber)}.navbtn.active:before{content:"";background:var(--amber);border-radius:0 0 4px 4px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width>=720px){.nav{padding:0 20px;bottom:18px}.nav-inner{border:1px solid var(--edge);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #0003}.navbtn.active:before{border-radius:4px;top:0}}main{flex:1;padding:12px 0 2em}.topbar{justify-content:space-between;align-items:center;padding:14px 20px 6px 0;display:flex}.topbar .title{font-family:var(--mono);letter-spacing:2px;font-size:12px}.topbar .car{color:var(--muted)}.screen{z-index:30;background:var(--obsidian);-webkit-overflow-scrolling:touch;padding-bottom:calc(32px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.screen .container{padding:0 20px;padding-top:env(safe-area-inset-top)}.backrow{color:var(--amber);font-family:var(--mono);letter-spacing:2px;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:18px 0 10px;font-size:12px;font-weight:700;display:inline-flex}.backrow .chev{margin-top:-2px;font-size:24px;line-height:.8}.screen-title{font-family:var(--display);letter-spacing:-.3px;color:var(--cream);margin:2px 0 18px;font-size:30px;font-weight:800}.spline{width:100%;height:80px;display:block}@media (width>=720px){:root{--maxw:900px}.statgrid{grid-template-columns:repeat(4,1fr)}}@media (width<=719px){.container,.nav-inner{padding:0 20px}}