*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { min-height: 100vh; display: grid; place-items: center; background: #020306; font-family: ui-monospace, monospace; overflow: hidden; color: #fff; }
.warp-scene { position: relative; width: 100vw; height: 100vh; display: grid; place-items: center; }
#warpCanvas { position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; }
.warp-hud { position: absolute; bottom: 2rem; font-size: 0.75rem; letter-spacing: 0.2em; color: #38bdf8; padding: 0.5rem 1.5rem; border-radius: 9999px; background: rgba(8, 15, 28, 0.7); border: 1px solid rgba(56, 189, 248, 0.3); pointer-events: none; }