:root{--color-bg-primary:#0a0a1a;--color-bg-secondary:#0f0f2a;--color-bg-card:#0f0f2ad9;--color-bg-glass:#0f0f2a99;--color-bg-input:#141432cc;--color-cyan:#00f0ff;--color-cyan-dim:#00f0ff4d;--color-cyan-glow:#00f0ff26;--color-purple:#b000ff;--color-purple-dim:#b000ff4d;--color-purple-glow:#b000ff26;--color-magenta:#f0a;--color-gold:gold;--color-gold-dim:#ffd7004d;--color-green:#0f8;--color-green-dim:#00ff884d;--color-red:#f36;--color-red-dim:#ff33664d;--color-text-primary:#e8e8ff;--color-text-secondary:#c8c8f0b3;--color-text-dim:#a0a0c880;--gradient-primary:linear-gradient(135deg, #00f0ff, #b000ff);--gradient-gold:linear-gradient(135deg, gold, #ff8c00);--gradient-danger:linear-gradient(135deg, #f36, #f06);--gradient-bg:radial-gradient(ellipse at 20% 50%, #00f0ff0f 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #b000ff0f 0%, transparent 60%);--glass-bg:#0f0f2aa6;--glass-border:#00f0ff1f;--glass-blur:20px;--font-display:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--font-ui:"Inter", sans-serif;--text-xs:.7rem;--text-sm:.85rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:1.8rem;--text-3xl:2.4rem;--text-4xl:3.2rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:50%;--shadow-glow-cyan:0 0 20px #00f0ff4d, 0 0 40px #00f0ff1a;--shadow-glow-purple:0 0 20px #b000ff4d, 0 0 40px #b000ff1a;--shadow-glow-gold:0 0 20px #ffd7004d, 0 0 40px #ffd7001a;--shadow-card:0 8px 32px #0006;--shadow-elevated:0 16px 48px #00000080;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.8s;--z-base:1;--z-nav:100;--z-modal:500;--z-toast:600;--z-particles:-1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";background:var(--gradient-bg);pointer-events:none;z-index:0;position:fixed;inset:0}#app{z-index:var(--z-base);min-height:100vh;padding-bottom:80px;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-cyan-dim);border-radius:4px}::selection{background:var(--color-cyan-dim);color:var(--color-cyan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-cyan-dim)}50%{box-shadow:var(--shadow-glow-cyan)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:1}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes borderGlow{0%,to{border-color:var(--color-cyan-dim)}50%{border-color:var(--color-cyan)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes energyPulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.6;transform:scale(1)}}.page{animation:fadeIn .6s var(--ease-out) both;min-height:100vh;padding:var(--space-md)}.page-centered{min-height:100vh;padding:var(--space-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.hidden{display:none!important}.text-red,.text-danger{color:var(--color-red)!important}.text-green{color:var(--color-green)!important}.bg-danger{background:var(--color-red-dim)!important;border:1px solid var(--color-red)!important}@keyframes pulseRed{0%,to{box-shadow:0 0 5px #ff33664d}50%{box-shadow:0 0 20px #f369}}.pulse-danger{animation:2s ease-in-out infinite pulseRed}.scan-overlay:after{content:"";background:linear-gradient(90deg, transparent, var(--color-cyan-dim), transparent);pointer-events:none;z-index:9999;opacity:.3;height:2px;animation:4s linear infinite scanLine;position:fixed;top:0;left:0;right:0}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.btn{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;gap:var(--space-sm);border:none;padding:14px 32px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--duration-fast);background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff80,0 0 60px #00f0ff33}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--color-cyan);border:1px solid var(--color-cyan-dim);background:0 0}.btn-secondary:hover{background:var(--color-cyan-glow);border-color:var(--color-cyan);box-shadow:var(--shadow-glow-cyan)}.btn-gold{background:var(--gradient-gold);color:#000;box-shadow:var(--shadow-glow-gold)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffd70080}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 0 15px #ff33664d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 0 25px #f369}.btn-sm{font-size:var(--text-xs);padding:8px 18px}.btn-lg{font-size:var(--text-base);padding:18px 42px}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input-group{width:100%;margin-bottom:var(--space-md);position:relative}.input-group label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--color-cyan);margin-bottom:var(--space-sm);display:block}.input-group input,.input-group textarea,.input-group select{background:var(--color-bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--duration-fast);outline:none;padding:14px 18px;font-weight:500}.input-group input:focus,.input-group textarea:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px var(--color-cyan-glow), var(--shadow-glow-cyan)}.input-group input::placeholder{color:var(--color-text-dim)}.input-error{border-color:var(--color-red)!important}.input-success{border-color:var(--color-green)!important}.input-hint{font-size:var(--text-xs);margin-top:var(--space-xs);color:var(--color-text-dim)}.input-hint.error{color:var(--color-red)}.input-hint.success{color:var(--color-green)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-card)}.card:hover{border-color:var(--color-cyan-dim);box-shadow:var(--shadow-elevated), 0 0 20px var(--color-cyan-glow);transform:translateY(-3px)}.card-compact{padding:var(--space-md)}.badge{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.badge-cyan{background:var(--color-cyan-glow);color:var(--color-cyan);border:1px solid var(--color-cyan-dim)}.badge-gold{background:var(--color-gold-dim);color:var(--color-gold);border:1px solid #ffd70033}.badge-purple{background:var(--color-purple-glow);color:var(--color-purple);border:1px solid var(--color-purple-dim)}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);height:72px;z-index:var(--z-nav);padding:0 var(--space-sm);background:#0a0a1af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--color-text-dim);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;transition:all var(--duration-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:9px;text-decoration:none;display:flex;position:relative}.nav-item svg{width:24px;height:24px;transition:all var(--duration-fast)}.nav-item.active{color:var(--color-cyan)}.nav-item.active:after{content:"";background:var(--gradient-primary);border-radius:0 0 4px 4px;width:30px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.nav-item:hover{color:var(--color-cyan)}.loader{border:3px solid var(--color-cyan-dim);border-top-color:var(--color-cyan);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite rotate360}.loading-screen{background:var(--color-bg-primary);justify-content:center;align-items:center;gap:var(--space-lg);z-index:10000;flex-direction:column;display:flex;position:fixed;inset:0}.loading-screen .logo-text{font-family:var(--font-display);font-size:var(--text-3xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;animation:2s ease-in-out infinite pulseGlow}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);animation:slideDown .4s var(--ease-out) both;max-width:360px;box-shadow:var(--shadow-elevated);padding:14px 20px;font-weight:500}.toast-success{border:1px solid var(--color-green-dim);color:var(--color-green);background:#00ff8826}.toast-error{border:1px solid var(--color-red-dim);color:var(--color-red);background:#ff336626}.toast-info{border:1px solid var(--color-cyan-dim);color:var(--color-cyan);background:#00f0ff26}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-lg);background:#000000b3;justify-content:center;align-items:center;animation:.3s both fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:440px;max-height:85vh;animation:fadeInScale .4s var(--ease-bounce) both;box-shadow:var(--shadow-elevated), 0 0 40px #00f0ff1a;overflow-y:auto}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-md)}.progress-bar{background:var(--color-bg-input);border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:var(--gradient-primary);height:100%;transition:width .8s var(--ease-out);border-radius:4px;position:relative}.progress-fill:after{content:"";filter:blur(4px);background:#ffffff4d;width:20px;position:absolute;top:0;bottom:0;right:0}.avatar-circle{border-radius:var(--radius-full);border:2px solid var(--color-cyan-dim);background:var(--color-bg-secondary);justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.avatar-circle img,.avatar-circle svg{object-fit:cover;width:100%;height:100%}.section-header{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.section-header:before{content:"";background:var(--gradient-primary);border-radius:2px;width:4px;height:24px}.tabs{gap:var(--space-xs);background:var(--color-bg-input);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:4px;display:flex}.tab{text-align:center;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;flex:1;padding:10px 16px}.tab.active{background:var(--gradient-primary);color:#fff}.tab:hover:not(.active){color:var(--color-text-primary);background:#ffffff0d}.auth-page{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:relative}.auth-container{z-index:2;width:100%;max-width:420px;position:relative}.auth-logo{text-align:center;margin-bottom:var(--space-xl);opacity:0}.logo-ring{width:120px;height:120px;animation:6s ease-in-out infinite float;display:inline-block}.logo-svg{width:100%;height:100%}.auth-tagline{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:4px;color:var(--color-text-dim);margin-top:var(--space-md)}.auth-card{padding:var(--space-xl);opacity:0;position:relative}.auth-tabs{background:var(--color-bg-input);margin-bottom:var(--space-lg);border-radius:8px;display:flex;position:relative;overflow:hidden}.auth-tab{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:2px;color:var(--color-text-dim);cursor:pointer;z-index:2;transition:color var(--duration-fast);background:0 0;border:none;flex:1;padding:12px;position:relative}.auth-tab.active{color:#fff}.tab-slider{background:var(--gradient-primary);width:50%;height:100%;transition:transform var(--duration-normal) var(--ease-out);z-index:1;border-radius:8px;position:absolute;top:0;left:0}.auth-method-toggle{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.method-btn{background:var(--color-bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.method-btn.active{border-color:var(--color-cyan);color:var(--color-cyan);background:var(--color-cyan-glow)}.auth-submit{width:100%;margin-top:var(--space-md)}.auth-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--text-sm)}.auth-footer a{font-weight:600;text-decoration:none}.auth-notice{margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--color-text-dim);opacity:0;justify-content:center;align-items:center;gap:8px;display:flex}.avatar-page{padding-top:var(--space-xl)}.avatar-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:-12px;margin-bottom:var(--space-lg)}.gender-toggle{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.gender-btn{background:var(--color-bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-dim);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:1px;cursor:pointer;transition:all var(--duration-fast);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.gender-btn.active{border-color:var(--color-cyan);color:var(--color-cyan);background:var(--color-cyan-glow);box-shadow:var(--shadow-glow-cyan)}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}@media (width<=500px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}.avatar-option{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);background:var(--color-bg-input);border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.avatar-option:hover{border-color:var(--color-cyan-dim);transform:translateY(-2px)}.avatar-option.selected{border-color:var(--color-cyan);background:var(--color-cyan-glow);box-shadow:var(--shadow-glow-cyan)}.avatar-thumb{border-radius:var(--radius-full);width:56px;height:56px;overflow:hidden}.avatar-thumb svg{width:100%;height:100%}.avatar-label{color:var(--color-text-dim);font-size:.65rem;font-family:var(--font-display);letter-spacing:.5px}.avatar-preview-section{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg);align-items:center;gap:var(--space-lg);animation:.4s fadeIn;display:flex}.preview-avatar{width:80px;height:80px}.preview-avatar svg{width:100%;height:100%}.avatar-actions{margin-top:var(--space-xl);text-align:center}.avatar-actions .btn{width:100%}.clothing-preview{align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);display:flex}.preview-avatar-large{width:80px;height:80px}.preview-avatar-large svg{width:100%;height:100%}.equipped-info{flex-direction:column;gap:8px;display:flex}.rp-display{align-items:center;gap:6px;display:flex}.clothing-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.clothing-card{background:var(--color-bg-input);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex;position:relative}.clothing-card:hover{border-color:var(--color-cyan-dim);transform:translateY(-2px)}.clothing-card.equipped{border-color:var(--color-green);background:var(--color-green-dim)}.clothing-card.locked{opacity:.7}.clothing-card.locked:hover{opacity:1}.clothing-swatch{border-radius:var(--radius-sm);opacity:.8;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.clothing-name{text-align:center;color:var(--color-text-secondary);font-size:.65rem}.lock-badge{background:var(--color-gold-dim);color:var(--color-gold);font-size:.55rem;font-family:var(--font-display);border-radius:8px;padding:2px 6px;position:absolute;top:4px;right:4px}.equipped-badge{color:var(--color-green);font-size:.8rem;position:absolute;top:4px;right:4px}.frame-tabs{margin-bottom:var(--space-md);gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.frame-tab{background:var(--color-bg-input);border:1px solid var(--glass-border);color:var(--color-text-dim);font-family:var(--font-display);letter-spacing:1px;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast);border-radius:20px;padding:6px 14px;font-size:.6rem}.frame-tab.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.aura-display{margin:var(--space-xl) 0;flex-direction:column;align-items:center;display:flex}.aura-rings{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.aura-ring{border-radius:var(--radius-full);border:2px solid;animation:3s ease-in-out infinite energyPulse;position:absolute}.aura-avatar{z-index:5;width:120px;height:120px;animation:6s ease-in-out infinite float;position:relative}.aura-avatar svg{width:100%;height:100%}.aura-level-badge{margin-top:var(--space-lg);text-align:center}.aura-level-badge .level-number{font-family:var(--font-display);font-size:var(--text-4xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;display:block}.aura-level-badge .level-label{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:4px;color:var(--color-text-dim)}.stat-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stat-row:last-of-type{border:none}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-value{font-family:var(--font-display);font-weight:700;font-size:var(--text-base)}.tier-list{flex-direction:column;gap:8px;display:flex}.tier-item{border-radius:var(--radius-sm);background:var(--color-bg-input);transition:all var(--duration-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.tier-item.achieved{background:#00f0ff0d}.tier-item.current{border:1px solid var(--color-cyan-dim);background:#00f0ff1a}.tier-level{border-radius:var(--radius-full);width:32px;height:32px;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tier-info{flex:1}.tier-name{font-size:var(--text-sm);font-weight:600;display:block}.tier-req{font-size:var(--text-xs);color:var(--color-text-dim)}.tier-check{color:var(--color-green);font-size:1.2em}.gate-page{background:var(--color-bg-primary);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.gate-canvas{width:100%;height:100%;position:absolute;inset:0}.gate-structure{z-index:2;flex-direction:column;align-items:center;width:320px;height:500px;display:flex;position:relative}.gate-pillar{width:30px;height:300px;position:absolute;bottom:60px}.gate-pillar.left{left:0}.gate-pillar.right{right:0}.pillar-body{background:linear-gradient(180deg, var(--color-cyan-dim) 0%, var(--color-bg-secondary) 100%);border:1px solid var(--color-cyan-dim);border-radius:4px 4px 0 0;width:100%;height:100%}.pillar-crystal{background:var(--gradient-primary);width:20px;height:20px;box-shadow:var(--shadow-glow-cyan);margin:0 auto;animation:2s ease-in-out infinite pulseGlow;transform:rotate(45deg)}.gate-arch{text-align:center;width:300px;margin-top:20px;position:relative}.gate-title{text-align:center;width:100%;position:absolute;top:15px}.gate-text{font-family:var(--font-display);color:var(--color-cyan);letter-spacing:6px;font-size:1.4rem;font-weight:700}.gate-text-x{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:900}.gate-energy{justify-content:center;align-items:center;width:260px;height:200px;transition:all 1s;display:flex;position:absolute;top:100px}.energy-line{background:linear-gradient(90deg, transparent, var(--color-cyan), transparent);opacity:.5;width:100%;height:2px;animation:2s infinite shimmer;position:absolute}.energy-line:first-child{top:30%}.energy-line:nth-child(2){animation-delay:.7s;top:50%}.energy-line:nth-child(3){animation-delay:1.4s;top:70%}.gate-energy.open .energy-line{opacity:0;transition:all .8s;transform:scaleX(0)}.gate-avatar{z-index:10;opacity:1;width:60px;height:70px;transition:all 2s var(--ease-out);position:absolute;bottom:80px}.gate-avatar.walking{opacity:0;bottom:300px;transform:scale(.5)}.avatar-walk-container,.avatar-walk-container svg{width:100%;height:100%}.avatar-shadow{filter:blur(3px);background:#00f0ff33;border-radius:50%;width:40px;height:8px;margin:4px auto 0}.gate-enter{text-align:center;transition:all .5s;position:absolute;bottom:0}.gate-hero-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-cyan);margin-top:12px;font-weight:700}.gate-page.flash{animation:.8s ease-out forwards flashWhite}@keyframes flashWhite{0%{filter:brightness()}30%{filter:brightness(3)}to{filter:brightness();opacity:0}}.library-header{margin-bottom:var(--space-lg)}.lib-nameplate{align-items:center;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);display:flex}.nameplate-avatar{flex-shrink:0;width:60px;height:60px}.nameplate-avatar svg{width:100%;height:100%}.nameplate-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:6px;font-weight:800}.add-book-section{text-align:center;margin-bottom:var(--space-lg)}.bookshelf{perspective:600px}.shelf-row{align-items:flex-end;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.shelf-board{border-top:2px solid var(--color-cyan-dim);background:linear-gradient(#00f0ff1a,#00f0ff08);border-radius:0 0 4px 4px;height:12px;margin-top:-2px}.book-spine{background:linear-gradient(180deg, var(--book-color) 0%, color-mix(in srgb, var(--book-color) 60%, black) 100%);cursor:pointer;width:45px;min-height:160px;transition:all var(--duration-fast);animation:slideUp .6s var(--ease-out) both;border-radius:3px;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 4px;display:flex;position:relative}.book-spine:hover{transform:translateY(-8px)rotateY(-5deg);box-shadow:5px 5px 20px #0006}.spine-decoration{background:#ffffff4d;width:30px;height:2px;margin-bottom:8px}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);letter-spacing:1px;color:#ffffffe6;text-overflow:ellipsis;flex:1;font-size:.5rem;overflow:hidden}.spine-rp{font-family:var(--font-display);text-align:center;color:#ffffffb3;font-size:.5rem}.spine-lock{font-size:.5rem;position:absolute;top:6px}.book-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.book-card{cursor:pointer;padding:var(--space-md)}.book-card-cover{border-radius:var(--radius-sm);background:var(--color-bg-input);justify-content:center;align-items:center;height:120px;margin-bottom:8px;display:flex;overflow:hidden}.book-card-cover img{object-fit:cover;width:100%;height:100%}.book-card-info h4{font-family:var(--font-display);font-size:var(--text-sm);margin-bottom:4px;font-weight:700}.upload-area{padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-lg);text-align:center;cursor:pointer;border:2px dashed var(--color-cyan-dim);transition:all var(--duration-fast)}.upload-area:hover,.upload-area.drag-over{border-color:var(--color-cyan);background:var(--color-cyan-glow)}.upload-icon{margin-bottom:var(--space-md);animation:3s ease-in-out infinite float}.feed-header{padding:var(--space-md) 0;margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.rp-mini{background:var(--color-bg-input);border:1px solid var(--color-gold-dim);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;display:flex}.feed-stats{margin-bottom:var(--space-lg);gap:10px;display:flex}.stat-pill{text-align:center;border-radius:var(--radius-md);flex:1;padding:12px 8px}.stat-pill-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;display:block}.stat-pill-label{font-size:var(--text-xs);color:var(--color-text-dim);font-family:var(--font-display);letter-spacing:1px}.feed-card{animation:slideUp .5s var(--ease-out) both}.feed-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-username{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.post-time{font-size:var(--text-xs);color:var(--color-text-dim)}.post-location{font-size:var(--text-xs);color:var(--color-text-dim);align-items:center;gap:4px;display:flex}.post-title{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:6px;font-weight:700}.post-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.feed-card-actions{border-top:1px solid #ffffff0d;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.appreciate-btn,.action-btn{background:var(--color-bg-input);border:1px solid var(--glass-border);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast);border-radius:20px;align-items:center;gap:6px;padding:8px 14px;display:flex}.appreciate-btn:hover,.appreciate-btn.appreciated{background:var(--color-gold-dim);border-color:var(--color-gold);color:var(--color-gold)}.action-btn:hover{background:var(--color-cyan-glow);border-color:var(--color-cyan-dim);color:var(--color-cyan)}.wallet-balance{padding:var(--space-xl);border-radius:var(--radius-xl);text-align:center}.balance-top{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.balance-amount{justify-content:center;align-items:center;gap:8px;display:flex}.wallet-actions{margin-top:var(--space-lg);justify-content:center;gap:12px;display:flex}.ultra-avatar-wrap{border:2px solid var(--color-cyan);width:100%;height:100%;box-shadow:0 0 20px var(--color-cyan-dim);border-radius:50%;position:relative;overflow:hidden}.ultra-option{position:relative}.ultra-option .ultra-badge{background:var(--gradient-gold);color:#000;font-family:var(--font-display);z-index:10;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:900;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #00000080}.ultra-preview.preview-section{border-color:var(--color-gold);box-shadow:0 0 30px #ffd70033}.ultra-card{border:1px solid var(--color-gold-dim)!important;background:linear-gradient(135deg,#ffd7001a,#0006)!important}.ultra-card .ultra-indicator{color:var(--color-gold);letter-spacing:1px;font-size:8px;font-weight:800;position:absolute;top:8px;left:8px}@keyframes ultraGlow{0%,to{filter:drop-shadow(0 0 5px var(--color-cyan))}50%{filter:drop-shadow(0 0 15px var(--color-cyan))}}.legal-page{min-height:100vh;padding:80px 20px}.legal-container{border-radius:24px;flex-direction:column;gap:30px;max-width:800px;margin:0 auto;padding:30px;display:flex}.legal-nav{border-bottom:1px solid var(--color-border);gap:10px;padding-bottom:15px;display:flex;overflow-x:auto}.ln-btn{color:var(--color-text-dim);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:.8rem;transition:all .3s}.ln-btn.active{color:var(--color-cyan);border-bottom:2px solid var(--color-cyan)}.legal-content h2{margin-top:0;margin-bottom:20px}.legal-content h3{margin-top:30px;margin-bottom:10px}.legal-content p{color:var(--color-text-secondary);line-height:1.6}.legal-content ul{color:var(--color-text-secondary);padding-left:20px}.legal-content li{margin-bottom:10px}.contact-card{border-radius:16px;margin-top:20px;padding:24px}.contact-header{align-items:center;gap:15px;display:flex}.contact-avatar{background:var(--gradient-primary);width:48px;height:48px;font-family:var(--font-display);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.contact-item{align-items:center;gap:12px;font-size:.95rem;display:flex}.legal-alert{border-radius:12px;padding:16px}.profile-links{flex-direction:column;gap:8px;display:flex}.profile-link{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--duration-fast);border:none;align-items:center;gap:14px;padding:14px 16px;display:flex}.profile-link:hover{background:var(--color-cyan-glow);border-color:var(--color-cyan-dim)}.link-icon{font-size:1.4em}.link-info{flex-direction:column;flex:1;display:flex}.link-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.link-desc{font-size:var(--text-xs);color:var(--color-text-dim)}.gate-page{perspective:1200px;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.gate-perspective-container{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.gate-structure-3d{width:600px;height:800px;transform-style:preserve-3d;transition:transform 1.5s var(--ease-out);position:relative;transform:rotateX(15deg)translateY(-50px)}.gate-structure-3d.entering{transform:rotateX(0)translateZ(1200px)translateY(0)}.grid-bg-3d{opacity:.4;background-image:linear-gradient(#00f0ff1a 1.5px,#0000 1.5px),linear-gradient(90deg,#00f0ff1a 1.5px,#0000 1.5px);background-size:80px 80px;position:absolute;inset:-300px;transform:rotateX(80deg)translateZ(-500px);-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 80%);mask-image:radial-gradient(circle,#000 20%,#0000 80%)}.vortex-bg{opacity:.3;background:radial-gradient(circle,#b000ff40 0%,#0000 70%);animation:5s ease-in-out infinite alternate vortexPulse;position:absolute;inset:0}@keyframes vortexPulse{0%{opacity:.15;transform:scale(1)rotate(0)}to{opacity:.4;transform:scale(1.6)rotate(10deg)}}.gate-frame{pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.gate-column{border:1px solid var(--color-cyan-glow);width:44px;height:750px;box-shadow:0 0 40px var(--color-cyan-glow);background:linear-gradient(#2a2a2a,#020202);position:absolute;bottom:0}.gate-column.left{left:40px;transform:translateZ(60px)rotateY(45deg)}.gate-column.right{right:40px;transform:translateZ(60px)rotateY(-45deg)}.gate-header-beam{background:linear-gradient(90deg, transparent, var(--color-cyan), transparent);height:15px;box-shadow:0 0 60px var(--color-cyan), 0 0 100px var(--color-cyan-glow);position:absolute;top:80px;left:40px;right:40px;transform:translateZ(120px)}.gate-core{background:#00f0ff0a;border:1px solid #00f0ff1a;border-radius:50%/15%;height:550px;transition:all 1.2s cubic-bezier(.4,0,.2,1);position:absolute;top:150px;left:100px;right:100px;overflow:hidden;transform:translateZ(-80px);-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.gate-core.open{box-shadow:0 0 150px var(--color-cyan-glow), inset 0 0 50px var(--color-cyan);background:#00f0ff4d;transform:translateZ(100px)scale(1.3)}.core-layer{border:1.5px solid var(--color-cyan);opacity:.25;border-radius:50%;animation:15s linear infinite coreRotate;position:absolute;inset:0}.core-layer.layer-2{border-color:var(--color-purple);animation-duration:12s;animation-direction:reverse;transform:scale(.9)}.core-layer.layer-3{border-style:dashed;animation-duration:25s;transform:scale(.7)}@keyframes coreRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-scanline{background:linear-gradient(#0000,#00f0ff80,#0000);height:200px;animation:3.5s linear infinite scanline;position:absolute;top:-100%;left:0;right:0}.gate-avatar-3d{filter:drop-shadow(0 0 20px #00f0ff4d);width:220px;height:380px;transition:all 2.5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:120px;left:50%;transform:translate(-50%)translateZ(180px)}.gate-avatar-3d.walking{opacity:0;filter:brightness(3)blur(5px);transform:translate(-50%)translateZ(1200px)translateY(-150px)}.avatar-perspective-wrapper{justify-content:center;align-items:flex-end;height:100%;animation:4s ease-in-out infinite floatingHero;display:flex}@keyframes floatingHero{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-20px)rotateY(5deg)}}.hero-realistic-image{object-fit:contain;width:100%;height:auto;max-height:100%;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.gate-ui-overlay{text-align:center;z-index:200;transition:all .6s var(--ease-out);position:absolute;bottom:40px;left:50%;transform:translate(-50%)translateZ(400px)}.hero-status-card{background:#000810e6;border:1px solid #00f0ff4d;border-radius:16px;margin-bottom:40px;padding:24px 40px;box-shadow:0 10px 40px #000c,0 0 20px #00f0ff1a}.status-pulse{background:var(--color-cyan);width:8px;height:8px;box-shadow:0 0 15px var(--color-cyan);border-radius:50%;animation:1.5s infinite pulse}.hero-name-gradient{background:linear-gradient(to right, #fff, var(--color-cyan), #fff);-webkit-text-fill-color:transparent;text-transform:uppercase;background-size:200%;-webkit-background-clip:text;margin:12px 0;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:950;animation:4s linear infinite shine}@keyframes shine{to{background-position:200%}}.gate-action-btn{border:2px solid var(--color-cyan);color:var(--color-cyan);cursor:pointer;letter-spacing:4px;clip-path:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);background:#00f0ff0d;padding:20px 56px;font-family:Orbitron;font-size:1.2rem;font-weight:900;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 0 20px #00f0ff1a}.gate-action-btn:hover{background:var(--color-cyan);color:#000;box-shadow:0 0 60px var(--color-cyan-glow);transform:scale(1.1)translateY(-5px)}.gate-page.flash:after{content:"";z-index:1000;background:#fff;animation:1.5s cubic-bezier(.4,0,.2,1) forwards flashOut;position:fixed;inset:0}