:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#030611;color:#eaf8ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#17254b,#030611 65%)}main{width:min(94vw,960px);display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr);gap:20px;align-items:center}.hud{padding:22px;border:1px solid #7bdcff44;border-radius:16px;background:#071126dd;box-shadow:0 18px 70px #000b}.eyebrow{margin:0;color:#72e9ff;text-transform:uppercase;letter-spacing:.15em;font-size:11px}h1{margin:8px 0 18px;font-size:clamp(22px,3vw,34px);line-height:1.05}dl{margin:0;display:grid;gap:8px}dl div{display:flex;justify-content:space-between;gap:14px}dt{color:#8da4bf}dd{margin:0;text-align:right}.scope{margin:18px 0 0;color:#ffb8f5;font-size:12px;line-height:1.5}canvas{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #7bdcff33;background:#02040b;image-rendering:auto}@media(max-width:760px){main{grid-template-columns:1fr;padding:18px 0}}