:root{color:#f4efe4;--ink:#f4efe4;--muted:#9fb4aa;--panel:#122320db;--amber:#ffbf69;--cyan:#70e2d8;--green:#a8e063;--red:#ff6b6b;--water:#1c6b73;background:#0f1918;font-family:Aptos Display,Bahnschrift,Gill Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#70e2d83d,#0000 32rem),linear-gradient(135deg,#091210,#17241e 55%,#362816);min-width:320px;min-height:100vh;margin:0}button{color:#101615;background:var(--amber);border:0;border-radius:999px;padding:.75rem 1rem;font-weight:800}button.secondary{color:var(--ink);background:#ffffff1f;border:1px solid #ffffff2e}.shell{width:min(1440px,100%);margin:0 auto;padding:2rem}.hero,.grid-layout{grid-template-columns:minmax(0,1fr) 360px;gap:1.5rem;display:grid}.hero{align-items:end;margin-bottom:1rem}h1,h2,p{margin-top:0}h1{letter-spacing:-.08em;max-width:820px;margin-bottom:.6rem;font-size:clamp(2.4rem,8vw,6.5rem);line-height:.85}h2{margin-bottom:.7rem}.lede{max-width:760px;color:var(--muted);font-size:1.15rem}.eyebrow{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero-card,.map-card,.safety-panel,.proof-panel,.drone-card,.timeline article{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff1f;box-shadow:0 24px 80px #00000047}.hero-card{border-radius:2rem;padding:1.25rem}.hero-card strong{letter-spacing:-.08em;font-size:4rem;display:block}.labels{flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem;display:flex}.label{color:var(--ink);text-transform:uppercase;background:#ffffff1f;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:800}.label-warning,.label-delayed{color:var(--amber);background:#ffbf6938}.label-simulated,.label-replay{color:var(--cyan);background:#70e2d82e}.label-model_generated{color:var(--green);background:#a8e0632e}.map-card,.safety-panel,.proof-panel,.timeline{border-radius:2rem;padding:1.25rem}.map-header{justify-content:space-between;gap:1rem;display:flex}.badge{color:var(--muted);border:1px solid #fff3;border-radius:999px;align-self:start;padding:.4rem .65rem}.map-grid{grid-template-columns:repeat(12,1fr);gap:.35rem;margin-top:1rem;display:grid}.cell{aspect-ratio:1;background:#ffffff0e;border-radius:.55rem;position:relative;overflow:hidden}.flood,.victim,.drone{position:absolute;inset:0}.flood{background:var(--water)}.victim{border:2px solid var(--amber);box-shadow:0 0 18px var(--amber);border-radius:999px;inset:22%}.victim.confirmed{background:var(--amber)}.drone{background:var(--cyan);border-radius:.3rem;inset:28%;transform:rotate(45deg)}.drone.aid_drop{background:var(--amber)}.drone.return,.drone.hold{background:var(--red)}.links{color:var(--muted);margin-top:1rem}.side-panel{gap:1rem;display:grid}.safety-panel,.proof-panel{gap:.75rem;display:grid}.proof-panel .model-list{gap:.5rem;margin:0;display:grid}.proof-panel .model-list div{grid-template-columns:5.5rem 1fr;gap:.75rem;display:grid}.proof-panel dt{color:var(--muted)}.proof-panel dd{overflow-wrap:anywhere;margin:0}.live-strip{flex-wrap:wrap;gap:.45rem;display:flex}.signal{color:var(--muted);text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:.32rem .62rem;font-size:.74rem;font-weight:900}.signal.good{color:var(--green);background:#a8e06321;border-color:#a8e06357}.signal.caution{color:var(--amber);background:#ffbf6921;border-color:#ffbf6957}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.metric{background:linear-gradient(135deg,#70e2d81f,#ffffff0b),#0000001f;border-radius:1rem;min-width:0;padding:.7rem}.metric span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.metric strong{letter-spacing:-.05em;margin-top:.22rem;font-size:1.35rem;display:block}.proof-reason{color:var(--amber);margin-bottom:0;font-size:.9rem}.approval{color:var(--amber)}.drone-roster{gap:.75rem;display:grid}.drone-card{border-radius:1.2rem;padding:.9rem}.drone-card div{justify-content:space-between;gap:1rem;display:flex}.drone-card span,.drone-card p,.timeline p{color:var(--muted)}meter{width:100%;height:.55rem}.timeline{margin-top:1.5rem}.timeline article{border-radius:1rem;grid-template-columns:7rem 10rem 1fr;align-items:center;gap:1rem;margin-top:.75rem;padding:.85rem;display:grid}@media (width<=920px){.hero,.grid-layout,.timeline article{grid-template-columns:1fr}.shell{padding:1rem}}
