/* parallengine.com */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0b1120; color: #cbd5e1; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.hero { text-align: center; padding: 4rem 2rem 2rem; }
.brand { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.gauge { width: 160px; height: 160px; border-radius: 50%; background: conic-gradient(#22d3ee 0% 75%, #1e3050 75% 100%); margin: 2rem auto; display: flex; align-items: center; justify-content: center; position: relative; }
.gauge::before { content: ''; position: absolute; inset: 10px; border-radius: 50%; background: #0b1120; }
.gauge-inner { position: relative; z-index: 1; text-align: center; }
.gauge-value { font-family: 'JetBrains Mono', monospace; font-size: 1.5rem; font-weight: 600; color: #22d3ee; display: block; }
.gauge-label { font-family: 'JetBrains Mono', monospace; font-size: 0.5rem; color: #cbd5e1; opacity: 0.5; text-transform: uppercase; }
.readout { font-family: 'JetBrains Mono', monospace; font-size: 0.6rem; color: #22d3ee; opacity: 0.6; margin-top: 1rem; }
.telemetry { max-width: 500px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.hud-panel { background: #131d30; border: 1px solid #1e3050; padding: 1.25rem; position: relative; }
.bracket { position: absolute; width: 16px; height: 16px; }
.bracket.tl { top: -1px; left: -1px; border-left: 2px solid #22d3ee; border-top: 2px solid #22d3ee; }
.bracket.tr { top: -1px; right: -1px; border-right: 2px solid #22d3ee; border-top: 2px solid #22d3ee; }
.bracket.bl { bottom: -1px; left: -1px; border-left: 2px solid #22d3ee; border-bottom: 2px solid #22d3ee; }
.bracket.br { bottom: -1px; right: -1px; border-right: 2px solid #22d3ee; border-bottom: 2px solid #22d3ee; }
.metric-row { display: flex; justify-content: space-between; padding: 0.4rem 0; border-bottom: 1px solid #1e3050; }
.metric-row:last-child { border-bottom: none; }
.metric-label { font-family: 'JetBrains Mono', monospace; font-size: 0.6rem; color: #22d3ee; opacity: 0.6; }
.metric-val { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; }
.panel-label { font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; color: #22d3ee; opacity: 0.5; text-transform: uppercase; margin-bottom: 0.75rem; }
.thread-bar { height: 8px; background: #22d3ee; border-radius: 4px; margin-bottom: 0.4rem; }
.status { max-width: 500px; margin: 0 auto; padding: 2rem 1.5rem; text-align: center; }
.status-grid { display: inline-grid; grid-template-columns: repeat(4, 12px); gap: 4px; }
.sq { width: 12px; height: 12px; }
.sq.green { background: #22c55e; }
.sq.amber { background: #f59e0b; }
.sq.red { background: #ef4444; }
.idle { text-align: center; padding: 3rem 2rem 4rem; }
.idle-text { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 1rem; color: #22d3ee; opacity: 0.6; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }