:root{--bg-deep:#160b29;--bg-deep-2:#1f0f3a;--panel:#2a1750;--panel-2:#34205f;--purple:#8b3fe8;--purple-lt:#b07cf5;--yellow:#ffd43b;--yellow-hi:#ffe873;--ink:#0c0518;--text:#ede4ff;--muted:#9c86c9;--discord:#5865f2;--discord-hi:#6b77f5;--online:#54e89b;--error:#ff6b6b}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:VT323,monospace;background:radial-gradient(circle at 20% 15%,rgba(139,63,232,.28),transparent 45%),radial-gradient(circle at 85% 85%,rgba(255,212,59,.1),transparent 40%),linear-gradient(160deg,var(--bg-deep-2),var(--bg-deep));color:var(--text);min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:relative;-webkit-font-smoothing:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.foot a,input[type=text]{-webkit-user-select:text;-moz-user-select:text;user-select:text}body:before{content:"";background-image:linear-gradient(rgba(176,124,245,.05) 1px,transparent 0),linear-gradient(90deg,rgba(176,124,245,.05) 1px,transparent 0);background-size:32px 32px;z-index:0}.crt-overlay,body:before{position:fixed;inset:0;pointer-events:none}.crt-overlay{z-index:9000}.crt-aperture{background:repeating-linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.045) 1px,rgba(0,0,255,.06) 2px,transparent 3px);mix-blend-mode:screen}.crt-scanlines{background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(0,0,0,.28) 3px,rgba(0,0,0,.28) 4px);mix-blend-mode:multiply}.crt-rollbar{bottom:auto;height:22vh;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0));mix-blend-mode:screen;animation:crt-roll 9s linear infinite}@keyframes crt-roll{0%{transform:translateY(120%)}to{transform:translateY(-520%)}}.crt-glare{background:radial-gradient(60% 38% at 28% 16%,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 70%);mix-blend-mode:screen}.crt-vignette{background:radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.45) 85%,rgba(0,0,0,.85) 100%);box-shadow:inset 0 0 120px rgba(0,0,0,.6)}.crt-flicker{background:hsla(0,0%,100%,.02);animation:crt-flick 5.2s steps(2) infinite}@keyframes crt-flick{0%,96%{opacity:.02}97%{opacity:.1}98%{opacity:0}to{opacity:.04}}.bg-tiles{position:fixed;top:50%;left:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;z-index:1;pointer-events:none;overflow:hidden;opacity:var(--tile-opacity,.5)}.bg-fill{position:absolute;top:0;left:0;height:100%;width:calc(100% + var(--tileW, 504px));background-repeat:repeat;will-change:transform}.card{z-index:10;width:100%;max-width:380px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:4px solid var(--yellow);box-shadow:0 0 0 4px var(--ink),10px 10px 0 0 rgba(0,0,0,.45);padding:40px 30px 32px;text-align:center;overflow:hidden;animation:pop .5s ease-out both}.card,.card>*{position:relative}.card>*{z-index:2}@keyframes pop{0%{transform:translateY(16px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.stagger{animation:rise .5s ease backwards}.d1{animation-delay:.1s}.d2{animation-delay:.18s}.d3{animation-delay:.26s}.d4{animation-delay:.34s}.d5{animation-delay:.42s}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.eyebrow{font-size:21px;letter-spacing:3px;color:var(--purple-lt);animation-name:rise,chroma;animation-duration:.5s,4s;animation-timing-function:ease,linear;animation-iteration-count:1,infinite;animation-fill-mode:backwards,none}.eyebrow,.title{margin-bottom:12px}.title{font-family:Press Start\ 2P,monospace;font-size:24px;line-height:1.35;color:var(--yellow);text-shadow:3px 3px 0 var(--ink)}@keyframes chroma{0%,to{text-shadow:-1px 0 #ff2d95,1px 0 #00f0ff}50%{text-shadow:-1.5px 0 #ff2d95,1.5px 0 #00f0ff}}@keyframes chroma-sm{0%,to{text-shadow:-.5px 0 #ff2d95,.5px 0 #00f0ff}50%{text-shadow:-.75px 0 #ff2d95,.75px 0 #00f0ff}}.tagline{font-size:23px;letter-spacing:2px;color:var(--text);margin-bottom:22px;animation-name:rise,chroma;animation-duration:.5s,5s;animation-timing-function:ease,linear;animation-iteration-count:1,infinite;animation-fill-mode:backwards,none}.tagline .sep{color:var(--purple-lt)}.status{display:inline-flex;align-items:center;gap:8px;font-size:19px;letter-spacing:1px;color:var(--muted);padding:5px 14px;border:2px solid rgba(176,124,245,.25);border-radius:0;margin-bottom:26px;background:rgba(12,5,24,.3);will-change:transform}.status .pip{width:9px;height:9px;background:var(--online);box-shadow:0 0 8px var(--online);border-radius:1px;animation:blink 1.6s step-end infinite}@keyframes blink{50%{opacity:0}}.status b{color:var(--text);font-weight:400}.status.unavailable .pip{background:var(--muted);box-shadow:none;animation:none}.status.unavailable b{color:var(--muted)}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:10px;letter-spacing:.5px;padding:18px 14px;margin-bottom:14px;color:var(--ink);text-decoration:none;transition:transform .07s ease,filter .12s ease,background .12s ease;image-rendering:pixelated;overflow:hidden}.btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.35);pointer-events:none;transition:background .12s ease}.btn svg{width:18px;height:18px;flex:none;transform:translateY(-1px)}.btn.is-pressed:not(:disabled),.btn:active:not(:disabled){transform:translateY(3px)}.btn-discord{background:var(--discord);color:#fff;box-shadow:0 0 0 3px var(--ink)}.btn-discord:hover{background:var(--discord-hi)}.btn-join{background:var(--yellow);box-shadow:0 0 0 3px var(--ink)}.btn-join:hover:not(:disabled){background:var(--yellow-hi);filter:brightness(1.04)}.btn-join:disabled{background:#4a3a6b;color:#7c6aa0;cursor:not-allowed}.btn-join:disabled:after{background:rgba(0,0,0,.25)}.me{display:flex;align-items:center;justify-content:center;gap:14px;font-size:22px;line-height:1;color:var(--muted);background:rgba(12,5,24,.55);border-color:currentcolor;border-color:rgba(0,0,0,.5) hsla(0,0%,100%,.12) hsla(0,0%,100%,.12) rgba(0,0,0,.5);border-style:solid;border-width:2px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.4),inset -1px -1px 0 hsla(0,0%,100%,.04);padding:12px 14px 18px;margin-bottom:14px;letter-spacing:.5px}.me b{color:var(--yellow);font-weight:400}.me .av{width:28px;height:28px;background:var(--discord);image-rendering:pixelated;object-fit:cover;flex:none;transform:translateY(1px)}.hint{display:flex;gap:8px;font-size:16px;color:var(--muted);letter-spacing:1px;margin-top:4px;min-height:20px}.help-btn,.hint{align-items:center;justify-content:center}.help-btn{flex:none;width:18px;height:18px;display:inline-flex;font-family:Press Start\ 2P,monospace;font-size:9px;color:var(--purple-lt);background:transparent;border:2px solid var(--purple-lt);border-radius:50%;cursor:pointer;line-height:1;padding:0;letter-spacing:0;transition:transform .08s ease,color .12s ease,border-color .12s ease}.help-btn .qm{display:block;transform:translateX(1px)}.help-btn:hover{color:var(--yellow);border-color:var(--yellow)}.help-btn:active{opacity:.6}.help-btn[aria-expanded=true]{color:var(--yellow);border-color:var(--yellow)}.help-panel{box-sizing:border-box;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding:10px 12px;font-size:15px;line-height:1.35;color:var(--muted);text-align:justify;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.5px;border-left:3px solid var(--purple-lt);background:rgba(12,5,24,.35);border-radius:0 4px 4px 0;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease}.help-panel.show{max-height:180px;opacity:1;margin-top:12px}.foot{position:fixed;bottom:18px;left:0;right:0;text-align:center;font-family:VT323,monospace;font-size:20px;color:#fff;letter-spacing:1px;z-index:10}.foot a{color:inherit;text-decoration:none;transition:color .12s ease;animation:chroma 4.5s linear infinite}.foot a:hover{color:var(--yellow)}input[type=text]{width:100%;padding:12px 14px;font-family:VT323,monospace;font-size:20px;letter-spacing:1px;color:var(--text);background:rgba(12,5,24,.5);border:2px solid rgba(176,124,245,.35);border-radius:0;outline:none;transition:border-color .12s ease,background .12s ease}input[type=text]:focus{border-color:var(--yellow);background:rgba(12,5,24,.65)}input[type=text].invalid,input[type=text].invalid:focus{border-color:var(--error);background:hsla(0,100%,71%,.06)}.form-help{color:var(--muted);margin:8px 0 6px}.form-help,.form-warning{font-size:15px;letter-spacing:.5px;text-align:left}.form-warning{display:flex;align-items:center;gap:8px;color:var(--error);margin:0 0 14px}.form-warning svg{flex:none}.form-error{font-size:15px;color:var(--error);letter-spacing:.5px;text-align:left;max-height:0;opacity:0;margin-top:0;margin-bottom:0;overflow:hidden;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease,margin-bottom .3s ease}.form-error.show{max-height:60px;opacity:1;margin-top:8px;margin-bottom:14px}.actions{display:flex;gap:14px;justify-content:center;margin-top:10px;font-size:15px;color:var(--muted);letter-spacing:.5px}.actions a{color:var(--muted);text-decoration:none;transition:color .12s ease}.actions a:hover{color:var(--yellow)}.actions .sep{color:rgba(176,124,245,.35)}