@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap";*{box-sizing:border-box}html,body,#app{width:100vw;height:100vh;margin:0;overflow:hidden;background:#01040a;color:#dcf2ffe0;font-family:Inter,system-ui,sans-serif}canvas{display:block;width:100vw;height:100vh}.hud-panel{position:fixed;left:clamp(1rem,2vw,2.25rem);bottom:clamp(1rem,2vw,2.25rem);width:min(19rem,calc(100vw - 2rem));padding:1rem;background:#01040a0a;border:.2px solid rgba(135,208,255,.28);box-shadow:inset 1px 1px #b4e6ff12,0 0 2rem #05b6d414;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto}.hud-eyebrow{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#06b6d4c7;margin-bottom:.35rem}h1{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1rem,2vw,1.25rem);line-height:1;margin:0;color:#f1fafff5;text-shadow:0 0 1rem rgba(108,190,255,.38)}p{margin:.55rem 0 .85rem;font-size:.72rem;line-height:1.45;color:#bbdbefa3}label{display:grid;grid-template-columns:7.6rem 1fr;gap:.6rem;align-items:center;font-size:.66rem;color:#d7efffb3;margin-top:.48rem}input[type=range]{width:100%;accent-color:#7cc7ff}.corner-frame{position:fixed;width:min(16vw,12rem);height:min(16vw,12rem);border-color:#70c6ff21;pointer-events:none;filter:drop-shadow(0 0 .9rem rgba(18,132,190,.18))}.top-left{top:2.2vh;left:2.2vw;border-top:.2px solid;border-left:.2px solid;box-shadow:inset 1px 1px #ffffff0a}.bottom-right{right:2.2vw;bottom:2.2vh;border-right:.2px solid;border-bottom:.2px solid;box-shadow:inset -1px -1px #ffffff0a}@media(max-width:760px){.hud-panel{width:min(18rem,calc(100vw - 1.25rem));padding:.8rem}label{grid-template-columns:1fr;gap:.2rem}}