html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0b1320}body{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}#app{display:grid;place-items:center}canvas{display:block;max-width:100vw;max-height:100vh;image-rendering:pixelated;image-rendering:crisp-edges}.observatory-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;background:#070b14;color:#fff4d5;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.observatory-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none;image-rendering:auto}.observatory-hud{position:absolute;left:50%;transform:translate(-50%);z-index:2;width:min(920px,calc(100vw - 56px));pointer-events:none}.observatory-hud-top{top:22px;padding:14px 20px 15px;border:1px solid rgba(246,205,111,.56);background:#0b0c1494;box-shadow:0 12px 34px #00000040}.observatory-title{font-size:24px;font-weight:800;color:#f8d57b;text-align:center}.observatory-objective{margin-top:6px;font-size:17px;line-height:1.35;color:#f7ead4;text-align:center}.observatory-crosshair{position:absolute;left:50%;top:50%;z-index:2;width:22px;height:22px;transform:translate(-50%,-50%);border:2px solid rgba(255,230,158,.82);border-radius:999px;box-shadow:0 0 12px #ffbf5f57,inset 0 0 9px #ffbf5f47;pointer-events:none}.observatory-crosshair:after{position:absolute;left:50%;top:50%;width:4px;height:4px;content:"";transform:translate(-50%,-50%);border-radius:999px;background:#fff1b8}.observatory-wave-banner{position:absolute;left:50%;top:28%;z-index:3;transform:translate(-50%,-50%) scale(.96);padding:10px 24px;border:1px solid rgba(255,146,194,.64);background:#160712b8;color:#ffe2a4;font-size:34px;font-weight:800;letter-spacing:0;opacity:0;pointer-events:none;text-align:center;text-shadow:0 0 18px rgba(255,79,134,.62);transition:opacity .16s ease,transform .18s ease}.observatory-wave-banner.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1}.observatory-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 50% 50%,#ff5d9b00 0,#ff5d9b00 36%,#ff377559),#ff27581a;opacity:0;pointer-events:none}.observatory-status{position:absolute;left:50%;bottom:84px;z-index:2;width:min(760px,calc(100vw - 60px));transform:translate(-50%);padding:12px 18px;border:1px solid rgba(246,205,111,.38);background:#080a12a3;color:#fff4d5;font-size:17px;line-height:1.35;text-align:center}.observatory-controls{position:absolute;left:50%;bottom:24px;z-index:3;display:flex;gap:12px;transform:translate(-50%)}.observatory-controls button{min-width:118px;height:42px;border:1px solid rgba(248,213,123,.82);background:#271b14e6;color:#fff3dc;font:700 16px Inter,Segoe UI,system-ui,sans-serif;cursor:pointer}.observatory-controls button:hover,.observatory-controls button:focus-visible{background:#492f1af0;outline:2px solid rgba(255,222,148,.45)}