:root{--gold: #d4a843;--gold-soft: rgba(212, 168, 67, .5);--gold-faint: rgba(212, 168, 67, .18);--gold-glow: rgba(212, 168, 67, .08);--bg: #07070b;--bg-darker: #050507;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--text: rgba(255, 255, 255, .85);--text-dim: rgba(255, 255, 255, .45);--text-faint: rgba(255, 255, 255, .22);--radius: 18px;--radius-sm: 12px;--font: "Rajdhani", "Segoe UI", sans-serif;--font-alt: "Outfit", "Rajdhani", sans-serif;--mono: "Courier New", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;max-width:100vw}body{font-family:var(--font);background:var(--bg);color:var(--text);font-weight:500;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px;border-radius:4px}.void{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 80% at 50% -10%,#0d0d14 0%,var(--bg) 55%),var(--bg)}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none}.stage{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 24px}.layout{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;gap:24px}.profileCard{width:100%;max-width:460px;margin:0 auto;border-color:var(--border-hover);box-shadow:0 24px 70px -30px #000000d9,0 0 0 1px #ffffff05,0 0 60px -20px var(--gold-glow)}.sideCol{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:start}@media (max-width: 760px){.layout{max-width:460px}.sideCol{grid-template-columns:1fr}.stage{padding:28px 16px}}.card{position:relative;background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:28px;overflow:hidden;transition:border-color .5s ease,transform .5s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card:hover{border-color:var(--border-hover)}.cardTitle{font-family:var(--font);font-weight:700;font-size:1.15rem;letter-spacing:.3px;color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:16px}.cardTitle svg{opacity:.9}@keyframes revealUp{0%{opacity:0;transform:translateY(16px) scale(.99);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.reveal{animation:revealUp .75s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay, 0ms)}.profileCard{padding-top:28px}.profileCard.hasBanner{padding-top:0}.banner{height:96px;margin:0 -28px;background-size:cover;background-position:center;position:relative;opacity:.9;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}.pcHead{display:flex;gap:18px;align-items:flex-start}.hasBanner .pcHead{margin-top:-46px}.avatarWrap{flex-shrink:0;position:relative;z-index:2}.avatarRing{position:relative;width:86px;height:86px;border-radius:50%;padding:2.5px;background:conic-gradient(from 180deg,var(--gold),#6b5423,var(--gold))}.ring-online{background:conic-gradient(from 180deg,#3ba55d,#1d4a2c,#3ba55d)}.ring-idle{background:conic-gradient(from 180deg,#e8a33d,#6b4c17,#e8a33d)}.ring-dnd{background:conic-gradient(from 180deg,#ed4245,#5c1618,#ed4245)}.ring-offline{background:conic-gradient(from 180deg,#6b6560,#302d2a,#6b6560)}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#111;border:3px solid var(--bg)}.avatarSkeleton{background:linear-gradient(110deg,#14141b 30%,#1c1c26,#14141b 70%);background-size:200% 100%;animation:shimmerBg 1.4s linear infinite}@keyframes shimmerBg{0%{background-position:200% 0}to{background-position:-200% 0}}.avatarDecoration{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none}.statusDot{position:absolute;right:3px;bottom:3px;width:20px;height:20px;border-radius:50%;border:3.5px solid var(--bg)}.idBlock{min-width:0;padding-top:6px}.displayName{font-family:var(--font-alt);font-weight:700;font-size:1.55rem;letter-spacing:.2px;color:#fff;line-height:1.1}.handle{display:inline-flex;align-items:center;gap:7px;margin-top:5px;color:var(--text-dim);font-size:.9rem;letter-spacing:.4px;transition:color .25s ease}.handle:hover{color:var(--text)}.copyGlyph{display:inline-flex;color:var(--gold);opacity:.7}.tagline{margin-top:10px;font-size:.92rem;color:var(--text-dim);line-height:1.5}.badgeStrip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.badgeChip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:100px;border:1px solid var(--gold-faint);color:var(--gold);background:var(--gold-glow);font-size:.76rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.badgeLabel{color:#ffffffbf}.rule{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent)}.statusLine{display:flex;align-items:center;gap:9px;font-size:.95rem;margin-bottom:14px}.statusPip{width:9px;height:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.statusText{font-weight:600;color:var(--text)}.dim{color:var(--text-faint);font-size:.86rem}.quiet{line-height:1.6}.miniCard{display:flex;gap:13px;padding:13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff03;margin-bottom:12px;transition:border-color .3s ease,background .3s ease,transform .3s ease}.miniCard:hover{border-color:var(--border-hover);background:#ffffff06}.spotifyCard:hover{transform:translateY(-1px)}.miniArt{width:56px;height:56px;border-radius:9px;object-fit:cover;flex-shrink:0;background:#14141b}.miniArtGlyph{display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid var(--border)}.miniInfo{min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.miniKind{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--gold)}.miniTitle{font-size:.98rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miniSub{font-size:.84rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miniTime{font-family:var(--mono);font-size:.72rem;color:var(--text-faint);margin-top:3px}.miniBar{margin-top:7px;height:3px;border-radius:3px;background:#ffffff14;overflow:hidden}.miniBarFill{height:100%;background:linear-gradient(90deg,var(--gold),#e8c668);transition:width 1s linear}.socialRow{display:flex;gap:10px;flex-wrap:wrap}.socialLink{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);color:var(--text-dim);transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s ease}.socialLink:hover{color:var(--gold);border-color:var(--gold-faint);background:var(--gold-glow);transform:translateY(-2px)}.devBio{font-size:.95rem;line-height:1.65;color:var(--text)}.noteBody{position:relative;padding:14px 16px;border-left:2px solid var(--gold-soft);border-radius:0 10px 10px 0;background:#ffffff04;font-size:.94rem;line-height:1.6;color:#fffc;font-style:italic}.badgeList{list-style:none;display:flex;flex-direction:column;gap:10px}.badgeList li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text)}.badgeListIcon{display:inline-flex;color:var(--gold)}.player{padding:22px}.playerTop{display:flex;align-items:center;gap:14px}.playerArt{width:54px;height:54px;border-radius:12px;flex-shrink:0;overflow:hidden;border:1px solid var(--border);background:radial-gradient(circle at 30% 30%,#1a1a24,#0c0c12);display:flex;align-items:center;justify-content:center}.playerArt img{width:100%;height:100%;object-fit:cover}.playerArtGlyph{color:var(--gold)}.eq{display:flex;align-items:flex-end;gap:3px;height:20px}.eq i{width:3px;height:6px;border-radius:2px;background:var(--gold);opacity:.85}.eq[data-on=true] i{animation:eqPulse .9s ease-in-out infinite}.eq[data-on=true] i:nth-child(2){animation-delay:.15s}.eq[data-on=true] i:nth-child(3){animation-delay:.3s}.eq[data-on=true] i:nth-child(4){animation-delay:.45s}@keyframes eqPulse{0%,to{height:5px}50%{height:18px}}.playerMeta{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.playerKind{font-size:.68rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--gold)}.playerTitle{font-size:.98rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerArtist{font-size:.82rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerMute{color:var(--text-dim);flex-shrink:0;padding:8px;border-radius:8px;transition:color .2s ease,background .2s ease}.playerMute:hover{color:var(--gold);background:var(--gold-glow)}.playerBar{margin-top:16px;height:6px;border-radius:6px;background:#ffffff12;cursor:pointer;position:relative}.playerBarFill{position:relative;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--gold),#e8c668);transition:width .25s linear;min-width:6px}.playerBarKnob{position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--gold-soft);opacity:0;transition:opacity .2s ease}.playerBar:hover .playerBarKnob{opacity:1}.playerTimes{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--mono);font-size:.72rem;color:var(--text-faint)}.playerControls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px}.pCtl{color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.pCtl:hover{color:#fff;transform:scale(1.08)}.pPlay{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold-faint);background:var(--gold-glow);color:var(--gold)}.pPlay:hover{color:#e8c668;border-color:var(--gold-soft);background:#d4a84324;transform:scale(1.05)}@media (max-width: 760px){.card{padding:22px}.displayName{font-size:1.4rem}}@media (prefers-reduced-motion: reduce){.reveal{animation:none}.eq[data-on=true] i{animation:none;height:10px}.avatarSkeleton{animation:none}}