.sacred-geometry-canvas{pointer-events:all;z-index:20;cursor:crosshair;width:100vw;height:100vh;position:fixed;top:0;left:0}
.type-takeover-char{animation:.3s ease-out forwards glow-in;display:inline-block}.type-takeover-char.removing{animation:.3s ease-in forwards glow-out}@keyframes glow-in{0%{opacity:0;filter:blur(4px)brightness(2);text-shadow:0 0 8px #fffc,0 0 16px #fff9;transform:scale(1.2)}to{opacity:1;filter:blur()brightness();text-shadow:none;transform:scale(1)}}@keyframes glow-out{0%{opacity:1;filter:blur()brightness();text-shadow:none;transform:scale(1)}to{opacity:0;filter:blur(4px)brightness(2);text-shadow:0 0 8px #fffc,0 0 16px #fff9;transform:scale(1.2)}}
.text-tone{color:#ffffffb3;letter-spacing:1px;pointer-events:none;z-index:50;font-size:14px;transition:opacity .5s ease-out;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.text-tone-nocturne{letter-spacing:3px;opacity:.5;font-size:12px;animation:4s ease-in-out infinite pulse-slow}.text-tone-breeze{letter-spacing:2px;animation:6s ease-in-out infinite drift}.text-tone-storm{letter-spacing:.5px;text-shadow:1px 0 #ff00004d,-1px 0 #00ffff4d;animation:.3s ease-in-out infinite shake,2s steps(2,end) infinite glitch}.text-tone-compass{letter-spacing:1.5px;font-weight:500}@keyframes pulse-slow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes drift{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}@keyframes shake{0%,to{transform:translate(-50%)translateY(0)}25%{transform:translate(-51%)translateY(1px)}75%{transform:translate(-49%)translateY(-1px)}}@keyframes glitch{0%{clip-path:inset(0)}10%{clip-path:inset(20% 0 60%)}20%{clip-path:inset(0)}}