*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#050102;color:#e9e2d8;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:none}#hudc{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#mute{position:fixed;right:18px;bottom:16px;width:34px;height:34px;padding:4px;z-index:5;border:0;border-radius:50%;background:#14060a59;cursor:pointer;opacity:.55;transition:opacity .15s}#mute:hover{opacity:1}#mute svg{width:100%;height:100%;display:block}.hidden{display:none!important}#choice{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0a020440,#060102bf);backdrop-filter:blur(2px)}#choiceCards{display:flex;gap:5vmin}.bubble{width:22vmin;height:22vmin;border-radius:50%;cursor:pointer;position:relative;background:radial-gradient(circle at 38% 32%,#ffffff2e,#78c8ff0f 40%,#140a288c 72%);box-shadow:inset 0 0 0 2px #bef0ff73,inset 0 0 30px #8cdcff40,0 0 40px #78c8ff26;animation:wob 3.2s ease-in-out infinite;transition:transform .18s,box-shadow .18s}.bubble:nth-child(2){animation-delay:-1.1s}.bubble:nth-child(3){animation-delay:-2.2s}.bubble:hover{transform:scale(1.1);box-shadow:inset 0 0 0 3px #c8ff96e6,inset 0 0 40px #aaff7859,0 0 60px #aaff784d}.bubble canvas{position:absolute;inset:12%;width:76%;height:76%}@keyframes wob{0%,to{border-radius:50% 48% 52% 50%;translate:0 0}33%{border-radius:46% 54% 48% 52%;translate:0 -6px}66%{border-radius:53% 47% 51% 49%;translate:0 4px}}#overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vmin;background:radial-gradient(circle,#14040633,#060102d1);cursor:pointer}#overlayTitle{font-size:9vmin;font-weight:900;letter-spacing:.35em;padding-left:.35em;color:#ffe8d6;text-shadow:0 0 30px rgba(255,120,50,.8),0 0 4px rgba(255,200,160,.6)}#glyphs{display:flex;gap:4vmin;align-items:center;opacity:.85}#glyphs .g{height:7vmin}#glyphs .key rect{fill:#fff0e60f;stroke:#ffe6d2b3;stroke-width:2}#glyphs .key text{fill:#ffe8d6;font:700 15px Segoe UI,sans-serif;text-anchor:middle}#glyphs .mouse{fill:#fff0e60f;stroke:#ffe6d2b3;stroke-width:2}#glyphs .lit{fill:#a8ff5a;filter:drop-shadow(0 0 4px #a8ff5a)}#glyphs .seam{stroke:#ffe6d2b3;stroke-width:2}#glyphs .arrow{fill:#ffe8d6}#glyphs .streak{fill:none;stroke:#8ff6ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#glyphs .ring{fill:none;stroke:#8ff6ff;stroke-width:3}#glyphs .ring.faint{opacity:.4}#overlayIcon{height:10vmin;width:10vmin}#overlayIcon svg{width:100%;height:100%}