:root{--ink: #101629;--mist: #d8f6ff;--panel: rgba(7, 12, 27, .48);--line: rgba(167, 244, 255, .5)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Syne,sans-serif;color:var(--mist);background:radial-gradient(circle at 15% 20%,#ff9f6f44 0%,transparent 34%),radial-gradient(circle at 80% 0%,#66ffe255 0%,transparent 37%),linear-gradient(132deg,#1f0d2f,#081728 52%,#0b3542)}.app-shell{min-height:100dvh;padding:clamp(.8rem,2vw,1.4rem)}.stage{position:relative;overflow:hidden;min-height:calc(100dvh - clamp(1.6rem,4vw,2.8rem));border-radius:1.5rem;border:1px solid var(--line);background:linear-gradient(to bottom right,rgba(255,255,255,.06),transparent),radial-gradient(circle at 50% 130%,#77f0fd2e,transparent 55%);box-shadow:inset 0 0 24px #b5f5ff33,0 20px 48px #01030a73;touch-action:manipulation}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px;opacity:.28;pointer-events:none}.link-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.orb{position:absolute;border-radius:999px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(157,255,248,.4));animation:pulse 5s ease-in-out infinite}.hud{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:.9rem 1rem}.hud h1{margin:0;font-size:clamp(1.25rem,6vw,2rem);line-height:1;letter-spacing:.04em}.hud p{margin:.35rem 0 0;font-family:IBM Plex Mono,monospace;font-size:clamp(.75rem,2.8vw,.9rem)}.controls{display:flex;gap:.55rem;margin-top:.75rem}button{border:0;border-radius:.7rem;padding:.55rem .85rem;background:linear-gradient(90deg,#65f3ff,#ffd386);color:var(--ink);font-family:IBM Plex Mono,monospace;font-weight:500;text-transform:lowercase}button.ghost{background:#e9f6ff1a;color:var(--mist);border:1px solid rgba(233,246,255,.3)}.meta{opacity:.75}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}@media (min-width: 760px){.stage{min-height:min(92dvh,880px)}.hud{max-width:22rem}}