html,body{margin:0;padding:0;height:100%;background:#040a16;color:#eef3f8;font-family:Courier New,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#grid{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 50% 38%,#0c2b50,#071a36 45%,#040a16)}#grid:after{content:"";position:absolute;inset:-32px;background-image:linear-gradient(rgba(39,224,166,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(39,224,166,.06) 1px,transparent 1px);background-size:32px 32px;animation:gridDrift 14s linear infinite}@keyframes gridDrift{to{transform:translate(32px,32px)}}#fx{position:fixed;inset:0;z-index:1;pointer-events:none}#launcher{position:relative;z-index:2;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px}.logo{margin:0;font-size:clamp(40px,9vw,72px);font-weight:700;letter-spacing:2px;color:#27e0a6;text-shadow:4px 4px 0 #0b2e59;animation:logoGlow 3.2s ease-in-out infinite}@keyframes logoGlow{0%,to{text-shadow:4px 4px 0 #0b2e59,0 0 8px rgba(39,224,166,.25)}50%{text-shadow:4px 4px 0 #0b2e59,0 0 24px rgba(39,224,166,.6)}}.logo.glitch{animation:logoGlow 3.2s ease-in-out infinite,logoGlitchOnce .8s steps(1)}@keyframes logoGlitchOnce{0%{transform:translate(-4px,1px);text-shadow:4px 0 #e840a4,-4px 0 #3fd0e0,4px 4px 0 #0b2e59}9%{transform:translate(4px,-2px);text-shadow:-4px 0 #e840a4,4px 0 #3fd0e0,4px 4px 0 #0b2e59}18%{transform:translate(-3px,2px);text-shadow:3px 0 #ffd23f,-3px 0 #3fd0e0,4px 4px 0 #0b2e59}27%{transform:translate(3px);text-shadow:-3px 0 #e840a4,3px 0 #ffd23f,4px 4px 0 #0b2e59}36%{transform:translate(-2px,-1px);text-shadow:2px 0 #e840a4,-2px 0 #3fd0e0,4px 4px 0 #0b2e59}45%{transform:translate(5px,1px);text-shadow:-5px 0 #ffd23f,5px 0 #3fd0e0,4px 4px 0 #0b2e59}54%{transform:translate(-3px);text-shadow:3px 0 #e840a4,-3px 0 #ffd23f,4px 4px 0 #0b2e59}63%{transform:translate(2px,2px);text-shadow:-2px 0 #3fd0e0,2px 0 #e840a4,4px 4px 0 #0b2e59}72%{transform:translate(-4px,-1px);text-shadow:4px 0 #ffd23f,-4px 0 #3fd0e0,4px 4px 0 #0b2e59}82%{transform:translate(2px,1px);text-shadow:-2px 0 #e840a4,2px 0 #ffd23f,4px 4px 0 #0b2e59}91%{transform:translate(-1px);text-shadow:1px 0 #3fd0e0,-1px 0 #e840a4,4px 4px 0 #0b2e59}to{transform:translate(0)}}.sub{margin:6px 0 0;font-size:clamp(15px,3.2vw,22px);font-weight:700;color:#ffd23f}#modes{margin-top:40px;display:flex;flex-direction:column;gap:22px;width:min(460px,92vw)}.mode{appearance:none;cursor:default;background:none;border:none;padding:4px 0;color:#eef3f8;font-family:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;transition:color .12s;-webkit-tap-highlight-color:transparent}.mode-title{font-size:19px;font-weight:700;letter-spacing:1px;color:#9fb3c8}.mode.sel .mode-title{color:#ffd23f}.mode.sel .mode-title:before{content:"> "}.mode.sel .mode-title:after{content:" <"}.mode-desc{font-size:12px;color:#9fb3c8}.mode.sel .mode-desc{color:#cfe3f5}.mode.locked{opacity:.6;cursor:default}.mode.locked .mode-title{color:#7e90a6}.mode.locked.sel .mode-title{color:#c9a83a}.mode.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.badge{font-size:11px;font-weight:700;background:#7a4fb3;color:#fff;padding:2px 7px;border-radius:6px;vertical-align:middle;margin-left:6px}.badge.novo{background:#e23b4e;animation:badgePulse 1s ease-in-out infinite}@keyframes badgePulse{50%{opacity:.45;transform:scale(1.08)}}.tag2d{font-size:11px;color:#2ad17a;margin-left:6px}.msg{margin-top:16px;height:40px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.4;color:#ff8fa0}.help{margin-top:24px;font-size:15px;line-height:1.5;color:#cfe3f5}.help b{color:#ffd23f;font-weight:700}.homage{margin:22px auto 0;max-width:min(440px,88vw);font-size:13px;line-height:1.5;color:#cfe3f5;padding:9px 16px;border:1px solid rgba(39,224,166,.32);border-radius:10px;background:#27e0a612}.disclaimer{margin-top:12px;font-size:11px;color:#8fa3b8;line-height:1.6}#touch{display:none}@media(hover:none)and (pointer:coarse){#touch{display:block;position:fixed;inset:0;z-index:3;pointer-events:none}#launcher{padding-bottom:120px}#modes{margin-top:30px}.homage{margin-top:16px}}#stick{pointer-events:auto;position:absolute;left:24px;bottom:28px;width:132px;height:132px;border-radius:50%;background:#141e3266;border:2px solid rgba(255,255,255,.28);touch-action:none}#stickknob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#78a0d28c;border:2px solid rgba(255,255,255,.5)}#stick.on #stickknob{background:#27e0a699}.tb{pointer-events:auto;position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#141e3273;color:#ffffffd9;font-size:26px;font-family:inherit;-webkit-tap-highlight-color:transparent}.tb:active{background:#27e0a666}#okbtn{right:26px;bottom:40px;width:66px;height:66px}#loadov{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(circle at 50% 42%,#0c2b50,#071a36 45%,#06080f);color:#eef3f8;animation:loadovIn .18s ease}@keyframes loadovIn{0%{opacity:0}to{opacity:1}}.ld-cube{width:38px;height:38px;background:#27e0a6;box-shadow:0 0 20px #27e0a699;animation:ldSpin 1.3s ease-in-out infinite}@keyframes ldSpin{0%{transform:rotate(0) scale(1);border-radius:5px}50%{transform:rotate(180deg) scale(.68);border-radius:50%}to{transform:rotate(360deg) scale(1);border-radius:5px}}.ld-title{font-size:18px;font-weight:700;color:#27e0a6;letter-spacing:1px}.ld-sub{font-size:13px;color:#9fb3c8}.ld-dots:after{content:"";animation:ldDots 1.4s steps(1) infinite}@keyframes ldDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.hidden{display:none!important}