:root{--bg-color:#050505;--primary:#00ff41;--primary-glow:#00ff4188;--secondary:#008f11;--dark:#003b00;--text-main:#00ff41;--text-dim:#008f11;--panel-bg:#00140099;--border-color:#00ff414d;--font-hacker:"Fira Code", monospace;--font-pixel:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-hacker);width:100vw;height:100vh;overflow:hidden}#matrix-canvas{z-index:-3;opacity:.3;width:100%;height:100%;position:fixed;top:0;left:0}.grid-floor{background-image:linear-gradient(var(--dark) 1px, transparent 1px), linear-gradient(90deg, var(--dark) 1px, transparent 1px);z-index:-2;opacity:.5;background-size:50px 50px;width:200%;height:200%;animation:20s linear infinite gridMove;position:fixed;bottom:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)}}#app{z-index:1;flex-direction:column;height:100vh;padding:1rem;display:flex;position:relative;overflow-y:auto}.header{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex;box-shadow:0 0 20px #00ff411a}.logo{font-family:var(--font-pixel);text-shadow:0 0 10px var(--primary);align-items:center;gap:1rem;font-size:2.5rem;display:flex}.cube-icon{background:var(--primary);width:30px;height:30px;box-shadow:0 0 15px var(--primary);animation:2s infinite alternate pulseCube;transform:rotate(45deg)}@keyframes pulseCube{0%{transform:rotate(45deg)scale(1)}to{transform:rotate(45deg)scale(1.2)}}.social-links{align-items:center;gap:1rem;display:flex}.social-links>a[title=Twitter]{color:var(--primary);margin-right:1rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s}.social-links>a:hover{text-shadow:0 0 10px var(--primary);color:#fff}.meme-token-container{border-left:1px solid var(--dark);gap:10px;padding:5px 15px;display:flex}.meme-img{border:1px solid var(--primary);background:#000;border-radius:50%;width:28px;height:28px;transition:all .3s}.meme-token:hover .meme-img{box-shadow:0 0 15px var(--primary);border-color:#fff;transform:translateY(-2px)}.header-buttons{gap:1rem;display:flex}.hacker-btn{color:var(--primary);border:1px solid var(--primary);font-family:var(--font-hacker);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:2px;padding:.5rem 1.5rem;font-size:1rem;transition:all .2s;position:relative;overflow:hidden}.hacker-btn:before{content:"";background:var(--primary-glow);z-index:-1;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.hacker-btn:hover:before{left:0}.hacker-btn:hover{color:#000;box-shadow:0 0 15px var(--primary)}.content-grid{flex:none;grid-template-columns:1fr 1.5fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;flex-direction:column;display:flex;box-shadow:inset 0 0 20px #00ff410d}.panel-header{border-bottom:1px solid var(--border-color);background:#0032004d;align-items:center;gap:.5rem;padding:1rem;display:flex}.panel-header h2{font-family:var(--font-pixel);letter-spacing:2px;font-size:1.5rem}.blinking-dot{background:var(--primary);border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.agent-panel{min-height:400px}.agent-chat{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-message{font-size:.9rem;line-height:1.5}.chat-message.agent{color:var(--text-main)}.chat-message.user{color:#fff;text-align:right}.prompt{color:var(--text-dim);margin-right:.5rem}.agent-input{border-top:1px solid var(--border-color);align-items:center;padding:1rem;display:flex}.agent-input input{color:var(--text-main);font-family:var(--font-hacker);background:0 0;border:none;outline:none;flex:1;padding:.5rem}.agent-input input::placeholder{color:var(--text-dim)}#btn-send-agent{color:var(--primary);cursor:pointer;font-family:var(--font-pixel);background:0 0;border:none;font-size:1.2rem}#btn-send-agent:hover{text-shadow:0 0 10px var(--primary)}.play-area{justify-content:center;align-items:stretch;display:flex}.game-display{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem 0;display:flex;position:relative}.hero-image-wrapper{border:2px solid var(--primary);width:80%;max-width:400px;box-shadow:0 0 30px var(--primary-glow);border-radius:8px;margin-bottom:2rem;position:relative;overflow:hidden}.cybercraft-hero-img{opacity:.8;filter:contrast(1.2)sepia(.5)hue-rotate(80deg);width:100%;height:auto;transition:all .5s;display:block}.hero-image-wrapper:hover .cybercraft-hero-img{opacity:1;filter:contrast(1.1);transform:scale(1.05)}.hero-image-overlay{pointer-events:none;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);width:100%;height:100%;position:absolute;top:0;left:0}.hud-profile{z-index:10;pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;left:10px}.hud-avatar-section{align-items:center;gap:10px;display:flex}.hud-avatar{background:linear-gradient(135deg,#a430ff,#5c0099);border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:0 4px 8px #00000080}.hud-level{font-family:var(--font-pixel);text-shadow:2px 2px #000;align-items:center;font-size:2rem;display:flex;position:relative}.star-icon{color:#f0f;text-shadow:0 0 5px #f0f,1px 1px #000;z-index:1;margin-right:-5px;font-size:1.5rem}.lvl-num{color:#000;z-index:2;background:#fff;border:2px solid #000;border-radius:4px;padding:0 8px;font-weight:700}.hud-resources{gap:5px;display:flex}.resource-item{font-family:var(--font-pixel);color:#ccc;background:#1e1428cc;border:1px solid #444;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:1.2rem;display:flex}.hud-crafting{z-index:10;pointer-events:auto;background:#140f1ee6;border-top:2px solid #444;justify-content:center;width:100%;display:flex;position:absolute;bottom:0;left:0}.craft-tab{border-right:1px solid #444;flex-direction:column;align-items:center;min-width:80px;padding:10px 20px;display:flex;position:relative}.craft-tab.active{background:#3af;border-top:2px solid #fff}.craft-tab.active .tab-icon{filter:drop-shadow(0 2px 2px #00000080);font-size:2rem}.tab-label{font-family:var(--font-pixel);color:#fff;text-shadow:1px 1px #000;margin-top:5px;font-size:1.2rem;font-weight:700}.tab-icon.faded{opacity:.5;filter:grayscale();font-size:1.5rem}.lock-info{font-family:var(--font-pixel);color:#fff;text-shadow:1px 1px #000;background:#0009;border-radius:4px;align-items:center;gap:2px;padding:2px 4px;font-size:1rem;display:flex;position:absolute;top:5px;right:5px}.cube-container{perspective:800px;width:60px;height:60px;position:absolute;top:20px;right:20px}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:10s linear infinite rotateCube;position:relative}.face{border:1px solid var(--primary);width:60px;height:60px;box-shadow:inset 0 0 10px var(--primary-glow);background:#00ff411a;position:absolute}.front{transform:translateZ(30px)}.back{transform:rotateY(180deg)translateZ(30px)}.right{transform:rotateY(90deg)translateZ(30px)}.left{transform:rotateY(-90deg)translateZ(30px)}.top{transform:rotateX(90deg)translateZ(30px)}.bottom{transform:rotateX(-90deg)translateZ(30px)}@keyframes rotateCube{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}.glitch{font-family:var(--font-pixel);text-shadow:0 0 10px var(--primary);margin-bottom:.5rem;font-size:4.5rem;font-weight:700;position:relative}.glitch-long{font-size:3rem}.subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1.2rem}.huge-btn{box-shadow:0 0 20px var(--primary-glow);border-width:2px;padding:1rem 3rem;font-size:1.5rem}.leaderboard-panel{min-height:400px;overflow:hidden}.table-wrapper{flex:1;padding:1rem;overflow-y:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--dark);padding:.8rem}th{color:#fff;font-family:var(--font-pixel);letter-spacing:1px;font-size:1.2rem}td{font-family:var(--font-hacker)}tbody tr:hover{background:#00ff411a}tbody tr:first-child td{color:#fff;text-shadow:0 0 10px gold}.bottom-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.dex-section{flex:none}.dex-terminal{background:#000c;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.dex-ticker{font-family:var(--font-hacker);border-bottom:1px solid var(--dark);gap:2rem;padding-bottom:1rem;font-size:1.1rem;display:flex}.dex-ticker span.up{color:#00ff41;text-shadow:0 0 5px #00ff41}.dex-ticker span.down{color:#f33;text-shadow:0 0 5px #f33}.dex-chart-sim{align-items:flex-end;gap:8px;height:150px;padding-top:1rem;display:flex}.chart-bar{background:#ff333380;border-top:2px solid #f33;flex:1;transition:height .5s}.chart-bar.up{border-top:2px solid var(--primary);background:#00ff414d}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}.footer{text-align:center;flex-shrink:0;margin-top:auto;padding:1.5rem}.footer-content{color:var(--text-dim);justify-content:center;align-items:center;gap:1rem;display:flex}.link-btn{color:var(--primary);font-family:var(--font-hacker);cursor:pointer;background:0 0;border:none;font-size:1rem;text-decoration:underline}.link-btn:hover{color:#fff;text-shadow:0 0 5px var(--primary)}.separator{color:var(--dark)}.modal{border:2px solid var(--primary);z-index:1000;opacity:0;pointer-events:none;background:#000a00f2;border-radius:8px;width:450px;max-width:90vw;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 30px #00ff4133}.modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.wallet-modal-header{border-bottom:1px solid var(--border-color);background:#00280080;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.wallet-modal-header h3{font-family:var(--font-pixel);letter-spacing:1px;font-size:1.5rem}.btn-close{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.btn-close:hover{color:red;text-shadow:0 0 10px red}.wallet-modal-body,.terms-modal-body{padding:1.5rem}.terms-text-content{max-height:300px;margin-bottom:1rem;padding-right:1rem;overflow-y:auto}.terms-text-content h4{color:#fff;margin-top:1rem;margin-bottom:.5rem}.terms-text-content h4:first-child{margin-top:0}.terms-text-content p{color:var(--text-dim);font-size:.9rem;line-height:1.4}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--primary)}::-webkit-scrollbar-thumb:hover{background:#fff}.wallet-list{flex-direction:column;gap:1rem;display:flex}.wallet-provider-btn{border:1px solid var(--border-color);color:var(--primary);cursor:pointer;background:#00ff410d;border-radius:4px;justify-content:space-between;align-items:center;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.wallet-provider-btn:hover{box-shadow:0 0 15px var(--primary-glow);background:#00ff4126;transform:translateY(-2px)}.wallet-provider-info{align-items:center;gap:1rem;display:flex}.wallet-name{flex-direction:column;display:flex}.wallet-name strong{color:#fff;font-size:1.1rem}.wallet-name span{color:var(--text-dim);font-size:.8rem}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.overlay.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.loading-cube{width:80px;height:80px;transform-style:preserve-3d;margin-bottom:2rem;animation:3s linear infinite rotateCube}.loading-cube .face{background:#ffffff1a;border-color:#fff;width:80px;height:80px;box-shadow:inset 0 0 10px #ffffff80}.loading-cube .front{transform:translateZ(40px)}.loading-cube .back{transform:rotateY(180deg)translateZ(40px)}.loading-cube .right{transform:rotateY(90deg)translateZ(40px)}.loading-cube .left{transform:rotateY(-90deg)translateZ(40px)}.loading-cube .top{transform:rotateX(90deg)translateZ(40px)}.loading-cube .bottom{transform:rotateX(-90deg)translateZ(40px)}.progress-bar-container{border:2px solid var(--primary);background:#001400cc;width:100%;height:20px;margin:2rem 0 1rem;position:relative}.progress-bar{background:var(--primary);width:0%;height:100%;box-shadow:0 0 15px var(--primary);transition:width 1s linear}.loading-text{font-family:var(--font-pixel);margin-bottom:.5rem;font-size:1.5rem}.time-remaining{color:var(--text-dim)}.error-box{background:#320000cc;border:1px solid red;border-radius:4px;margin-top:2rem;padding:2rem;animation:.3s ease-out popIn}.error-box.hidden{display:none}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.error-icon{margin-bottom:1rem;font-size:3rem;display:block}.error-box h3{color:red;font-size:2rem;font-family:var(--font-pixel);text-shadow:0 0 10px red;margin-bottom:1rem}.error-box p{color:#faa;margin-bottom:2rem;font-size:1.1rem}.floating-twitter-btn{background:var(--panel-bg);color:var(--primary);border:1px solid var(--primary);z-index:999;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 0 15px #00ff4133}.floating-twitter-btn:hover{color:#fff;box-shadow:0 0 20px var(--primary);background:#00ff4133;transform:scale(1.1)}.radar-panel{flex-direction:column;display:flex}.radar-content{background:#000c;flex:1;align-items:center;gap:2rem;padding:1.5rem;display:flex}.radar-circle{border:2px solid var(--primary);background-color:#0000;background-image:linear-gradient(#00ff4133 1px,#0000 1px),linear-gradient(90deg,#00ff4133 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;width:150px;height:150px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00ff4180}.radar-sweep{transform-origin:0 100%;background:linear-gradient(90deg,#0000,#00ff41cc);width:50%;height:50%;animation:4s linear infinite sweep;position:absolute;top:0;left:50%}@keyframes sweep{to{transform:rotate(360deg)}}.agent-dot{width:6px;height:6px;box-shadow:0 0 10px #fff, 0 0 20px var(--primary);opacity:0;background:#fff;border-radius:50%;animation:4s infinite ping;position:absolute}.dot-1{animation-delay:.5s;top:30%;left:60%}.dot-2{animation-delay:1.5s;top:70%;left:20%}.dot-3{animation-delay:2.5s;top:40%;left:30%}.dot-4{background:red;animation-delay:3.5s;top:80%;left:70%;box-shadow:0 0 10px red}@keyframes ping{0%,10%{opacity:1;transform:scale(1.5)}20%,to{opacity:0;transform:scale(1)}}.radar-log{font-family:var(--font-hacker);color:var(--primary);flex-direction:column;flex:1;gap:.5rem;font-size:.9rem;display:flex}.log-line.alert{color:red;text-shadow:0 0 5px red;animation:1s infinite blink}.viewport-container{border:1px solid var(--primary);background:#001400cc;width:100%;height:250px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00ff4133}.viewport-overlay{color:var(--primary);font-family:var(--font-pixel);z-index:10;text-shadow:0 0 5px var(--primary);font-size:1.2rem;position:absolute;top:10px;left:10px}.isometric-grid{background-image:linear-gradient(#00ff414d 1px,#0000 1px),linear-gradient(90deg,#00ff414d 1px,#0000 1px);background-size:40px 40px;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(60deg)rotate(45deg)}.iso-block{width:40px;height:40px;box-shadow:inset 0 0 10px var(--primary);border:1px solid var(--primary);background:#00ff4133;position:absolute;transform:translateZ(20px)}.b1{top:80px;left:80px}.b2{top:120px;left:200px}.b3{top:240px;left:160px}.iso-agent{background:#fff;border-radius:50%;width:12px;height:12px;animation:6s ease-in-out infinite alternate moveAgent;position:absolute;transform:translateZ(40px);box-shadow:0 0 15px #fff}.iso-agent.enemy{background:red;animation:5s ease-in-out infinite alternate moveEnemy;box-shadow:0 0 15px red}@keyframes moveAgent{0%{top:40px;left:40px}33%{top:40px;left:240px}66%{top:200px;left:240px}to{top:200px;left:80px}}@keyframes moveEnemy{0%{top:280px;left:280px}50%{top:160px;left:160px}to{top:80px;left:280px}}