:root{font-family:Segoe UI,Helvetica Neue,sans-serif;color:#f4efe7;background:#0c1319;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(255,179,98,.18),transparent 32%),linear-gradient(180deg,#314654,#18212a 38%,#0b1015)}#app{position:relative}.scene{display:block;width:100%;height:100%;cursor:grab}.scene:active{cursor:grabbing}.hud{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;gap:1rem;padding:1.25rem}.hud__panel{pointer-events:auto;align-self:start;max-width:min(34rem,calc(100vw - 2.5rem));padding:1rem 1.1rem;border:1px solid rgba(255,245,233,.18);border-radius:18px;background:#0c13187a;box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud__title{grid-column:1;grid-row:1}.hud__controls{grid-column:2;grid-row:1 / span 2;justify-self:end;min-width:12.5rem}.hud__views{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:.65rem}.hud__status{grid-column:1 / -1;grid-row:4;align-self:end}.eyebrow{margin:0 0 .4rem;color:#f9c98e;letter-spacing:.22em;font-size:.73rem;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,3.8vw,4.35rem);line-height:.92;letter-spacing:-.04em}.lede,.hud__controls p,.hud__status p{margin:0;color:#f2f0e9e6;line-height:1.45}.hud__controls{display:grid;gap:.35rem}.hud__views button{appearance:none;border:1px solid rgba(255,235,215,.24);border-radius:999px;padding:.72rem 1rem;background:#a14e28a8;color:#fff5eb;font:inherit;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.hud__views button:hover{transform:translateY(-1px);background:#bd5d30d1;border-color:#ffe4c66b}@media(max-width:900px){.hud{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr auto}.hud__controls{grid-column:1;grid-row:2;justify-self:start}.hud__views{grid-row:3}}