@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Space+Mono&display=swap";:root{--bg-deep: #000305;--bg-night: #000a0d;--matrix-green: #2dff90;--matrix-green-dim: rgba(45, 255, 144, .08);--text-primary: #f2fff4;--text-muted: #7da68c;--border-muted: rgba(45, 255, 144, .25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Space Mono,Segoe UI,sans-serif;color:var(--text-primary);background-color:var(--bg-deep)}.app-shell{min-height:100vh;position:relative;background:radial-gradient(circle at top,rgba(45,255,144,.04),transparent 45%),radial-gradient(circle at bottom,rgba(0,122,86,.15),transparent 55%),linear-gradient(160deg,var(--bg-deep),var(--bg-night))}.nav-bar{position:fixed;left:0;width:100%;z-index:2;pointer-events:none}.nav-bar--top{top:0}.nav-bar--bottom{bottom:0}.nav-shell{width:100%;margin:0;padding:clamp(12px,2vw,18px) clamp(24px,5vw,48px);border-radius:0;border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);background:linear-gradient(120deg,#000f09eb,#001812b3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 45px #0000008c;pointer-events:auto}.nav-content{display:flex;align-items:center;gap:clamp(12px,2vw,32px)}.nav-brand{display:flex;align-items:center;gap:12px}.logo-mark{width:42px;height:42px;border-radius:12px;border:1px solid rgba(45,255,144,.35);background:radial-gradient(circle at 25% 25%,#2dff904d,#00140cf2);font-weight:600;letter-spacing:.1rem;color:var(--matrix-green);display:flex;align-items:center;justify-content:center;text-transform:uppercase}.brand-text{font-weight:600;letter-spacing:.25rem;text-transform:uppercase;color:var(--text-primary)}.nav-page{flex:1;text-align:center;font-size:clamp(.9rem,1.2vw,1.2rem);letter-spacing:.35rem;text-transform:uppercase;color:var(--text-muted)}.nav-controls{min-width:220px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.nav-loading{font-size:.85rem;letter-spacing:.2rem;text-transform:uppercase;color:var(--text-muted)}.discord-button,.ghost-button{border-radius:999px;padding:10px 20px;font-size:.95rem;text-transform:uppercase;letter-spacing:.15rem;border:1px solid rgba(45,255,144,.4);background:transparent;color:var(--text-primary);cursor:pointer;transition:background .2s ease,color .2s ease}.discord-button{background:linear-gradient(120deg,#2dff9033,#003c24cc)}.discord-button:hover{background:linear-gradient(120deg,#2dff9059,#005030e6)}.ghost-button:hover{background:#2dff9026}.nav-auth{display:flex;align-items:center;gap:14px}.profile-chip{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;border:1px solid rgba(45,255,144,.25);background:#000e0ad9}.profile-avatar{width:36px;height:36px;border-radius:50%;background:#2dff9033;border:1px solid rgba(45,255,144,.35);font-weight:600;display:flex;align-items:center;justify-content:center}.profile-meta{display:flex;flex-direction:column;font-size:.85rem;line-height:1.2}.profile-name{color:var(--text-primary);letter-spacing:.05rem}.profile-tag{color:var(--text-muted);letter-spacing:.2rem;font-size:.75rem}.nav-placeholder{font-size:clamp(.9rem,1.2vw,1.05rem);text-transform:uppercase;letter-spacing:.3rem;color:var(--text-muted);text-align:center}.background-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.glow{position:absolute;width:65vw;height:65vw;filter:blur(90px);opacity:.65;transform:translate(-50%,-50%)}.glow-primary{top:-5%;left:25%;background:radial-gradient(circle,rgba(25,255,173,.55),transparent 65%)}.glow-secondary{bottom:-15%;right:-5%;background:radial-gradient(circle,rgba(0,122,86,.5),transparent 70%)}.matrix-grid{position:absolute;top:-35%;right:-15%;bottom:-35%;left:-15%;background-image:linear-gradient(var(--matrix-green-dim) 1px,transparent 1px),linear-gradient(90deg,var(--matrix-green-dim) 1px,transparent 1px);background-size:140px 140px;transform:perspective(900px) rotateX(65deg) translateY(8%);mix-blend-mode:screen;opacity:.35}.matrix-cells{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--columns, 20),1fr);grid-template-rows:repeat(var(--rows, 12),1fr);gap:0;pointer-events:none}.matrix-cell{font-family:Space Mono,monospace;font-size:clamp(.6rem,.9vw,1rem);color:var(--matrix-green);letter-spacing:.05rem;line-height:1;border:1px solid rgba(45,255,144,.08);background:#000a06f2;display:flex;align-items:center;justify-content:center}.matrix-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(45,255,144,.2) 1px,transparent 1px);background-size:220px 220px;opacity:.25}.texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"%3E%3Crect width="160" height="160" fill="rgba(0,0,0,0)"/%3E%3Ccircle cx="15" cy="25" r="1" fill="rgba(45,255,144,0.35)"/%3E%3Ccircle cx="90" cy="120" r="1" fill="rgba(45,255,144,0.2)"/%3E%3Ccircle cx="140" cy="70" r="1" fill="rgba(45,255,144,0.28)"/%3E%3C/svg%3E');opacity:.2;mix-blend-mode:screen}.canvas{position:relative;z-index:1;min-height:100vh;padding:clamp(56px,8vw,120px);display:flex;align-items:center;justify-content:center}.placeholder{border:1px solid var(--border-muted);border-radius:24px;padding:clamp(24px,4vw,48px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#000504b3;box-shadow:0 25px 120px #000000a6;text-align:center;max-width:640px}.placeholder p{margin:0;font-size:clamp(1.1rem,1.8vw,1.45rem);color:var(--text-muted)}