@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Noto+Serif+JP:wght@400;700&family=Inter:wght@400;600&display=swap";:root{--font-tech:"Orbitron", "Inter", sans-serif;--font-lyrics:"Noto Serif JP", serif;--bg-void:#020617;--accent-indigo:#6366f1;--accent-rose:#f43f5e;--ui-glass:#ffffff1a;--ui-active:#fff;--text-muted:#6b6b8a;--pre-buildup-grid:#4c1d95}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-void);width:100%;height:100%;color:var(--ui-active);font-family:var(--font-tech);-webkit-user-select:none;user-select:none;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.app-container{width:100%;height:100%;position:relative;overflow:hidden}.hud-info{z-index:20;font-family:var(--font-tech);letter-spacing:.1em;color:var(--accent-indigo);text-transform:uppercase;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex;position:absolute;top:1rem;left:1rem}.lyric-container{pointer-events:none;z-index:50;justify-content:center;width:100%;display:flex;position:absolute;bottom:10%;left:0}.lyric-text{font-family:var(--font-lyrics);text-align:center;color:var(--ui-active);text-shadow:0 0 10px #6366f180;width:100%;font-size:2rem;font-weight:700;transition:letter-spacing 2s ease-out}.lyric-ink-bleed{filter:blur(8px)contrast(3);animation:1s ease-out forwards inkBleedRevealer}@keyframes inkBleedRevealer{to{filter:blur()contrast()}}.gallery-container{z-index:10;pointer-events:none;perspective:1000px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orbit-scroller{pointer-events:auto;perspective:1200px;width:100%;height:100%;transform-style:preserve-3d;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.social-node{background-color:var(--ui-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;isolation:isolate;width:5rem;height:5rem;transform-style:preserve-3d;border:1px solid #6366f166;border-radius:1rem;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,background-color .2s,transform .1s;display:flex;position:absolute;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem)}.node-label{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700;position:absolute;bottom:-2rem}.social-node-ghost{pointer-events:none;z-index:5;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex;position:absolute;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem)}.discord-profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2.5rem;align-items:center;gap:1.5rem;min-width:320px;padding:1.25rem 2rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.card-avatar-section{flex-shrink:0;width:5rem;height:5rem;position:relative}.card-avatar{object-fit:cover;background:var(--bg-void);border-radius:50%;width:100%;height:100%}.card-status-dot{border:3px solid #ffffff1a;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;bottom:.25rem;right:.25rem}.card-info-section{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.card-header{align-items:center;gap:.75rem;display:flex}.card-username{font-family:var(--font-tech);color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.card-badges{gap:.5rem;display:flex}.card-status-text{color:#fff9;letter-spacing:.01em;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}.badge-arc{filter:drop-shadow(0 0 5px #ffffff4d);font-size:1.2rem}.boot-overlay{z-index:100;background-color:var(--bg-void);color:var(--accent-indigo);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.binary-rain{pointer-events:none;opacity:.2;position:absolute;inset:0}.boot-title{font-family:var(--font-tech);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px var(--accent-indigo);font-size:2rem}.boot-subtitle{color:var(--text-muted);font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;margin-top:2rem;font-size:.875rem}.scanlines{pointer-events:none;z-index:999;mix-blend-mode:overlay;opacity:.5;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;animation:10s linear infinite scan;position:absolute;inset:0}@keyframes scan{0%{background-position:0 0}to{background-position:0 100vh}}.tv-shutdown{z-index:9999;pointer-events:none;background-color:#fff;animation:.5s cubic-bezier(.1,.9,.2,1) forwards tvOff;position:absolute;inset:0}@keyframes tvOff{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scaleY(.01)}90%{opacity:.5;transform:scale(.01)}to{opacity:0;display:none;transform:scale(0)}}.post-process-wrapper{width:100vw;height:100vh;transition:filter .1s,transform .1s;position:relative}.vignette-overlay{pointer-events:none;z-index:50;transition:all 2s ease-in-out;position:absolute;inset:0}.canvas-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.void-grid{background-image:linear-gradient(var(--accent-indigo) 1px, transparent 1px), linear-gradient(90deg, var(--accent-indigo) 1px, transparent 1px);opacity:.05;transform-origin:50%;pointer-events:none;z-index:0;background-size:50px 50px;transition:opacity 2s,background-image 2s;position:absolute;inset:-50%;transform:perspective(600px)rotateX(60deg)scale(2)}.volume-control{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.75;background:#ffffff14;border:1px solid #6366f159;border-radius:.75rem;padding:.6rem .75rem;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;bottom:1rem;right:1rem}.volume-control:hover{opacity:1;transform:translateY(-1px)}.volume-control input[type=range]{width:160px;accent-color:var(--accent-indigo)}