:root{--bg:#000;--fg:#cdbfe8;--dim:#7a6a99;--accent:#b388ff;--ok:#d8c8ff;--bd:#2a1a44}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:14px/1.35 Cascadia Code,Consolas,Lucida Console,monospace;overflow:hidden}#root{height:100%}noscript{color:var(--accent);z-index:100;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}body:before{content:"";z-index:20;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0003 2px 4px);position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";z-index:20;pointer-events:none;background:radial-gradient(#0000 55%,#000000c7);animation:.12s infinite fl;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fl{25%{opacity:.97}75%{opacity:.94}}@media (prefers-reduced-motion:reduce){body:after{animation:none}}canvas{pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}#rain{z-index:0}#fluid{z-index:15}#bgart,#blart,.art{white-space:pre;color:var(--accent);opacity:.85;text-shadow:0 0 6px var(--accent), 0 0 18px #b388ff80;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-family:DejaVu Sans Mono,Segoe UI Symbol,monospace;line-height:1;position:fixed}#bgart{z-index:1;top:0;right:0}#blart{z-index:1;bottom:0;left:0}#enterart{font-size:var(--enter-size,6px);position:static}.art div{white-space:pre;transition:transform 50ms}#banner div{transition:transform 50ms}.art .hot{color:#c79bff;text-shadow:0 0 6px #c79bff,0 0 20px #9d4edd}#bgart{animation:5.5s ease-in-out infinite br}#blart{animation:7s ease-in-out infinite br}@keyframes br{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){#bgart,#blart{animation:none}}#enter{z-index:50;cursor:pointer;color:var(--accent);text-shadow:0 0 6px var(--accent), 0 0 18px var(--accent);background:#000;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#enter:focus{outline:none}@keyframes fin{0%{opacity:0}to{opacity:1}}.shell.boot{animation:1s both fin}.shell{z-index:3;flex-direction:column;align-items:flex-start;height:100%;padding:8vh 0 6vh 7.8vw;display:flex;position:relative;overflow-y:auto}#banner{white-space:pre;color:var(--accent);text-shadow:0 0 3px #000, 0 0 8px var(--accent), 0 0 20px #b388ff8c;filter:drop-shadow(0 0 8px #b388ff80);-webkit-user-select:none;user-select:none;flex:none;line-height:1}.sub{color:var(--dim);align-items:center;gap:14px;margin:46px 0 0 6.2vw;font-size:13px;line-height:1.5;display:flex}#roster{flex-direction:column;gap:30px;width:calc(92.2vw - 24px);max-width:100%;margin:44px 0 0;display:flex}.grp-h{color:var(--accent);letter-spacing:.04em;text-shadow:0 0 6px var(--accent);align-items:baseline;gap:10px;margin:0 0 14px;font-size:13px;font-weight:600;display:flex}.grp-h i{color:var(--dim);text-shadow:none;font-style:normal;font-weight:400}.row{flex-wrap:wrap;align-items:flex-start;gap:26px 22px;display:flex}.m{cursor:pointer;text-align:center;flex-direction:column;align-items:center;width:84px;display:flex}.m:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.av{width:64px;height:64px;margin:9px 0 10px;position:relative}.av .pic{object-fit:cover;background:#120a20;border-radius:50%;width:100%;height:100%;transition:box-shadow .2s,transform .2s;box-shadow:0 0 14px #b388ff47}.m:hover .pic{transform:scale(1.04);box-shadow:0 0 22px #b388ff99}.av .deco{object-fit:contain;pointer-events:none;width:122%;height:122%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.av .deco[hidden]{display:none}.av .dot{background:var(--dim);z-index:2;border:3px solid #000;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-1px;right:-1px}.dot.online,#pfdot.online,#pfsd.online{background:#d4b8ff;box-shadow:0 0 8px #d4b8ff}.dot.idle,#pfdot.idle,#pfsd.idle{background:#a77bff}.dot.dnd,#pfdot.dnd,#pfsd.dnd{background:#6d4fb0}.nm{color:var(--ok);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 4px #000,0 0 8px #d8c8ff66;max-width:100%;font-size:11.5px;overflow:hidden}.m:hover .nm{color:var(--accent);text-decoration:underline}#pf{z-index:31;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#pfbk{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;position:absolute;top:0;bottom:0;left:0;right:0}#pfc{border:1px solid var(--bd);text-align:center;background:#000000f5;border-radius:4px;width:min(92vw,340px);max-height:86vh;padding:26px 18px 18px;animation:.3s both pfpop;position:relative;overflow-y:auto;box-shadow:0 4px 30px #000000d9,0 0 24px #b388ff26}@keyframes pfpop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}#pfx{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:0;font-size:20px;position:absolute;top:6px;right:10px}#pfx:hover{opacity:1}#pfx:focus-visible{opacity:1}#pfav{width:88px;height:88px;margin:0 auto 12px;position:relative}#pfimg{object-fit:cover;background:#120a20;border-radius:50%;width:100%;height:100%;box-shadow:0 0 22px #b388ff59}#pfdeco{object-fit:contain;pointer-events:none;width:122%;height:122%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pfdeco[hidden]{display:none}#pfdot{background:var(--dim);z-index:2;border:3px solid #000;border-radius:50%;width:18px;height:18px;position:absolute;bottom:2px;right:2px}#pfsd{background:var(--dim);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}#pfn{color:var(--accent);text-shadow:0 0 8px var(--accent);font-size:17px}#pfu{color:var(--dim);margin-top:2px;font-size:12px}#pfr{border:1px solid var(--dim);letter-spacing:.2em;color:var(--ok);border-radius:999px;margin-top:12px;padding:4px 12px;font-size:10px;display:inline-block}#pfs{letter-spacing:.16em;margin:14px 0 4px;font-size:11px}.cs,.act{border:1px solid var(--bd);background:#b388ff0d;border-radius:4px;margin-top:10px;font-size:12px}.cs{padding:6px 12px}.cs img{vertical-align:-2px;height:14px;margin-right:5px}.act{text-align:left;align-items:center;gap:10px;padding:8px;display:flex}.act img{object-fit:cover;background:#120a20;border-radius:6px;flex:none;width:46px;height:46px}.act .t{min-width:0;line-height:1.4}.act .t b{letter-spacing:.14em;color:var(--dim);font-size:9px;font-weight:400;display:block}.act .t span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.none{letter-spacing:.14em;color:var(--dim);margin-top:12px;font-size:10px}@media (max-width:700px){body{font-size:12px}.shell{padding:6vh 0 6vh 5vw}.sub{margin-left:4vw}#roster{width:calc(95vw - 16px)}.row{gap:22px 14px}}