:root{color-scheme:dark;--hud-button-bg: rgba(88, 18, 18, .85);--hud-button-bg-prev: rgba(34, 211, 238, .2);--media-card-height: clamp(220px, 34vh, 360px);--video-card-height: clamp(200px, 28vh, 320px)}body{background:#050507}.hud-image{background-image:url(https://images.unsplash.com/photo-1482192596544-9eb780fc7f66?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center;filter:blur(26px) saturate(1.2) brightness(.5);transform:scale(1.08)}.hud-grid{background-image:radial-gradient(circle at center,rgba(33,199,183,.16) 0,transparent 60%),repeating-radial-gradient(circle at center,rgba(97,165,255,.12) 0 1px,transparent 1px 120px);opacity:.7}.hud-scanlines{background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 5px);opacity:.25}.hud-card{background:#0d1218c7;border:1px solid rgba(97,165,255,.2);box-shadow:0 0 24px #21c7b726;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(33,199,183,.12);pointer-events:none}.hud-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:16px;height:100%;min-height:0;flex:1}@media (min-width: 1024px){.hud-media{flex:0 0 var(--media-card-height);min-height:0}.hud-media-video{flex:0 0 var(--video-card-height);min-height:0}}.glow-edge{box-shadow:0 0 18px #21c7b759}.scan-fade{animation:scan 12s linear infinite}@keyframes scan{0%{opacity:.4;transform:translateY(-6%)}50%{opacity:.8}to{opacity:.35;transform:translateY(6%)}}@media (max-width: 1024px){.hud-main{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}}@media (pointer: coarse){body{overflow:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100svh}#root{height:auto!important;min-height:100svh;overflow-x:hidden}}@media (max-width: 820px){body{overflow:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100svh}#root{height:auto!important;min-height:100svh;overflow-x:hidden}}@media (max-width: 1024px) and (orientation: landscape){.hud-main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.hud-center{grid-column:1 / -1}.hud-left{grid-column:1 / 2}.hud-right{grid-column:2 / 3}}@media (max-height: 740px){.hud-card{padding:10px}.hud-chart{min-height:90px}.hud-photo{min-height:0}}