:root{--accent:#a020f0;--rgb:160,32,240;--bright:#c76bff;--text:#fff;--dim:#ffffff9e;--faint:#fff6;--surface:#0e0518b8;--line:rgba(var(--rgb),.22);--line2:rgba(var(--rgb),.55);--bass:0;--sub:0;--mid:0;--high:0;--out:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100dvh;overflow:hidden;background:#000;touch-action:none;overscroll-behavior:none}body{color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.mono{font-family:Space Mono,ui-monospace,monospace}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--bright);outline-offset:3px;border-radius:4px}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stage{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#000}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:radial-gradient(circle at 50% 45%,#12031f,#000 70%);transition:opacity .7s var(--out),visibility .7s}.splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-logo-frame{position:relative;width:144px;height:144px;flex:none;overflow:hidden;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 30px rgba(var(--rgb),.28)}.splash-logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.splash-cta{font-weight:800;font-size:clamp(1.05rem,4vw,1.5rem);letter-spacing:.35em;text-indent:.35em;text-shadow:0 0 24px rgba(var(--rgb),.55);animation:flick 4s step-end infinite}@keyframes flick{0%,92%,to{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.7}97%{opacity:1}}.splash-hint{color:var(--dim);font-size:.9rem;max-width:34ch}.title-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:none;transition:opacity .8s var(--out)}.title-layer.fading{opacity:0}.glitch{display:grid;grid-template-areas:"s";text-align:center;line-height:1.1;transform:scale(calc(1 + var(--bass)*.06));transition:transform 90ms linear}.g{grid-area:s;display:block}.g.r{color:#ff283c8c;mix-blend-mode:screen;transform:translate(calc(var(--bass)*7px),calc(var(--bass)*-3px));opacity:calc(.12 + var(--bass)*.55)}.g.c{color:#28f0ff8c;mix-blend-mode:screen;transform:translate(calc(var(--bass)*-7px),calc(var(--bass)*3px));opacity:calc(.12 + var(--bass)*.55)}.g.m{color:rgba(255,255,255,calc(.06 + var(--bass)*.5));text-shadow:0 0 30px rgba(var(--rgb),calc(.35 + var(--bass)*.5)),0 0 90px rgba(var(--rgb),calc(.12 + var(--bass)*.35))}.wordmark{font-size:clamp(3.5rem,15vw,12rem);font-weight:900;letter-spacing:.08em;text-indent:.08em}.captions{position:absolute;inset:auto 0 14%;z-index:50;display:grid;place-items:center;padding:0 7%;pointer-events:none}.cap{font-size:clamp(1rem,3.4vw,2.1rem);font-weight:800;text-transform:uppercase;max-width:22ch;animation:capin .45s var(--out)}@keyframes capin{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1}}.scanlines,.edge,.bloom{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scanlines{z-index:56;opacity:.5;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000017 2px,#00000017 4px)}.edge{z-index:54;box-shadow:inset 0 0 90px #000000d9,inset 0 0 50px rgba(var(--rgb),calc(.05 + var(--bass)*.12))}.bloom{z-index:5;mix-blend-mode:screen;background:radial-gradient(circle at 50% 55%,rgba(var(--rgb),calc(.06 + var(--bass)*.22)),rgba(80,0,180,calc(.03 + var(--bass)*.1)) 35%,transparent 68%)}.ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.ui>*{pointer-events:auto}.pill{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border-radius:999px;box-shadow:0 6px 24px #00000073}.top{position:absolute;top:max(16px,var(--st));left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.top>*{pointer-events:auto}.badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;font-size:.75rem;letter-spacing:.14em;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(calc(.85 + var(--bass)*.9));transition:transform 90ms linear}.audio{display:flex;gap:10px;align-items:center}.icon{width:42px;height:42px;display:grid;place-items:center;transition:transform .2s var(--spring),background .25s}.icon:hover{background:rgba(var(--rgb),.24);transform:translateY(-2px)}.vol{height:42px;padding:0 14px;display:flex;align-items:center}.vol input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:92px;height:20px;background:none;cursor:pointer}.vol input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill),#ffffff2e var(--fill))}.vol input::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill),#ffffff2e var(--fill))}.vol input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;margin-top:-5.5px;border-radius:50%;background:#12041f;border:2px solid var(--accent);box-shadow:0 0 12px rgba(var(--rgb),.8)}.vol input::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#12041f;border:2px solid var(--accent)}.nav{position:absolute;bottom:max(18px,calc(var(--sb) + 14px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:7px 10px;max-width:calc(100vw - 28px)}.arrow{width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid #ffffff1f;font-size:1.3rem;line-height:1;transition:transform .2s var(--spring),background .2s}.arrow:hover{background:rgba(var(--rgb),.3);transform:scale(1.1)}.dots{display:flex;gap:7px;align-items:center;padding:0 5px}.dot2{position:relative;width:8px;height:8px;padding:0;border-radius:999px;background:#ffffff42;transition:width .4s var(--spring),background .3s}.dot2:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.dot2.on{width:22px;background:var(--accent);box-shadow:0 0 12px rgba(var(--rgb),.9)}.label2{min-width:9ch;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.12em;white-space:nowrap}.back{position:absolute;bottom:max(74px,calc(var(--sb) + 70px));left:50%;transform:translate(-50%);padding:11px 22px;font-size:.78rem;font-weight:700;letter-spacing:.16em;white-space:nowrap;background:rgba(var(--rgb),.18);border-color:var(--line2);animation:rise .4s var(--out)}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.hint{position:absolute;bottom:max(74px,calc(var(--sb) + 70px));left:50%;transform:translate(-50%);margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap;pointer-events:none}.panel{--pad:26px;position:relative;width:320px;height:480px;padding:var(--pad);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;opacity:0;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#1c082e8c,#08021059);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 18px 50px #0009;transition:opacity .6s var(--out),border-color .35s,background .35s,box-shadow .35s,filter .45s}.panel.shown{opacity:1}.panel.hover{border-color:var(--line2);box-shadow:0 18px 50px #0009,0 0 34px rgba(var(--rgb),.28)}.panel.active{cursor:default;overflow-y:auto;border-color:rgba(var(--rgb),.65);background:linear-gradient(150deg,#200436bf,#0902128c);box-shadow:0 22px 70px #000000b8,0 0 44px rgba(var(--rgb),.3);scrollbar-width:thin}.panel.about-panel{width:min(380px,82vw)!important;height:min(520px,calc(100dvh - 120px))!important}.panel.active.about-panel{width:min(500px,86vw)!important;height:min(620px,calc(100dvh - 64px))!important}.panel.dim{opacity:.22;filter:grayscale(.7) blur(3px);pointer-events:none}.panel-title{position:absolute;top:50%;left:50%;width:calc(100% - var(--pad)*2);margin:0;display:flex;justify-content:center;align-items:center;gap:11px;font-size:1.55rem;font-weight:700;letter-spacing:.1em;text-shadow:0 0 20px rgba(var(--rgb),.85);transform:translate(-50%,-50%);transition:all .5s var(--out)}.panel-title svg{width:25px;height:25px;filter:drop-shadow(0 0 6px var(--accent))}.panel.active .panel-title{top:var(--pad);font-size:1.2rem;color:var(--bright);padding-bottom:12px;border-bottom:1px solid var(--line);transform:translate(-50%)}.panel-body{margin-top:56px;height:calc(100% - 56px);display:flex;flex-direction:column;font-size:.88rem;line-height:1.6;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .45s var(--out) .1s,transform .45s var(--out) .1s}.panel.active .panel-body{opacity:1;pointer-events:auto;transform:none}.panel-cue{position:absolute;bottom:24px;left:50%;font-size:.65rem;letter-spacing:.3em;color:var(--bright);opacity:0;transform:translate(-50%,8px);transition:.3s var(--out);pointer-events:none}.panel.hover .panel-cue{opacity:.9;transform:translate(-50%)}.stack{display:flex;flex-direction:column;gap:10px;height:100%}.block,.social{background:rgba(var(--rgb),.07);border:1px solid rgba(var(--rgb),.16);border-radius:12px;padding:14px 16px}.social{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:inherit;text-decoration:none;transition:transform .3s var(--out),background .3s}.social:hover{background:rgba(var(--rgb),.16);transform:translateY(-3px)}.social-brand{width:48px;height:48px;color:var(--bright);stroke-width:1.8;filter:drop-shadow(0 0 8px rgba(var(--rgb),.55))}.discord-brand{fill:currentColor;stroke:none}.about-stack{min-width:0;min-height:0}.about-stack>.block{flex:none;min-height:0;display:flex;flex-direction:column;justify-content:center}.about-stack>.block:last-child{flex:1;min-height:0;justify-content:flex-start;overflow:hidden}.about-stack>.block:last-child .value{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;line-height:1.4}.about-profile{flex:none;min-height:132px;display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(var(--rgb),.08);border:1px solid rgba(var(--rgb),.2);border-radius:12px}.about-profile img{width:108px;height:108px;flex:none;object-fit:contain;border-radius:8px;background:#100717}.about-profile-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.about-profile-copy strong{font-size:1.05rem}.about-profile-copy span{font-size:.58rem;letter-spacing:.1em;color:var(--dim)}.label{font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}.social .label{margin:0}.value{font-size:1rem;font-weight:700;line-height:1.3}.value.lead{font-size:1.2rem;margin-top:5px}.value.small{font-size:.82rem;font-weight:600}.value.muted{color:var(--dim);font-weight:500;margin-top:3px}.track{height:4px;margin-top:18px;border-radius:2px;background:#ffffff1f;overflow:hidden}.track div{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--bright));box-shadow:0 0 12px rgba(var(--rgb),.8);transition:width .3s linear}.times{display:flex;justify-content:space-between;margin-top:7px;font-size:.7rem;color:var(--faint)}.eq{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:40px;margin-top:18px}.eq span{width:5px;border-radius:2px;background:linear-gradient(to top,var(--accent),var(--bright));transition:height 80ms linear}.eq0{height:calc(12% + var(--bass)*78%)}.eq1{height:calc(12% + var(--sub)*78%)}.eq2{height:calc(12% + var(--mid)*78%)}.eq3{height:calc(12% + var(--high)*78%)}@media(max-width:768px),(pointer:coarse)and (max-width:1024px){.panel{--pad:20px;width:292px!important;height:424px!important;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0418f0}.panel.active{width:min(340px,90vw)!important;height:min(486px,70dvh)!important}.panel.about-panel{width:min(340px,88vw)!important;height:min(500px,calc(100dvh - 120px))!important}.panel.active.about-panel{width:min(440px,92vw)!important;height:min(620px,calc(100dvh - 90px))!important}.about-profile{min-height:100px}.about-profile img{width:82px;height:82px}.about-profile{gap:9px;padding:8px}.social-brand{width:40px;height:40px}.scanlines,.bloom,.vol,.hint,.label2{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.g.r,.g.c,.scanlines{display:none}}