:root{--bg-color:#0b0b0b;--tile-size:min(11vw, 50px);--gap:min(1.5vw, 8px);--primary-green:#00ff41;--tile-0:#ff4b4b;--tile-1:#4b7bff;--tile-2:#ffb84b;--tile-3:#b84bff;--tile-4:#4bffb8;--tile-5:#ff4bd8;--tile-6:#9fff4b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.splash-screen{background:radial-gradient(circle,#002b11 0%,#0b0b0b 70%);flex-direction:column;width:100vw;height:100vh;padding-bottom:6rem;display:flex;position:relative;overflow:hidden auto}.top-bar{z-index:10;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:1rem;display:flex}@media (width>=768px){.top-bar{padding:1.5rem 2rem}}.logo-text{color:var(--primary-green);letter-spacing:.1rem;flex-shrink:0;font-weight:900}.high-score-display{color:#ffffff80;letter-spacing:.1rem;text-align:right;font-size:.6rem;line-height:1.2}@media (width>=768px){.high-score-display{font-size:.8rem}}.menu-icon{cursor:pointer;flex-direction:column;gap:4px;display:flex}.menu-icon .bar{background-color:var(--primary-green);width:20px;height:2px}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.diagnostics-card{color:var(--primary-green);opacity:.6;background:#00ff410d;border:1px solid #00ff4133;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.7rem;display:none;position:absolute;top:15%;left:10%;transform:rotate(-10deg)}@media (width>=768px){.diagnostics-card{display:block}}.diag-header{border-bottom:1px solid #00ff4133;margin-bottom:.5rem;padding-bottom:.2rem}.center-branding{text-align:center;margin-bottom:3rem}.hero-title{letter-spacing:-.05em;color:var(--primary-green);text-shadow:0 0 30px #00ff4199;margin:0;font-size:clamp(3rem,20vw,8rem);font-weight:950;line-height:1}.hero-tagline{letter-spacing:clamp(.2rem,5vw,.5rem);color:#ffffff80;white-space:nowrap;margin-top:.5rem;font-size:clamp(.6rem,3vw,.9rem)}.action-buttons{flex-direction:column;align-items:center;gap:1rem;display:flex}.start-game-btn{background:var(--primary-green);color:#000;cursor:pointer;border:none;border-radius:8px;width:min(100%,300px);padding:.8rem 2.5rem;font-size:1.1rem;font-weight:900;transition:all .3s;box-shadow:0 0 30px #00ff4166}.start-game-btn:hover{transform:scale(1.05);box-shadow:0 0 50px #00ff4199}.tutorial-link{color:#ffffff4d;letter-spacing:.1rem;cursor:pointer;font-size:.7rem;transition:color .3s}.tutorial-link:hover{color:#fff}.bottom-info{color:#fff3;letter-spacing:.05rem;text-align:center;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;font-size:.55rem}@media (width>=768px){.bottom-info{letter-spacing:.1rem;text-align:left;flex-direction:row;padding:1rem 2rem;font-size:.6rem}}.footer-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;border-top:1px solid #0f83;justify-content:center;gap:1rem;width:100%;padding:1rem;display:flex;position:fixed;bottom:0;left:0}@media (width>=768px){.footer-nav{gap:4rem}}.nav-item{color:#fff6;cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:color .3s;display:flex}.nav-item.active{color:var(--primary-green)}.nav-icon{font-size:1.5rem}.nav-label{font-size:.6rem;font-weight:700}.app-container{flex-direction:column;flex:1;align-items:center;gap:1.5rem;width:100%;height:100%;display:flex}.game-header{justify-content:space-between;align-items:center;width:100%;padding:2rem 1.5rem 1rem;display:flex}.header-left{align-items:center;gap:2rem;display:flex}.game-title{letter-spacing:.1rem;color:var(--primary-green);margin:0;font-size:1.5rem;font-weight:900}.game-score{color:#fff6;letter-spacing:.05rem;font-size:1rem;font-weight:600}.header-right{gap:1.5rem;display:flex}.header-icon{color:var(--primary-green);cursor:pointer;opacity:.8;font-size:1.2rem;transition:opacity .2s}.header-icon:hover{opacity:1}.game-main-layout{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:0 1rem;display:flex}@media (width>=1024px){.game-main-layout{flex-direction:row;padding:0 4rem}}.game-sidebar{flex-direction:column;gap:1rem;width:80px;display:flex}.powerup-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;transition:all .3s;display:flex}.powerup-card:hover{border-color:var(--primary-green);background:#00ff410d;box-shadow:0 0 15px #00ff411a}.powerup-icon{filter:drop-shadow(0 0 5px #00ff4133);font-size:1.5rem}.powerup-count{color:#ffffff80;font-size:.7rem;font-weight:600}.board-container{flex:1;justify-content:center;align-items:center;display:flex}.board{grid-template-columns:repeat(8, var(--tile-size));gap:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0d;border-radius:clamp(8px,4vw,20px);max-width:100%;margin:0 auto;padding:clamp(.5rem,3vw,1.5rem);display:grid;box-shadow:0 0 40px #00000080}.tile{width:var(--tile-size);height:var(--tile-size);cursor:pointer;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.tile:hover{background:#ffffff0f;transform:scale(1.05)}.tile.selected{border-color:var(--primary-green);box-shadow:0 0 30px var(--primary-green), 0 0 10px #00ff4180;z-index:10;background:#00ff411a}.tile-icon{justify-content:center;align-items:center;width:85%;height:85%;transition:all .3s;display:flex}.tile-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.tile-tag{background:var(--primary-green);color:#000;z-index:10;border-radius:20px;padding:.3rem .5rem;font-size:.7rem;font-weight:900;position:absolute;top:-10px;right:-10px;box-shadow:0 0 10px #00ff4166}.tile-0{--tile-glow:#fa5128}.tile-1{--tile-glow:#37a834}.tile-2{--tile-glow:#60a5fa}.tile-3{--tile-glow:#facc15}.tile-4{--tile-glow:#fff}.tile-5{--tile-glow:#c084fc}.tile-icon{filter:drop-shadow(0 0 10px var(--tile-glow))}.tile.selected{border-color:var(--tile-glow);box-shadow:0 0 40px var(--tile-glow), 0 0 15px #fff3;background:#ffffff1a}.tile.cleared{opacity:0;transform:scale(.5)}.about-page{background:#0b0b0b;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden auto}.about-page .top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0b0b0bcc;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.close-about{color:#ffffff4d;cursor:pointer;font-size:1.5rem;transition:color .3s}.close-about:hover{color:var(--primary-green)}.about-content{width:100%;max-width:900px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem) 8rem}.about-hero{text-align:left;margin-bottom:6rem}.about-title{color:#fff;letter-spacing:-.05em;background:linear-gradient(90deg,#00ff41,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(2.5rem,12vw,5rem);font-weight:950;line-height:.9}.about-subtitle{color:#ffffff80;max-width:500px;font-size:1.2rem;line-height:1.5}.about-section{margin-bottom:6rem}.section-header{letter-spacing:.4rem;color:var(--primary-green);opacity:.8;margin-bottom:2rem;font-size:.8rem}.section-text{color:#fffc;font-size:clamp(1rem,4vw,1.4rem);font-weight:400;line-height:1.6}.section-text strong{color:var(--primary-green);font-weight:700}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.pillar-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:2rem;transition:all .3s}.pillar-card:hover{background:#00ff4108;border-color:#00ff4133;transform:translateY(-5px)}.pillar-card h3{letter-spacing:.1rem;color:var(--primary-green);margin-bottom:1rem;font-size:.9rem}.pillar-card p{color:#fff9;font-size:.9rem;line-height:1.6}.observer-focus{background:radial-gradient(circle at 100%,#00ff411a 0%,#0000 60%);border:1px solid #00ff411a;border-radius:20px;flex-wrap:wrap;align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,4rem);display:flex}.observer-info{flex:1;min-width:300px}.observer-media{flex:0 0 250px;justify-content:center;display:flex}.mr-observer-img{filter:drop-shadow(0 0 10px #00ff414d);border-radius:12px;width:100%;max-width:250px;height:auto;box-shadow:0 0 30px #00ff4133}.cta-box{text-align:center;margin-top:4rem}.main-site-btn{border:1px solid var(--primary-green);color:var(--primary-green);letter-spacing:.2rem;background:0 0;border-radius:8px;padding:1rem 3rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 20px #00ff411a}.main-site-btn:hover{background:var(--primary-green);color:#000;transform:translateY(-3px);box-shadow:0 0 40px #00ff414d}.about-page .footer-nav{z-index:100;position:fixed;bottom:0;left:0;right:0}.mode-selection{grid-template-columns:repeat(3,1fr);gap:.4rem;width:100%;margin-bottom:1.5rem;display:grid}.mode-btn{color:#ffffff80;cursor:pointer;letter-spacing:.02rem;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;min-height:45px;padding:.5rem .2rem;font-size:.55rem;font-weight:800;transition:all .3s;display:flex}@media (width>=400px){.mode-btn{padding:.6rem .4rem;font-size:.7rem}}.mode-btn:hover{color:#fff;background:#ffffff1a}.mode-btn.active{border-color:var(--primary-green);color:var(--primary-green);background:#00ff411a;box-shadow:0 0 15px #00ff4133}.game-timer,.game-moves{color:var(--primary-green);letter-spacing:.05rem;text-shadow:0 0 10px #00ff4180;font-size:1rem;font-weight:700}.board-container{position:relative}.game-over-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;z-index:500;background:#050a0fcc;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;align-items:center;width:95%;max-width:460px;padding:clamp(15px,5vw,20px) clamp(20px,6vw,30px);animation:.6s cubic-bezier(.16,1,.3,1) overlaySlideIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 100px #000c}@keyframes overlaySlideIn{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-40%)scale(1.1)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}.game-over-overlay:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.game-over-overlay.win{border-color:#00ff414d}.game-over-overlay.win:before{background:var(--primary-green);box-shadow:0 0 20px var(--primary-green)}.game-over-overlay.loss{border-color:#fa51284d}.game-over-overlay.loss:before{background:#fa5128;box-shadow:0 0 20px #fa5128}.status-text{letter-spacing:.2em;text-transform:uppercase;margin:0 0 40px;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:900}.win .status-text{color:var(--primary-green);text-shadow:0 0 15px #00ff4166}.loss .status-text{color:#fa5128;text-shadow:0 0 15px #fa512866}.app-container.game-over .board{filter:blur(5px);pointer-events:none}.about-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:clamp(.5rem,3vw,2rem);animation:.4s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.about-card{background:#0b0b0b;border:1px solid #00ff4133;border-radius:clamp(12px,4vw,24px);flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 100px #00ff411a}.card-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.close-card{color:#ffffff4d;cursor:pointer;font-size:1.5rem;transition:all .3s}.close-card:hover{color:var(--primary-green);transform:rotate(90deg)}.card-content{scrollbar-width:thin;scrollbar-color:var(--primary-green) transparent;flex:1;padding:clamp(1.5rem,5vw,3rem) clamp(1rem,4vw,2.5rem);overflow-y:auto}.card-content::-webkit-scrollbar{width:4px}.card-content::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:10px}.about-card .about-hero{margin-bottom:4rem}.about-card .about-title{margin-bottom:1rem;font-size:clamp(1.8rem,8vw,3.5rem)}.about-card .pillars-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.about-card .main-site-btn{text-align:center;cursor:pointer;width:100%}.tile.special-linear-h:after,.tile.special-linear-v:after{content:"";pointer-events:none;opacity:.6;background:linear-gradient(#fff3 2px,#0000 2px) 0 0/100% 10px;width:100%;height:100%;position:absolute;top:0;left:0}.tile.special-linear-v:after{background:linear-gradient(90deg,#fff3 2px,#0000 2px) 0 0/10px 100%}.tile.special-pulse{animation:1.5s ease-in-out infinite pulseSpecial}@keyframes pulseSpecial{0%{box-shadow:0 0 10px var(--tile-glow)}50%{box-shadow:0 0 30px var(--tile-glow), inset 0 0 15px var(--tile-glow)}to{box-shadow:0 0 10px var(--tile-glow)}}.tile.special-observer{border-width:2px;animation:3s infinite alternate observerGlow}@keyframes observerGlow{0%{border-color:#fa5128;box-shadow:0 0 20px #fa5128}25%{border-color:#37a834;box-shadow:0 0 20px #37a834}50%{border-color:#60a5fa;box-shadow:0 0 20px #60a5fa}75%{border-color:#facc15;box-shadow:0 0 20px #facc15}to{border-color:#c084fc;box-shadow:0 0 20px #c084fc}}.sequence-hub{scrollbar-width:thin;scrollbar-color:var(--primary-green) transparent;flex-direction:column;gap:40px;max-width:1000px;height:calc(100vh - 120px);margin:0 auto;padding:40px 20px;animation:.8s cubic-bezier(.4,0,.2,1) terminalFadeIn;display:flex;overflow-y:auto}.sequence-hub::-webkit-scrollbar{width:4px}.sequence-hub::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:10px}@keyframes terminalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hub-header{background:var(--bg-color);z-index:10;border-bottom:1px solid #00ff4133;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:20px;display:flex;position:sticky;top:0}.hub-header-left{align-items:center;gap:20px;display:flex}.hub-back-minimal{color:var(--primary-green);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.hub-back-minimal:hover{border-color:var(--primary-green);background:#00ff411a;transform:translate(-3px)}.hub-title{color:#fff;letter-spacing:.15em;text-shadow:0 0 15px #ffffff4d;margin:0;font-size:1.8rem;font-weight:900}.hub-stats{gap:30px;display:flex}.hub-stat{flex-direction:column;gap:4px;display:flex}.hub-stat .label{color:var(--primary-green);opacity:.6;font-family:JetBrains Mono,monospace;font-size:.65rem}.hub-stat .value{color:#fff;font-size:1.2rem;font-weight:700}.sequence-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;display:grid}.sequence-card{background:#0a0f14cc;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;gap:20px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.sequence-card:before{content:"";background:var(--primary-green);width:2px;height:0;transition:height .4s;position:absolute;top:0;left:0}.sequence-card.active:before{height:100%}.sequence-card.unlocked:not(.locked):hover{background:#ffffff08;border-color:#ffffff4d;transform:translate(5px)}.sequence-card.locked{opacity:.4;cursor:not-allowed;border-style:dashed}.seq-number{color:#ffffff08;pointer-events:none;font-size:4rem;font-weight:900;position:absolute;top:-10px;right:-10px}.seq-header{justify-content:space-between;align-items:center;display:flex}.status-pill{letter-spacing:.1em;color:#fff;background:#ffffff1a;border-radius:20px;padding:4px 10px;font-size:.6rem;font-weight:800}.status-pill.complete{color:var(--primary-green);background:#00ff411a}.status-pill.active{color:#000;background:#fff;animation:2s infinite flash}@keyframes flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.difficulty-rating{color:var(--primary-green);opacity:.8;letter-spacing:2px;text-shadow:0 0 10px #00ff4166;font-family:JetBrains Mono,monospace;font-size:.7rem}.seq-content{flex:1;margin:10px 0}.seq-name{color:#fff;letter-spacing:.05em;margin:0 0 8px;font-size:1.1rem;font-weight:800}.seq-desc{color:#ffffff80;margin:0;font-size:.8rem;line-height:1.5}.seq-footer{border-top:1px solid #ffffff0d;flex-direction:column;gap:8px;padding-top:15px;display:flex}.seq-meta{justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex}.seq-meta .label{opacity:.4;font-weight:700}.seq-meta .value{color:#fff;font-weight:800}.seq-meta.reward{color:var(--primary-green);margin-top:4px}.seq-meta.reward .value{color:var(--primary-green);text-shadow:0 0 5px #00ff414d}.lock-overlay{-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-overlay span{letter-spacing:.2em;color:#ffffff4d;border:1px solid #fff3;padding:5px 15px;font-family:JetBrains Mono,monospace;font-size:.7rem;transform:rotate(-10deg)}.hub-back-btn{color:#ffffff80;letter-spacing:.3em;cursor:pointer;background:0 0;border:1px solid #fff3;align-self:center;margin-top:40px;padding:15px 40px;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .3s}.hub-back-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff}.campaign-btn{background:linear-gradient(135deg, #00ff41, var(--primary-green));color:#000;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:5px;width:min(90%,300px);margin:0 auto;padding:20px;font-size:clamp(1rem,5vw,1.25rem);font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 40px #00ff884d}.campaign-btn:hover{transform:scale(1.02);box-shadow:0 15px 50px #0f86}.btn-subtitle{opacity:.6;letter-spacing:.4em;font-size:.7rem}.divider{text-align:center;color:#ffffff4d;align-items:center;margin:10px 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider span{padding:0 15px}.quick-play-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:20px;width:min(90%,300px);margin:0 auto;padding:20px;display:flex}.results-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;gap:20px;width:100%;margin-bottom:40px;padding:30px;display:flex}.stat{letter-spacing:.1em;color:#fff;border-bottom:1px dashed #ffffff1a;justify-content:space-between;align-items:flex-end;padding-bottom:8px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.stat span:last-child{font-size:1.1rem;font-weight:900}.win .stat span:last-child{color:var(--primary-green)}.loss .stat span:last-child{color:#fa5128}.overlay-actions{flex-direction:column;gap:15px;width:100%;display:flex}.overlay-actions button{letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:4px;width:100%;padding:18px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1)}.win .overlay-actions button:first-child{background:var(--primary-green);color:#000}.loss .overlay-actions button:first-child{color:#000;background:#fa5128}.overlay-actions button:first-child:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.overlay-actions button:last-child{color:#fff9;background:0 0;border-color:#ffffff26}.overlay-actions button:last-child:hover{color:#fff;border-color:#fff}.level-info{align-items:center;gap:15px;margin-top:5px;font-size:.8rem;display:flex}.level-id{color:var(--primary-color);background:#0f83;border-radius:4px;padding:2px 8px;font-weight:700}.level-target{opacity:.6;letter-spacing:.05em}.diag-grid{opacity:.7;color:#fff;grid-template-columns:1fr 1fr;gap:5px;font-size:.7rem;display:grid}@media (width<=768px){.sequence-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.sequence-hub{gap:25px;padding:20px 15px}.hub-header{flex-direction:column;align-items:flex-start;gap:15px}.hub-title{font-size:1.4rem}.hub-stats{justify-content:space-between;width:100%}.sequence-card{padding:20px}}.settings-overlay,.game-menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;box-sizing:border-box;background:#000502f2;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.settings-card,.game-menu-card{border:1px solid var(--primary-green);background:#0a0a0a;border-radius:12px;flex-direction:column;width:100%;max-width:450px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 0 50px #00ff4126}.card-header,.menu-header{background:#00ff410d;border-bottom:1px solid #00ff4133;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.card-content{flex:1;padding-bottom:2rem;overflow-y:auto}.settings-section{border-bottom:1px solid #00ff411a;padding:1.5rem}.menu-items{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.menu-item-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:1.2rem;width:100%;padding:1.2rem;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:all .2s;display:flex}.menu-item-btn:hover{border-color:var(--primary-green);color:var(--primary-green);background:#00ff4114;transform:translate(5px)}.menu-item-btn .item-icon{opacity:.6;font-size:1.2rem}.menu-footer{text-align:center;background:#0000004d;border-top:1px solid #00ff411a;padding:1rem}.status-indicator{color:#fff6;letter-spacing:1px;justify-content:center;align-items:center;gap:8px;font-size:.65rem;display:flex}.status-indicator .dot{background:var(--primary-green);width:6px;height:6px;box-shadow:0 0 8px var(--primary-green);border-radius:50%}.settings-section.links{background:#00ff4105}.setting-item{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.setting-item.toggle{margin-top:1.5rem}.setting-item .label{color:#fff9;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:.8rem}.setting-item .value{color:var(--primary-green);font-family:JetBrains Mono,monospace;font-weight:700}.volume-slider{accent-color:var(--primary-green);cursor:pointer;flex:1;height:4px;margin:0 .8rem}.toggle-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:all .2s}.toggle-btn.active{border-color:var(--primary-green);color:var(--primary-green);background:#00ff411a;box-shadow:0 0 10px #00ff4133}.links-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin-top:1rem;display:grid}.link-item{text-align:center;color:#fff;letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;padding:.8rem;font-size:.75rem;text-decoration:none;transition:all .3s;display:block}.auth-form{flex-direction:column;gap:1.25rem;padding:1rem 0;display:flex}.auth-error{color:#f33;text-align:center;background:#ff00001a;border:1px solid #f006;border-radius:6px;padding:.8rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;font-weight:700}.auth-input.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.auth-input .label{color:#fff9;font-size:.75rem}.auth-input input{color:#0f8;box-sizing:border-box;background:#0006;border:1px solid #0f83;border-radius:6px;width:100%;padding:.8rem 1rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.9rem;transition:all .3s}.auth-input input:focus{background:#00ff880d;border-color:#0f8;outline:none;box-shadow:0 0 15px #0f83}.auth-input input::placeholder{color:#fff3}.auth-submit{margin-top:1rem}.auth-toggle{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;display:flex}.auth-toggle .toggle-text{color:#ffffff80}.auth-toggle .toggle-link{color:#0f8;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;transition:color .3s}.auth-toggle .toggle-link:hover{color:#fff}.password-strength{align-items:center;gap:.5rem;width:100%;margin-top:.25rem;display:flex}.strength-label{color:#ffffff80;font-size:.65rem}.strength-bars{flex:1;gap:3px;display:flex}.strength-bar{background:#ffffff1a;border-radius:2px;flex:1;height:4px;transition:all .3s}.strength-bar.active.level-1{background:#f44;box-shadow:0 0 5px #f44}.strength-bar.active.level-2{background:#fa0;box-shadow:0 0 5px #fa0}.strength-bar.active.level-3{background:#0f8;box-shadow:0 0 5px #0f8}.strength-bar.active.level-4{background:#0ff;box-shadow:0 0 5px #0ff}.strength-text{text-align:right;width:50px;font-size:.65rem;font-weight:700}.strength-text.level-0,.strength-text.level-1{color:#f44}.strength-text.level-2{color:#fa0}.strength-text.level-3{color:#0f8}.strength-text.level-4{color:#0ff}.auth-success{color:#0f8;text-align:center;background:#00ff881a;border:1px solid #0f86;border-radius:6px;padding:.8rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;font-weight:700}.link-item:hover{border-color:var(--primary-green);color:var(--primary-green);background:#00ff410d;transform:translateY(-2px)}.danger-zone{background:#ff000005;border-bottom:none}.reset-progress-btn{color:#f44;letter-spacing:1px;cursor:pointer;background:#ff00001a;border:1px solid #ff00004d;width:100%;margin-top:1rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:all .3s}.reset-progress-btn:hover{color:#fff;background:#f44;border-color:#f44;box-shadow:0 0 20px #ff00004d}.settings-trigger{cursor:pointer;opacity:.6;padding-left:1rem;font-size:1.2rem;transition:all .3s}.settings-trigger:hover{opacity:1;color:var(--primary-green);transform:rotate(45deg)}.top-bar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;max-width:65%;display:flex}@media (width>=768px){.top-bar-right{flex-wrap:nowrap;gap:1.5rem;max-width:none}}.auth-trigger-btn{color:#0f8;cursor:pointer;white-space:nowrap;background:#00ff881a;border:1px solid #00ff884d;border-radius:4px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;transition:all .3s}.auth-trigger-btn:hover{background:var(--primary-green);color:#000;box-shadow:0 0 10px #0f86}@media (width>=768px){.auth-trigger-btn{padding:.25rem .75rem;font-size:.7rem}}.user-profile{color:inherit;letter-spacing:1px;white-space:nowrap;font-family:inherit;font-size:.6rem;font-weight:700}@media (width>=768px){.user-profile{letter-spacing:2px;font-size:.8rem}}.leaderboard-trigger-btn{background:linear-gradient(135deg, #00ff41, var(--primary-green));color:#000;letter-spacing:.1em;cursor:pointer;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:5px;width:min(80%,250px);margin:.5rem auto;padding:12px 20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 5px 20px #0f83}.leaderboard-trigger-btn:hover{transform:scale(1.02);box-shadow:0 15px 50px #0f86}.leaderboard-container{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.table-wrapper{background:#0006;border:1px solid #0f83;border-radius:8px;overflow-y:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem}.leaderboard-table th{text-align:left;color:#ffffff80;z-index:10;letter-spacing:1px;background:#0a0a0af2;border-bottom:1px solid #0f83;padding:1rem;font-size:.7rem;position:sticky;top:0}.leaderboard-table td{color:#fff;border-bottom:1px solid #ffffff0d;padding:1rem}.leaderboard-table tr:hover td{background:#00ff880d}.leaderboard-table .rank-cell{color:#ffffff80;font-weight:700}.leaderboard-table .agent-handle{color:#fff;font-weight:700}.leaderboard-table .agent-wallet{color:#0f89}.leaderboard-table .agent-score{color:#0f8;text-align:right;font-weight:700}.leaderboard-table th:last-child{text-align:right}.leaderboard-table .rank-top td,.leaderboard-table .rank-top .rank-cell{color:#0f8}.leaderboard-table .rank-one td{text-shadow:0 0 10px #00ff8880;background:#00ff881a}.leaderboard-loading,.leaderboard-empty{text-align:center;color:#0f8;margin-top:3rem;font-family:JetBrains Mono,Courier New,monospace;animation:2s infinite pulse}