@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg-dark:#050505;--bg-sidebar:#050505e6;--matrix-green:#0f0;--matrix-dark-green:#030;--cyber-border:#0f0;--text-main:#e0e0e0;--text-muted:#666;--success:#0f0;--warning:#ffb800;--info:#00e5ff;--danger:#ff003c;--font-family:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);background-image:linear-gradient(#00ff0008 1px,#0000 1px),linear-gradient(90deg,#00ff0008 1px,#0000 1px);background-size:20px 20px;height:100vh;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.3;background:repeating-linear-gradient(0deg,#0000 0,#00ff001a 1px,#0000 2px);width:100%;height:100%;position:absolute;top:0;left:0}.genesis-workspace{z-index:1;width:100vw;height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--matrix-dark-green);z-index:10;flex-direction:column;width:280px;padding:1.5rem;display:flex;box-shadow:2px 0 15px #00ff001a}.brand{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.genesis-logo-small{border:1px solid var(--matrix-green);width:32px;height:32px;box-shadow:0 0 10px var(--matrix-green);background:#000}.brand h2{color:var(--matrix-green);text-transform:uppercase;letter-spacing:2px}.xp-container{border:1px solid var(--matrix-dark-green);background:#00ff000d;margin-bottom:2rem;padding:1rem}.level-header{color:var(--matrix-green);justify-content:space-between;margin-bottom:.5rem;display:flex}.xp-bar{background:#111;border:1px solid #333;height:6px}.xp-fill{background:var(--matrix-green);height:100%;box-shadow:0 0 5px var(--matrix-green);transition:width .5s}.nav-menu{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.nav-item{color:var(--text-muted);font-family:var(--font-family);text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:1rem;padding:.875rem 1rem;font-size:1rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);border-left:1px solid var(--matrix-green)}.nav-item.active{color:var(--matrix-green);border:1px solid var(--matrix-green);background:#00ff001a;box-shadow:inset 0 0 10px #0f03}.workspace-main{flex-grow:1;padding:2rem 3rem;overflow-y:auto}.main-layout{gap:2rem;height:100%;display:flex}.app-content-area{flex-grow:1}.quests-panel{flex-direction:column;flex-shrink:0;gap:1rem;width:300px;display:flex}.quests-title{color:var(--warning);text-transform:uppercase;border-bottom:1px solid var(--warning);margin-bottom:.5rem;padding-bottom:.5rem}.quests-list{flex-direction:column;gap:1rem;display:flex}.quest-card{background:#00000080;border:1px solid #444;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.quest-card h4{color:var(--info)}.quest-card p{color:var(--text-muted);font-size:.85rem}.quest-reward{color:var(--matrix-green);align-self:flex-end;font-weight:700}.quest-card.completed{border-color:var(--matrix-green);opacity:.7}.quest-card.completed h4{color:var(--matrix-green)}.quest-timer{text-align:center;color:var(--text-muted);border-top:1px dashed #444;margin-top:auto;padding-top:1rem;font-size:.8rem}.app-container{flex-direction:column;gap:2rem;height:100%;animation:.1s infinite crtFlicker;display:flex}@keyframes crtFlicker{0%{opacity:.98}50%{opacity:1}to{opacity:.99}}.app-header h1{color:var(--matrix-green);text-transform:uppercase;text-shadow:0 0 10px #00ff0080;font-size:2.5rem}.subtitle{color:var(--text-muted)}.glass-card{border:1px solid var(--matrix-dark-green);background:#000c;padding:1.5rem;transition:all .3s;position:relative}.glass-card:hover{border-color:var(--matrix-green);transform:translateY(-2px);box-shadow:0 4px 15px #00ff001a}.glass-card:before{content:"";border-top:2px solid var(--matrix-green);border-left:2px solid var(--matrix-green);width:10px;height:10px;position:absolute;top:-1px;left:-1px}.glass-card:after{content:"";border-bottom:2px solid var(--matrix-green);border-right:2px solid var(--matrix-green);width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.metric-card-large{flex-direction:column;gap:1rem;display:flex}.live-badge{color:var(--danger);border:1px solid var(--danger);padding:.1rem .5rem;animation:1s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.metric-primary{color:var(--matrix-green);font-size:3.5rem}.progress-track{background:#111;border:1px solid #333;width:100%;height:6px}.progress-fill{height:100%;transition:width .5s ease-in-out}.progress-fill.success{background:var(--success);box-shadow:0 0 5px var(--success)}.progress-fill.warning{background:var(--warning);box-shadow:0 0 5px var(--warning)}.progress-fill.info{background:var(--info);box-shadow:0 0 5px var(--info)}.progress-fill.danger{background:var(--danger);box-shadow:0 0 5px var(--danger)}.btn-primary{color:var(--matrix-green);border:1px solid var(--matrix-green);font-family:var(--font-family);text-transform:uppercase;cursor:pointer;background:0 0;padding:.5rem 1.5rem;transition:all .2s}.btn-primary:hover{background:var(--matrix-green);color:#000;box-shadow:0 0 15px var(--matrix-green)}.btn-install{color:var(--text-main);font-family:var(--font-family);cursor:pointer;background:0 0;border:1px solid #444;margin-top:auto;padding:.5rem}.btn-install:hover:not(:disabled){border-color:var(--matrix-green);color:var(--matrix-green)}.success-card{border-color:var(--success);box-shadow:0 0 30px #0f03}.success-text{color:var(--success);text-shadow:0 0 10px #00ff0080}.xp-gain{color:var(--warning);margin-top:1rem;font-size:1.2rem;font-weight:700;animation:.5s ease-out slideUp}.decryption-effect{position:relative;overflow:hidden}.matrix-rain-local{opacity:.3;z-index:0;background:repeating-linear-gradient(0deg,#0000 0,#0f03 2px,#0000 4px);animation:2s linear infinite slideDown;position:absolute;inset:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.decryption-effect *{z-index:1;position:relative}.animate-fill{width:0%;animation:2.5s ease-in-out forwards fillBar}@keyframes fillBar{0%{width:0%}to{width:100%}}.entropy-stats{justify-content:space-around;margin:2rem 0;display:flex}.stat-box{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.stat-value{font-size:2rem;font-weight:700}.mt-4{margin-top:1rem}.chat-history{flex-direction:column;flex-grow:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.skills-app{flex-direction:column;display:flex}.skills-layout{gap:2rem;height:100%;display:flex}.skill-tabs{flex-direction:column;gap:.5rem;width:250px;display:flex}.skill-tab-btn{color:var(--text-muted);text-align:left;cursor:pointer;font-family:var(--font-family);text-transform:uppercase;background:#00000080;border:1px solid #444;padding:1rem;transition:all .2s}.skill-tab-btn:hover{border-color:var(--matrix-green);color:var(--text-main)}.skill-tab-btn.active{border-color:var(--matrix-green);color:var(--matrix-green);background:#00ff001a;box-shadow:inset 0 0 10px #0f03}.skill-content{flex-direction:column;flex-grow:1;gap:2rem;display:flex}.skill-category-header{border-bottom:1px solid var(--matrix-dark-green);padding-bottom:1rem}.skill-category-header h2{color:var(--matrix-green);margin-bottom:.5rem;font-size:2rem}.user-title{color:var(--info);font-size:1.2rem}.category-level{color:var(--text-muted)}.skill-nodes{flex-direction:column;gap:1.5rem;padding-right:1rem;display:flex;overflow-y:auto}.skill-node{background:#0009;border:1px solid #444;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative}.skill-node.maxed{border-color:var(--warning);box-shadow:0 0 15px #ffb8001a}.skill-info h4{color:var(--text-main);margin-bottom:.5rem;font-size:1.2rem}.skill-node.maxed .skill-info h4{color:var(--warning)}.skill-info p{color:var(--text-muted);font-size:.9rem}.skill-status{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.skill-level{color:var(--matrix-green);font-weight:700}.max-label{color:var(--warning);letter-spacing:2px;font-weight:700}.btn-primary.training{background:#0f03;animation:1.5s infinite pulse}.training-progress-bar{background:0 0;width:100%;height:4px;position:absolute;bottom:0;left:0}.training-fill{background:var(--matrix-green);height:100%;box-shadow:0 0 10px var(--matrix-green);transition:width 1s linear}.faction-card{flex-direction:column;gap:.5rem;display:flex}.leaderboard-table{border-collapse:collapse;width:100%;margin-top:1rem}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #333;padding:1rem}.leaderboard-table th{color:var(--matrix-green);text-transform:uppercase}.leaderboard-table tr.highlight-row{border-left:3px solid var(--matrix-green);background:#00ff001a}.highlight-row td{color:var(--matrix-green);font-weight:700}.urgent-quest{box-shadow:0 0 10px #ff003c33;border-color:var(--danger)!important}.urgent-quest h4{color:var(--danger)!important}.social-drawer{border-left:1px solid var(--matrix-dark-green);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;width:350px;height:100vh;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-350px;box-shadow:-5px 0 20px #00ff001a}.social-drawer.open{right:0}.drawer-toggle{background:var(--matrix-dark-green);border:1px solid var(--matrix-green);cursor:pointer;width:30px;height:60px;color:var(--matrix-green);border-right:none;border-radius:5px 0 0 5px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.drawer-content{flex-direction:column;width:100%;padding:1.5rem;display:flex}.drawer-header{margin-bottom:1.5rem}.social-tabs{border-bottom:1px solid #333;gap:1rem;margin-top:1rem;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-family);text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem}.tab-btn.active{color:var(--matrix-green);border-bottom:2px solid var(--matrix-green)}.friends-list{flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.friend-card{background:#00000080;border:1px solid #444;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.friend-card.online{border-color:var(--matrix-green)}.friend-card.offline{opacity:.5}.friend-header{align-items:center;gap:1rem;display:flex}.friend-avatar{background:#222;border-radius:50%;width:40px;height:40px;position:relative}.status-indicator{border:2px solid #000;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-indicator.online{background:var(--success);box-shadow:0 0 5px var(--success)}.status-indicator.offline{background:#666}.friend-info h4{color:var(--text-main);margin:0}.friend-level{color:var(--warning);margin-left:.5rem;font-size:.8rem}.friend-class{color:var(--info);margin:0;font-size:.8rem}.friend-activity{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.activity-icon{color:var(--matrix-green)}.btn-support{color:var(--warning);border:1px solid var(--warning);font-family:var(--font-family);cursor:pointer;background:0 0;margin-top:.5rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.btn-support:hover{background:var(--warning);color:#000}.network-tabs{gap:1rem;display:flex}.network-tabs .btn-primary{flex:1}.guild-stats-row{justify-content:space-around;margin-top:1rem;display:flex}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.class-identity-panel{border-bottom:1px dashed var(--matrix-dark-green);align-items:center;gap:2rem;padding-bottom:1.5rem;display:flex}.class-avatar{border:2px solid var(--matrix-green);background:#00ff000d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 0 20px #0f03}.class-icon{font-size:3rem;animation:2s infinite pulse}.class-details h3{color:var(--text-main);margin-bottom:.5rem}.message-bubble{gap:1rem;max-width:80%;display:flex}.message-bubble.user{flex-direction:row-reverse;align-self:flex-end}.msg-icon{border:1px solid var(--text-muted);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.message-bubble.genesis .msg-icon{border-color:var(--matrix-green);color:var(--matrix-green)}.msg-content{background:0 0;border:1px solid #333;padding:1rem}.message-bubble.genesis .msg-content{border-color:var(--matrix-dark-green);color:var(--matrix-green)}.chat-input-area{border-top:1px solid var(--matrix-dark-green);gap:1rem;padding:1.5rem;display:flex}.chat-input-area input{border:1px solid var(--matrix-green);color:var(--matrix-green);font-family:var(--font-family);background:#000;outline:none;flex-grow:1;padding:.5rem 1rem}.achievement-popup{border:1px solid var(--warning);color:var(--warning);z-index:1000;background:#000000e6;padding:1rem;animation:.3s ease-out slideUp;position:fixed;bottom:2rem;right:2rem;box-shadow:0 0 20px #ffb8004d}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.visual-guide-box{border:1px solid var(--info);background:#000;margin-top:1rem;padding:1rem}.visual-header{color:var(--info);text-transform:uppercase;margin-bottom:1rem}.node-box{border:1px solid var(--info);padding:.25rem .5rem}.profile-identity{align-items:center;gap:2rem;display:flex}.profile-avatar-large{border:2px solid var(--matrix-green);background:#00ff000d;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:4rem;display:flex;box-shadow:0 0 20px #0f03}.highlight-title{color:var(--warning);letter-spacing:1px;font-weight:700}.title-list{flex-direction:column;gap:.5rem;display:flex}.title-item{border:1px solid #333;justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:all .3s;display:flex}.title-item:hover{border-color:var(--matrix-green)}.title-item.active-title{border-color:var(--matrix-green);color:var(--matrix-green);background:#00ff001a}.title-item.locked{opacity:.5;filter:grayscale()}.btn-support.equipped{background:var(--matrix-green);color:#000;border-color:var(--matrix-green)}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.theme-btn{font-family:var(--font-family);cursor:pointer;text-transform:uppercase;background:#00000080;border:1px solid #444;align-items:center;gap:.8rem;padding:1rem;transition:all .3s;display:flex}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ff001a}.theme-btn.active{background:#ffffff1a;box-shadow:inset 0 0 10px}.theme-color-box{border:1px solid #fff;width:20px;height:20px}.achievements-list{flex-direction:column;gap:1rem;max-height:400px;display:flex;overflow-y:auto}.achievement-item{border-left:4px solid var(--warning);background:#0009;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.achievement-icon{font-size:2rem}.achievement-text strong{color:var(--warning);margin-bottom:.2rem;display:block}.achievement-text p{color:var(--text-muted);font-size:.9rem}.achievement-time{color:var(--text-muted);margin-left:auto;font-size:.8rem}.particles-overlay{pointer-events:none;z-index:10000;color:#fff;text-shadow:0 0 20px #0ff,0 0 40px #f0f;justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;animation:3s ease-in-out forwards glowFade;display:flex;position:absolute;top:0;left:0}@keyframes glowFade{0%{opacity:0;filter:blur(5px);transform:scale(.8)translateY(20px)}20%{opacity:1;filter:blur();transform:scale(1.1)translateY(-10px)}80%{opacity:1;filter:blur();transform:scale(1)translateY(-10px)}to{opacity:0;filter:blur(10px);transform:scale(1.5)translateY(-50px)}}