*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh;overflow-y:auto}#app{display:grid;grid-template-rows:auto auto auto auto;min-height:100vh}#hud{padding:1rem 2rem;display:flex;gap:2rem;align-items:center;background:#16213e;border-bottom:1px solid #0f3460}#canvas{display:flex;align-items:center;justify-content:center;padding:.5rem 2rem}#canvas svg{width:100%;max-height:280px}#controls{padding:.5rem 2rem;display:flex;gap:1rem;align-items:center;background:#16213e;border-top:1px solid #0f3460}#investigate{padding:.5rem 2rem 1rem}button{background:#0f3460;color:#e0e0e0;border:1px solid #533483;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}button:hover{background:#533483}button:disabled{opacity:.4;cursor:not-allowed}.metric{display:flex;flex-direction:column;align-items:center}.metric-value{font-size:1.5rem;font-weight:700;color:#e94560}.metric-label{font-size:.75rem;text-transform:uppercase;opacity:.7}