@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.navbar{background:#0f1419e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--accent-green);padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #00ff4133}.navbar-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.navbar-logo{text-decoration:none;color:var(--accent-green);font-size:14px;text-shadow:0 0 10px var(--accent-green);transition:all .3s ease}.navbar-logo:hover{text-shadow:0 0 20px var(--accent-green);transform:scale(1.05)}.navbar-links{display:flex;gap:30px;flex-wrap:wrap}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:10px;padding:8px 16px;border:2px solid transparent;transition:all .3s ease;text-transform:uppercase}.nav-link:hover{color:var(--accent-green);border-color:var(--accent-green)}.nav-link.active{color:var(--accent-green);border-color:var(--accent-green);box-shadow:0 0 10px var(--glow-green)}.navbar-wallet,.wallet-info{display:flex;align-items:center;gap:15px}.wallet-address{color:var(--accent-green);font-size:9px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--accent-green)}.btn-small{font-size:8px;padding:8px 16px}.points-display{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--accent-green);padding:8px 12px;font-size:9px;color:var(--accent-green);text-shadow:0 0 5px var(--accent-green);transition:all .3s ease}.points-display:hover{box-shadow:0 0 10px var(--glow-green)}.points-icon{font-size:12px}.points-value{font-size:10px;font-weight:700;color:var(--accent-green);text-shadow:0 0 8px var(--accent-green)}.points-label{font-size:8px;text-transform:uppercase;opacity:.8}@media (max-width: 768px){.navbar-container{flex-direction:column}.navbar-links{gap:15px}.nav-link{font-size:8px;padding:6px 12px}.points-display{font-size:8px;padding:6px 10px}.points-value{font-size:9px}.points-label{display:none}}.space-background-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.space-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#0a0a1a,#1a1a2e 30%,#0a0a1a,#1a1a2e 70%,#0a0a1a,#000)}.space-background-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(0,100,200,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(100,0,200,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,200,255,.04) 0%,transparent 70%);pointer-events:none;z-index:1;mix-blend-mode:screen}.space-background{z-index:0}.join-room-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.join-room-modal-container{background:linear-gradient(135deg,#0a0a0a,#0f1419);border:2px solid var(--accent-green);border-radius:16px;max-width:500px;width:90%;box-shadow:0 0 30px #00ff414d,0 20px 60px #000c;animation:slideUp .3s ease;position:relative}.join-room-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid var(--accent-green)}.join-room-modal-header h2{color:var(--accent-green);font-size:24px;margin:0;text-shadow:0 0 10px var(--accent-green)}.join-room-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.join-room-modal-close:hover{color:var(--accent-green);transform:scale(1.1)}.join-room-modal-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-primary);font-size:12px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:15px;background:#0f1419cc;border:2px solid var(--accent-green);border-radius:8px;color:var(--text-primary);font-size:16px;font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-green);box-shadow:0 0 15px #00ff4180}.form-group input.error{border-color:red;box-shadow:0 0 10px #ff00004d}.error-message{color:red;font-size:10px;margin-top:8px;text-shadow:0 0 5px rgba(255,0,0,.5)}.form-actions{display:flex;gap:15px;margin-top:30px}.form-actions .btn{flex:1;padding:15px;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid}.form-actions .btn-primary{background:var(--accent-green);color:#000;border-color:var(--accent-green)}.form-actions .btn-primary:hover{background:var(--glow-green);box-shadow:0 0 20px #00ff4180;transform:translateY(-2px)}.form-actions .btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--text-secondary)}.form-actions .btn-secondary:hover{color:var(--accent-green);border-color:var(--accent-green)}.event-mission-buttons{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.event-btn,.mission-btn{background:#000c;border:2px solid var(--accent-green);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:70px;height:70px;box-shadow:0 0 10px #00ff414d}.event-btn:hover,.mission-btn:hover{background:#00ff411a;border-color:#0f8;box-shadow:0 0 30px #00ff4180;transform:translateY(-2px)}.event-btn:active,.mission-btn:active{transform:translateY(0)}.event-icon,.mission-icon{font-size:24px;line-height:1}.event-label,.mission-label{font-size:7px;color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;font-weight:700;line-height:1}.home{padding:20px;display:flex;gap:30px;max-width:1400px;margin:0 auto}.home-sidebar{flex-shrink:0;width:auto;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.sidebar-buttons-row{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.hero{flex:1;text-align:center;padding:30px 20px;margin-bottom:20px}.hero-title{font-size:48px;color:var(--accent-green);margin-bottom:10px;letter-spacing:4px}.hero-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase}.hero-description{font-size:12px;color:var(--text-secondary);max-width:600px;margin:0 auto 20px;line-height:1.8}.hero-cta{margin-top:40px}.cta-text{font-size:12px;color:var(--accent-green);margin-bottom:20px}.current-ship{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px;margin-bottom:20px}.current-ship-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.current-ship-container{display:flex;align-items:center;justify-content:center;gap:30px;position:relative;width:100%;max-width:800px;margin:0 auto;min-height:400px}.ship-nav-btn{background:#00ff4133;border:2px solid var(--accent-green);color:var(--accent-green);width:60px;height:60px;border-radius:50%;font-size:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:700;flex-shrink:0;z-index:5;position:absolute;top:50%;transform:translateY(-50%)}.ship-nav-prev{left:0}.ship-nav-next{right:0}.ship-nav-btn:hover{background:#00ff4180;transform:translateY(-50%) scale(1.15);box-shadow:0 0 20px var(--accent-green)}.ship-nav-btn:active{transform:translateY(-50%) scale(1.05)}.ship-nav-btn:disabled{opacity:.3;cursor:not-allowed}.current-ship-card{display:flex;flex-direction:column;align-items:center;padding:40px 50px;min-width:300px;max-width:400px;margin:0 auto;border:none;background:transparent;box-shadow:none;position:relative;transition:all .3s ease}.current-ship-card.locked{opacity:.7}.ship-locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:20px 30px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border:2px solid #ff0000;box-shadow:0 0 20px #ff000080}.lock-icon{font-size:64px;margin-bottom:15px;filter:grayscale(1)}.lock-text{font-size:14px;color:red;text-transform:uppercase;letter-spacing:3px;font-weight:700;text-shadow:0 0 10px rgba(255,0,0,.8)}.locked-image{filter:grayscale(1) brightness(.3)}.current-ship-image{width:250px;height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;filter:drop-shadow(0 0 20px var(--accent-green));transition:all .3s ease}.current-ship-card.equipped .current-ship-image{filter:drop-shadow(0 0 25px #ffd700)}.current-ship-card.locked .current-ship-image{filter:drop-shadow(0 0 10px rgba(100,100,100,.5)) grayscale(.5)}.current-ship-image img{width:100%;height:100%;object-fit:contain;transition:all .3s ease;max-width:100%;max-height:100%}.current-ship-name{font-size:18px;color:var(--accent-green);margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.current-ship-tier{font-size:12px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:15px;letter-spacing:1px}.current-ship-stats{display:flex;gap:20px;margin-top:15px;font-size:12px;color:var(--text-secondary)}.current-ship-stats span{display:flex;align-items:center;gap:4px}.current-ship-actions{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px;width:100%;max-width:600px;position:relative}.ship-action-buttons{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;min-height:200px}.buy-equip-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:80px}.play-buttons-container{display:flex;gap:20px;width:100%;justify-content:center;flex-wrap:wrap;margin-top:10px;position:relative;min-height:80px}.btn-equip{background:#00ff4133;border:2px solid var(--accent-green);color:var(--accent-green);font-size:12px;padding:12px 30px;transition:all .3s ease;width:100%;max-width:300px}.btn-equip:hover:not(.btn-disabled):not(.btn-equipped){background:#00ff4166;transform:scale(1.05)}.btn-equip.btn-disabled{opacity:.5;cursor:not-allowed;border-color:#666;color:#666}.btn-equip.btn-equipped{background:gold;border-color:gold;color:#000;font-weight:700}.btn-equip.btn-equipped:hover{background:#ffed4e;transform:scale(1.05)}.equipped-status{margin-top:10px;font-size:11px;color:gold;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;gap:5px;justify-content:center}.equipped-status:before{content:"✓";color:gold;font-size:14px}.btn-buy{background:linear-gradient(135deg,#f60,#f30);border:2px solid #ff6600;color:#fff;font-size:12px;padding:12px 30px;transition:all .3s ease;text-decoration:none;display:inline-block;width:100%;max-width:300px;text-align:center}.btn-buy:hover{background:linear-gradient(135deg,#f80,#f50);transform:scale(1.05);box-shadow:0 0 20px #f609}.btn-play-solo,.btn-play-multi,.btn-join-room{background:#000;border:2px solid #00ff41;color:#00ff41;font-size:18px;font-weight:700;padding:20px 45px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;min-width:220px;box-shadow:0 0 15px #00ff414d}.btn-play-solo:before,.btn-play-multi:before,.btn-join-room:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .5s ease}.btn-play-solo:hover:not(.btn-disabled):before,.btn-play-multi:hover:not(.btn-disabled):before,.btn-join-room:hover:not(.btn-disabled):before{left:100%}.btn-play-solo:hover:not(.btn-disabled),.btn-play-multi:hover:not(.btn-disabled),.btn-join-room:hover:not(.btn-disabled){background:linear-gradient(90deg,#000,#00ff4126,#000);background-size:200% 100%;box-shadow:0 0 30px #00ff41cc,0 0 50px #00ff414d,inset 0 0 20px #00ff411a;transform:translateY(-2px);border-color:#00ff41;color:#00ff41}.btn-play-solo:active:not(.btn-disabled),.btn-play-multi:active:not(.btn-disabled),.btn-join-room:active:not(.btn-disabled){transform:translateY(0);box-shadow:0 0 15px #00ff4166}.btn-play-solo.btn-disabled,.btn-play-multi.btn-disabled,.btn-join-room.btn-disabled{opacity:.5;cursor:not-allowed;border-color:#333;color:#666;background:#000;box-shadow:0 0 5px #00ff411a}.btn-play-solo.btn-disabled:before,.btn-play-multi.btn-disabled:before,.btn-join-room.btn-disabled:before{display:none}@keyframes glow-pulse{0%,to{box-shadow:0 0 15px #00ff414d,0 0 30px #00ff411a,inset 0 0 10px #00ff410d}50%{box-shadow:0 0 25px #00ff4199,0 0 40px #00ff4133,inset 0 0 15px #00ff411a}}.btn-play-solo:not(.btn-disabled),.btn-play-multi:not(.btn-disabled),.btn-join-room:not(.btn-disabled){animation:glow-pulse 2s ease-in-out infinite;position:relative}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-play-solo:not(.btn-disabled):hover,.btn-play-multi:not(.btn-disabled):hover,.btn-join-room:not(.btn-disabled):hover{animation:glow-pulse 2s ease-in-out infinite,shimmer 1.5s linear infinite}.btn-large{font-size:12px;padding:16px 32px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:60px}.feature-card{text-align:center;padding:30px 20px}.feature-card h3{font-size:14px;color:var(--accent-green);margin-bottom:15px}.feature-card p{font-size:9px;color:var(--text-secondary);line-height:1.6}.stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;padding:40px 20px;border-top:2px solid var(--accent-green);border-bottom:2px solid var(--accent-green)}.stat-item{text-align:center}.stat-value{font-size:36px;color:var(--accent-green);margin-bottom:10px;text-shadow:0 0 10px var(--accent-green)}.stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase}@media (max-width: 768px){.home{flex-direction:column;padding:15px}.home-sidebar{width:100%;order:2}.hero{order:1}.hero-title{font-size:32px}.hero-subtitle{font-size:14px}.features{grid-template-columns:1fr}.stats{gap:30px}}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.success-modal-container{background:linear-gradient(135deg,#0a0a0a,#0f1419);border:2px solid var(--accent-green);border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 30px #00ff414d,0 20px 60px #000c;animation:slideUp .3s ease;position:relative}.success-modal-header{padding:30px 30px 20px;text-align:center;border-bottom:1px solid rgba(0,255,65,.2);position:relative}.success-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.success-modal-close:hover{background:#ffffff1a;border-color:var(--accent-green);color:var(--accent-green);transform:rotate(90deg)}.success-icon{margin-bottom:20px;display:flex;justify-content:center}.success-checkmark{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00ff411a;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-checkmark svg{width:52px;height:52px}.checkmark-circle{stroke:var(--accent-green);stroke-width:3;stroke-linecap:round;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke:var(--accent-green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes stroke{to{stroke-dashoffset:0}}.success-title{font-family:"Press Start 2P",cursive;font-size:16px;color:var(--accent-green);text-shadow:0 0 10px var(--glow-green);margin:0;line-height:1.5}.success-modal-content{padding:30px}.success-ship-info{text-align:center;margin-bottom:30px;padding:20px;background:#00ff410d;border:1px solid rgba(0,255,65,.2);border-radius:8px}.success-ship-name{font-family:"Press Start 2P",cursive;font-size:14px;color:var(--text-primary);margin:0 0 15px;text-shadow:0 0 5px var(--accent-green)}.success-badge{display:inline-block;padding:8px 16px;background:#00ff411a;border:1px solid var(--accent-green);border-radius:4px;font-family:"Press Start 2P",cursive;font-size:10px;color:var(--accent-green);text-shadow:0 0 5px var(--glow-green)}.success-details{margin-bottom:30px}.success-detail-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.success-detail-item:last-child{border-bottom:none}.detail-label{font-family:"Press Start 2P",cursive;font-size:9px;color:var(--text-secondary);text-transform:uppercase}.detail-value{font-family:"Press Start 2P",cursive;font-size:10px;color:var(--text-primary)}.detail-value-hash{display:flex;align-items:center;gap:8px}.hash-text{font-family:"Press Start 2P",cursive;font-size:9px;color:var(--accent-green);font-family:Courier New,monospace;letter-spacing:1px}.copy-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.copy-button:hover{background:#00ff411a;border-color:var(--accent-green);color:var(--accent-green)}.points-deducted{color:#f66;text-shadow:0 0 5px rgba(255,102,102,.5)}.success-actions{display:flex;gap:15px;flex-direction:column}.success-btn{font-family:"Press Start 2P",cursive;font-size:10px;padding:15px 24px;border:2px solid;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;border-radius:4px;position:relative;overflow:hidden}.success-btn-primary{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg-primary);box-shadow:0 0 20px var(--glow-green)}.success-btn-primary:hover{background:var(--accent-green-light);border-color:var(--accent-green-light);box-shadow:0 0 30px var(--glow-green);transform:translateY(-2px)}.success-btn-secondary{background:transparent;border-color:var(--text-secondary);color:var(--text-secondary)}.success-btn-secondary:hover{border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 10px #00ff414d}.success-btn:active{transform:translateY(0)}.success-modal-container::-webkit-scrollbar{width:8px}.success-modal-container::-webkit-scrollbar-track{background:#0003}.success-modal-container::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:4px}.success-modal-container::-webkit-scrollbar-thumb:hover{background:var(--accent-green-light)}@media (max-width: 768px){.success-modal-container{width:95%;max-height:95vh}.success-modal-header{padding:20px 20px 15px}.success-modal-content{padding:20px}.success-title,.success-ship-name{font-size:12px}.success-btn{font-size:9px;padding:12px 20px}}.store{padding:40px 20px}.store-empty{text-align:center;padding:60px 20px}.store-empty h2{font-size:24px;color:var(--accent-green);margin-bottom:20px}.store-empty p{font-size:12px;color:var(--text-secondary)}.ship-card{text-align:center;padding:30px 20px;transition:all .3s ease}.ship-image{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--accent-green));display:flex;align-items:center;justify-content:center;min-height:100px}.ship-image img{width:100%;max-width:120px;height:auto;filter:drop-shadow(0 0 10px var(--accent-green));transition:transform .3s ease}.ship-image img:hover{transform:scale(1.1)}.stat span:first-child{color:var(--text-secondary)}.ship-price{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg-primary);border:1px solid var(--accent-green)}.price-label{font-size:9px;color:var(--text-secondary)}.price-value{font-size:12px;color:var(--accent-green);font-weight:700}.btn-mint{width:100%;margin-top:10px}.collection{padding:40px 20px}.page-title{font-size:32px;color:var(--accent-green);text-align:center;margin-bottom:10px;text-shadow:0 0 10px var(--accent-green)}.page-subtitle{font-size:12px;color:var(--text-secondary);text-align:center;margin-bottom:40px}.collection-empty{text-align:center;padding:100px 20px}.collection-empty h2{font-size:24px;color:var(--accent-green);margin-bottom:20px}.collection-empty p{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.empty-hint{font-size:10px;color:var(--accent-green);margin-top:20px}.ships-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:40px}.ship-card{text-align:center;padding:30px 20px;cursor:pointer;transition:all .3s ease}.ship-card:hover{transform:translateY(-10px);box-shadow:0 0 30px var(--glow-green)}.ship-card.selected{border-color:var(--accent-green-light);box-shadow:0 0 30px var(--glow-green)}.ship-image{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--accent-green))}.ship-info{display:flex;flex-direction:column;gap:15px}.ship-name{font-size:14px;color:var(--accent-green);margin-bottom:5px}.ship-rarity{font-size:10px;text-transform:uppercase;font-weight:700}.ship-stats{display:flex;justify-content:space-around;padding:15px 0;border-top:1px solid var(--accent-green);border-bottom:1px solid var(--accent-green)}.stat{display:flex;flex-direction:column;gap:5px;font-size:9px}.stat span:first-child{font-size:16px}.stat span:last-child{color:var(--accent-green);font-size:12px}.ship-token-id{font-size:8px;color:var(--text-secondary);padding:5px;background:var(--bg-primary);border:1px solid var(--accent-green)}.ship-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-content{max-width:500px;width:100%;padding:40px;position:relative}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:2px solid var(--accent-green);color:var(--accent-green);width:30px;height:30px;cursor:pointer;font-size:16px;transition:all .3s ease}.modal-close:hover{background:var(--accent-green);color:var(--bg-primary)}.modal-content h2{font-size:20px;color:var(--accent-green);margin-bottom:30px;text-align:center}.detail-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.detail-stat{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--accent-green);font-size:10px}.detail-stat span:first-child{color:var(--text-secondary)}.detail-stat span:last-child{color:var(--accent-green)}@media (max-width: 768px){.ships-grid{grid-template-columns:1fr}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.edit-modal-content{background:linear-gradient(135deg,#000000f2,#001400f2);border:3px solid var(--accent-green);border-radius:15px;padding:30px;max-width:500px;width:90%;box-shadow:0 0 40px #00ff4166;animation:slideUp .3s ease}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(0,255,65,.3)}.edit-modal-header h2{font-size:20px;color:var(--accent-green);text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:0 0 10px var(--accent-green)}.close-btn{background:transparent;border:2px solid var(--accent-green);color:var(--accent-green);width:35px;height:35px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#00ff4133;transform:rotate(90deg)}.edit-modal-body{margin-bottom:25px}.input-label{display:block;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.edit-input{width:100%;padding:12px 15px;background:#00000080;border:2px solid var(--accent-green);border-radius:8px;color:var(--accent-green);font-size:14px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box}.edit-input:focus{background:#00ff411a;border-color:#0f8;box-shadow:0 0 15px #00ff414d}.input-hint{font-size:9px;color:var(--text-secondary);margin-top:8px;margin-bottom:0}.edit-modal-footer{display:flex;gap:15px;justify-content:flex-end}.edit-btn{padding:12px 30px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;border:2px solid}.cancel-btn{background:transparent;border-color:var(--text-secondary);color:var(--text-secondary)}.cancel-btn:hover{border-color:var(--accent-green);color:var(--accent-green);background:#00ff411a}.save-btn{background:linear-gradient(135deg,var(--accent-green),#00ff88);border-color:var(--accent-green);color:#000;box-shadow:0 0 15px #00ff414d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #00ff4180}.save-btn:active{transform:translateY(0)}@media (max-width: 768px){.edit-modal-content{padding:20px}.edit-modal-header h2{font-size:18px}.edit-btn{padding:10px 20px;font-size:11px}}.profile{padding:40px 20px}.page-title{font-size:32px;color:var(--accent-green);text-align:center;margin-bottom:40px;text-shadow:0 0 10px var(--accent-green)}.profile-empty{text-align:center;padding:100px 20px}.profile-empty h2{font-size:24px;color:var(--accent-green);margin-bottom:20px}.profile-empty p{font-size:12px;color:var(--text-secondary)}.loading-container{text-align:center;padding:100px 20px}.profile-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.profile-header{display:flex;gap:30px;padding:40px;align-items:center}.profile-avatar{width:120px;height:120px;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover;border:3px solid var(--accent-green);border-radius:0}.avatar-placeholder{width:100%;height:100%;background:var(--bg-primary);border:3px solid var(--accent-green);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--accent-green)}.profile-info{flex:1;display:flex;flex-direction:column;gap:15px}.profile-user-id{font-size:9px;color:var(--text-secondary);text-transform:uppercase}.profile-username{font-size:20px;color:var(--accent-green);margin:0}.profile-address{font-size:9px;color:var(--text-secondary);font-family:monospace}.profile-edit-form{display:flex;flex-direction:column;gap:15px}.edit-actions{display:flex;gap:10px}.profile-xp{padding:40px}.xp-title{font-size:16px;color:var(--accent-green);margin-bottom:30px;text-align:center}.xp-container{display:flex;flex-direction:column;gap:15px}.xp-header{display:flex;justify-content:space-between;align-items:center}.level-display{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.level-label{font-size:9px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.level-value{font-size:36px;color:var(--accent-green);font-weight:700;text-shadow:0 0 15px var(--accent-green);line-height:1}.xp-text{display:flex;align-items:baseline;gap:5px}.xp-current{font-size:24px;color:var(--accent-green);font-weight:700}.xp-separator,.xp-total{font-size:18px;color:var(--text-secondary)}.xp-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-left:5px}.xp-progress-bar{width:100%;height:20px;background:#00000080;border:2px solid var(--accent-green);border-radius:10px;overflow:hidden;position:relative}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#00ff88);border-radius:8px;transition:width .5s ease;box-shadow:0 0 15px #00ff4180}.xp-progress-text{font-size:10px;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:1px}.profile-stats{padding:40px}.stats-title{font-size:16px;color:var(--accent-green);margin-bottom:30px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-box{text-align:center;padding:20px;background:var(--bg-primary);border:2px solid var(--accent-green)}.stat-box .stat-value{font-size:32px;color:var(--accent-green);margin-bottom:10px;text-shadow:0 0 10px var(--accent-green)}.stat-box .stat-label{font-size:9px;color:var(--text-secondary);text-transform:uppercase}.profile-actions{padding:40px}.actions-title{font-size:16px;color:var(--accent-green);margin-bottom:30px;text-align:center}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.action-btn{width:100%}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.stats-grid,.actions-grid{grid-template-columns:1fr}}.room{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:20px}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.room-title{font-size:32px;font-weight:700;color:#00ff41;text-shadow:0 0 10px #00ff41}.room-content{display:grid;grid-template-columns:300px 1fr;gap:20px}.room-content.room-multiplayer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.player-card-wrapper{display:flex;flex-direction:column}.player-card-wrapper.player-1,.player-card-wrapper.player-2{justify-content:flex-start}.room-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.current-player{border:3px solid #00ff41!important;box-shadow:0 0 20px #00ff4180!important}.player-ready-status{margin-top:15px}.ready-badge{display:inline-block;padding:8px 16px;background:#00ff41;color:#000;font-weight:700;border-radius:4px;font-size:12px}.waiting-badge{display:inline-block;padding:8px 16px;background:#666;color:#fff;font-weight:700;border-radius:4px;font-size:12px}.room-code-display{font-size:14px;color:#00ff41;text-transform:uppercase;letter-spacing:2px}.room-code-info{font-size:16px;color:#fff;margin:10px 0}.waiting-message{color:#fa0;font-size:14px;margin:10px 0}.ready-status-info{color:#fff;font-size:14px;margin:5px 0}.all-ready-message{color:#00ff41;font-size:16px;font-weight:700;margin:15px 0;text-shadow:0 0 10px #00ff41}.ready-waiting{margin-top:20px;text-align:center}.ready-waiting p{color:#00ff41;font-size:14px;margin:5px 0}.empty-slot{opacity:.6;border:2px dashed #666666}.waiting-for-player{color:#888;font-size:12px;margin-top:10px}.btn-ready{cursor:pointer;transition:all .3s ease}.btn-ready:hover{transform:scale(1.05);box-shadow:0 0 20px #00ff4180}.room-sidebar{display:flex;flex-direction:column;gap:20px}.player-card{padding:20px;text-align:center}.player-avatar{margin-bottom:15px}.avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#06f,#04c);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin:0 auto;border:3px solid #00ff41}.player-info h3{margin:10px 0;color:#00ff41}.player-address{font-size:12px;color:#888;margin-bottom:15px}.player-ship{margin-top:15px}.ship-preview{width:60px;height:60px;object-fit:contain;margin-bottom:10px}.leaderboard-card,.history-card{padding:15px}.leaderboard-card h3,.history-card h3{margin-bottom:15px;color:#00ff41;font-size:18px}.leaderboard-list{display:flex;flex-direction:column;gap:10px}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#00ff411a;border-radius:4px}.rank{font-weight:700;color:#00ff41}.player-name{flex:1;margin-left:10px;font-size:12px}.score{font-weight:700;color:#fff}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{padding:10px;background:#0066ff1a;border-radius:4px;font-size:12px}.history-date{color:#00ff41;margin-bottom:5px}.history-details{display:flex;flex-direction:column;gap:3px;color:#888}.no-history{text-align:center;color:#888;font-size:12px;padding:20px}.room-main{min-height:600px}.game-lobby{display:flex;align-items:center;justify-content:center;min-height:600px}.lobby-content{text-align:center;padding:40px;max-width:500px}.lobby-content h2{font-size:28px;margin-bottom:20px;color:#00ff41}.lobby-content p{font-size:16px;margin:10px 0;color:#fff}.game-container{width:100%;height:100%}.game-result{margin-top:20px;padding:30px;text-align:center}.game-result h2{font-size:32px;color:#00ff41;margin-bottom:20px}.final-score{font-size:48px;font-weight:700;color:#06f;margin:20px 0}.result-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.loading{font-size:24px;color:#00ff41}.error-container p{font-size:18px;margin-bottom:20px}@media (max-width: 768px){.room-content{grid-template-columns:1fr}.room-sidebar{order:2}.room-main{order:1}}.space-shooter-game{position:relative;width:100%;height:100%;overflow:hidden}.game-canvas{width:100vw;height:100vh;display:block;background:transparent;position:fixed;top:0;left:0;z-index:5}.game-controls-overlay{position:absolute;top:20px;right:20px;z-index:10001}.control-info{background:#000000b3;padding:15px;border-radius:8px;border:2px solid #0066ff;text-align:left;min-width:200px}.control-info p{margin:5px 0;font-size:12px;color:#fff;font-family:monospace}.game-over-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:40px;border-radius:12px;text-align:center;border:3px solid #00ff41}.game-over-overlay h2{font-size:36px;color:#00ff41;margin-bottom:20px}.game-over-overlay p{font-size:24px;color:#fff}.game-space-background-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.game-space-background{position:absolute;top:0;left:0;width:100%;height:100%}.game-space-background-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 25% 35%,rgba(50,75,100,.02) 0%,transparent 45%),radial-gradient(ellipse at 75% 65%,rgba(75,100,125,.02) 0%,transparent 45%);pointer-events:none;z-index:1;mix-blend-mode:screen;animation:nebulaPulse 30s ease-in-out infinite}@keyframes nebulaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.game-space-background{z-index:0}.game-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden;z-index:9999}.game-page .game-space-background-wrapper{z-index:0;position:fixed;top:0;left:0;width:100%;height:100%}.game-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000c;position:relative;z-index:2}.loading-content{text-align:center;color:#00ff41}.loading-content h1{font-size:48px;margin-bottom:20px;text-shadow:0 0 20px #00ff41}.loading-content p{font-size:24px;color:#fff}.game-start-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.start-content{text-align:center;padding:40px;background:#0066ff1a;border:3px solid #0066ff;border-radius:12px}.start-content h1{font-size:64px;color:#00ff41;margin-bottom:30px;text-shadow:0 0 20px #00ff41}.start-content p{font-size:24px;color:#fff;margin:15px 0}.btn-start-game{margin-top:40px;padding:20px 60px;font-size:28px;font-weight:700;background:#06f;color:#fff;border:3px solid #0044cc;border-radius:8px;cursor:pointer;transition:all .3s}.btn-start-game:hover{background:#08f;transform:scale(1.05);box-shadow:0 0 30px #0066ff80}.game-container-fullscreen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;z-index:1}.game-over-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#000000d9;position:relative;z-index:2}.game-over-content{text-align:center;padding:60px;background:#0066ff1a;border:3px solid #00ff41;border-radius:12px;max-width:600px}.game-over-content h1{font-size:64px;color:red;margin-bottom:30px;text-shadow:0 0 20px #ff0000}.final-score{font-size:48px;color:#00ff41;font-weight:700;margin:30px 0;text-shadow:0 0 20px #00ff41}.game-over-actions{display:flex;flex-direction:column;gap:15px;margin-top:40px}.btn-play-again,.btn-back-to-room,.btn-back-to-home{padding:15px 40px;font-size:20px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid}.btn-play-again{background:#06f;color:#fff;border-color:#04c}.btn-play-again:hover{background:#08f;transform:scale(1.05)}.btn-back-to-room{background:#00ff41;color:#000;border-color:#0c3}.btn-back-to-room:hover{background:#3f6;transform:scale(1.05)}.btn-back-to-home{background:#666;color:#fff;border-color:#444}.btn-back-to-home:hover{background:#888;transform:scale(1.05)}.leaderboard-page{min-height:100vh;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #00ff41}.leaderboard-container{max-width:1200px;margin:0 auto;background:#ffffff0d;border-radius:10px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-table{display:flex;flex-direction:column;gap:10px}.leaderboard-header-row{display:grid;grid-template-columns:80px 1fr 200px 200px;gap:20px;padding:15px;background:#00ff411a;border-radius:5px;font-weight:700;text-transform:uppercase;font-size:.9rem;color:#00ff41}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 200px 200px;gap:20px;padding:15px;background:#ffffff0d;border-radius:5px;transition:all .3s ease;border:1px solid transparent}.leaderboard-row:hover{background:#ffffff1a;border-color:#00ff41;transform:translate(5px)}.col-rank{font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.col-player{display:flex;align-items:center}.player-address{font-family:Courier New,monospace;font-size:.95rem}.col-score{display:flex;align-items:center;justify-content:flex-end}.col-updated{display:flex;align-items:center;justify-content:flex-end;font-size:.9rem;color:#888}.leaderboard-footer{margin-top:30px;text-align:center}@media (max-width: 768px){.leaderboard-header-row,.leaderboard-row{grid-template-columns:60px 1fr 120px;font-size:.8rem}.col-updated{display:none}.page-title{font-size:1.5rem}}.history-page{min-height:100vh;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #00ff41}.page-title{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:0;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.5)}.btn-back{padding:10px 20px;background:#06f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;text-transform:uppercase;transition:all .3s ease}.btn-back:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 4px 8px #0066ff4d}.loading-container{text-align:center;padding:50px}.loading{font-size:1.5rem;color:#00ff41;animation:pulse 1.5s infinite}.empty-state{text-align:center;padding:50px;color:#888}.empty-hint{margin-top:10px;font-size:.9rem;color:#666}.history-container{max-width:1200px;margin:0 auto}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#ffffff0d;border-radius:10px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,65,.2)}.stat-value{font-size:2rem;font-weight:700;color:#00ff41;margin-bottom:10px}.stat-label{font-size:.9rem;color:#888;text-transform:uppercase}.history-table{background:#ffffff0d;border-radius:10px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px}.history-header-row{display:grid;grid-template-columns:200px 150px 150px 150px;gap:20px;padding:15px;background:#00ff411a;border-radius:5px;font-weight:700;text-transform:uppercase;font-size:.9rem;color:#00ff41}.history-row{display:grid;grid-template-columns:200px 150px 150px 150px;gap:20px;padding:15px;background:#ffffff0d;border-radius:5px;transition:all .3s ease;border:1px solid transparent}.history-row:hover{background:#ffffff1a;border-color:#00ff41;transform:translate(5px)}.col-date{display:flex;flex-direction:column;font-size:.9rem}.time{font-size:.8rem;color:#888;margin-top:5px}.col-room{display:flex;align-items:center}.room-code{font-family:Courier New,monospace;font-size:.95rem;color:#00ff41}.col-score{display:flex;align-items:center}.score-value{font-size:1.2rem;font-weight:700;color:#00ff41}.col-ship{display:flex;align-items:center}.ship-type{font-size:.95rem;color:#fff}.history-footer{margin-top:30px;text-align:center}.btn-refresh{padding:12px 30px;background:#06f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;text-transform:uppercase;transition:all .3s ease}.btn-refresh:hover{background:#0052cc;transform:translateY(-2px);box-shadow:0 4px 8px #0066ff4d}@media (max-width: 768px){.history-stats{grid-template-columns:1fr}.history-header-row,.history-row{grid-template-columns:1fr 100px;font-size:.8rem}.col-room,.col-ship{display:none}.page-title{font-size:1.5rem}}.events-page{min-height:calc(100vh - 80px);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.events-container{max-width:900px;width:100%}.events-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.events-header h1{font-size:36px;color:var(--accent-green);text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 0 20px var(--accent-green)}.events-content{display:flex;flex-direction:column;gap:20px}.event-card{background:#000c;border:2px solid var(--accent-green);border-radius:12px;padding:25px;box-shadow:0 0 20px #00ff414d;transition:all .3s ease}.event-card:hover{border-color:#0f8;box-shadow:0 0 30px #00ff4180;transform:translateY(-3px)}.event-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.event-card-header h2{font-size:24px;color:var(--accent-green);margin:0;text-transform:uppercase;letter-spacing:2px}.event-badge{padding:5px 15px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.event-badge.active{background:#00ff4133;color:var(--accent-green);border:1px solid var(--accent-green)}.event-badge.upcoming{background:#ffc80033;color:#ffc800;border:1px solid #ffc800}.event-card-body{display:flex;flex-direction:column;gap:15px}.event-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.event-details{display:flex;flex-direction:column;gap:10px;padding-top:15px;border-top:1px solid rgba(0,255,65,.3)}.event-detail{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.detail-value{font-size:14px;color:var(--accent-green);font-weight:700}.detail-value.countdown{color:#ffc800;font-family:monospace;font-size:13px}.event-action-btn{margin-top:20px;width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--accent-green),#00ff88);border:2px solid var(--accent-green);border-radius:8px;color:#000;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00ff414d}.event-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #00ff4180}.event-action-btn:active:not(:disabled){transform:translateY(0)}.event-action-btn:disabled{background:#6464644d;border-color:#64646480;color:#ffffff80;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.events-page{padding:20px 15px}.events-header{flex-direction:column;align-items:flex-start;gap:15px}.events-header h1{font-size:28px}.event-card{padding:20px}.event-card-header{flex-direction:column;align-items:flex-start;gap:10px}}.claim-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.claim-modal-content{background:linear-gradient(135deg,#000000f2,#001400f2);border:3px solid var(--accent-green);border-radius:20px;padding:40px;max-width:400px;width:90%;box-shadow:0 0 50px #00ff4180;animation:slideUp .3s ease;text-align:center}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.claim-modal-header{margin-bottom:30px}.claim-icon{font-size:64px;margin-bottom:15px;animation:bounce .6s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.claim-modal-header h2{font-size:24px;color:var(--accent-green);text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 0 20px var(--accent-green)}.claim-modal-body{margin-bottom:30px}.mission-completed-text{font-size:14px;color:var(--text-secondary);margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.reward-display{display:flex;flex-direction:column;align-items:center;gap:15px;padding:25px;background:#00ff411a;border:2px solid var(--accent-green);border-radius:15px}.reward-icon{font-size:48px;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reward-amount{font-size:32px;color:var(--accent-green);font-weight:700;text-shadow:0 0 15px var(--accent-green);text-transform:uppercase;letter-spacing:2px}.reward-added-text{font-size:12px;color:var(--accent-green);margin-top:10px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.claim-modal-footer{display:flex;justify-content:center}.claim-btn{background:linear-gradient(135deg,var(--accent-green),#00ff88);border:2px solid var(--accent-green);color:#000;padding:15px 40px;border-radius:10px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #00ff4180}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ff41cc}.claim-btn:active{transform:translateY(0)}@media (max-width: 768px){.claim-modal-content{padding:30px 20px}.claim-icon{font-size:48px}.claim-modal-header h2{font-size:20px}.reward-amount{font-size:24px}}.missions-page{min-height:calc(100vh - 80px);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.missions-container{max-width:900px;width:100%}.missions-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.missions-header h1{font-size:36px;color:var(--accent-green);text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 0 20px var(--accent-green)}.btn-back{background:#00ff411a;border:2px solid var(--accent-green);color:var(--accent-green);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.btn-back:hover{background:#00ff4133;box-shadow:0 0 15px #00ff4180;transform:translate(-3px)}.missions-content{display:flex;flex-direction:column;gap:20px}.mission-card{background:#000c;border:2px solid var(--accent-green);border-radius:12px;padding:25px;box-shadow:0 0 20px #00ff414d;transition:all .3s ease}.mission-card:hover{border-color:#0f8;box-shadow:0 0 30px #00ff4180;transform:translateY(-3px)}.mission-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mission-card-header h2{font-size:24px;color:var(--accent-green);margin:0;text-transform:uppercase;letter-spacing:2px}.mission-type{padding:5px 15px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mission-type.daily{background:#00ff4133;color:var(--accent-green);border:1px solid var(--accent-green)}.mission-type.weekly{background:#6496ff33;color:#6496ff;border:1px solid #6496ff}.mission-type.special{background:#ffc80033;color:#ffc800;border:1px solid #ffc800}.mission-type.challenge{background:#ff646433;color:#ff6464;border:1px solid #ff6464}.mission-card-body{display:flex;flex-direction:column;gap:15px}.mission-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.mission-progress{display:flex;align-items:center;gap:15px;padding:15px;background:#00000080;border-radius:8px;border:1px solid rgba(0,255,65,.3)}.progress-bar{flex:1;height:10px;background:#00000080;border-radius:5px;overflow:hidden;border:1px solid rgba(0,255,65,.3)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#00ff88);border-radius:5px;transition:width .3s ease;box-shadow:0 0 10px #00ff4180}.progress-text{font-size:12px;color:var(--accent-green);font-weight:700;min-width:80px;text-align:right}.mission-reward{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(0,255,65,.3)}.reward-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.reward-value{font-size:14px;color:var(--accent-green);font-weight:700}.claim-mission-btn{margin-top:15px;width:100%;padding:12px;background:linear-gradient(135deg,var(--accent-green),#00ff88);border:2px solid var(--accent-green);border-radius:8px;color:#000;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00ff414d}.claim-mission-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #00ff4180}.claim-mission-btn:active{transform:translateY(0)}.mission-claimed{margin-top:15px;padding:10px;background:#00ff411a;border:2px solid var(--accent-green);border-radius:8px;color:var(--accent-green);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center}.mission-card.claimed{opacity:.7;border-color:#00ff4180}@media (max-width: 768px){.missions-page{padding:20px 15px}.missions-header{flex-direction:column;align-items:flex-start;gap:15px}.missions-header h1{font-size:28px}.mission-card{padding:20px}.mission-card-header{flex-direction:column;align-items:flex-start;gap:10px}.mission-progress{flex-direction:column;align-items:stretch;gap:10px}.progress-text{text-align:center}}.special-launch-page{min-height:calc(100vh - 80px);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.special-launch-container{max-width:1000px;width:100%}.event-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.event-header h1{font-size:36px;color:var(--accent-green);text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 0 20px var(--accent-green)}.gacha-section{background:#000c;border:2px solid var(--accent-green);border-radius:15px;padding:40px;box-shadow:0 0 30px #00ff414d}.gacha-info{text-align:center;margin-bottom:30px}.gacha-info h2{font-size:28px;color:var(--accent-green);margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.gacha-info p{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.gacha-note{color:#ffc800;font-weight:700;margin-top:15px}.gacha-machine{min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:30px}.gacha-preview{width:100%}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.preview-item{background:#00ff411a;border:2px solid var(--accent-green);border-radius:10px;padding:15px;text-align:center;transition:all .3s ease}.preview-item:hover{background:#00ff4133;transform:translateY(-5px);box-shadow:0 0 20px #00ff4166}.preview-item img{width:100%;max-width:150px;height:auto;border-radius:8px;margin-bottom:10px}.preview-rarity{font-size:10px;color:var(--accent-green);text-transform:uppercase;letter-spacing:1px}.gacha-animation{position:relative;width:100%;height:400px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,#000000e6,#001400e6)}.gacha-spinner{display:flex;animation:spin .5s linear infinite;gap:20px;padding:20px}@keyframes spin{0%{transform:translate(0)}to{transform:translate(-200px)}}.spinner-item{flex-shrink:0;width:200px;height:200px;border:3px solid var(--accent-green);border-radius:15px;overflow:hidden;box-shadow:0 0 30px #00ff4180}.spinner-item img{width:100%;height:100%;object-fit:cover}.gacha-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:10}.gacha-light-beam{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:400px;background:linear-gradient(180deg,transparent 0%,rgba(0,255,65,.3) 30%,rgba(0,255,65,.6) 50%,rgba(0,255,65,.3) 70%,transparent 100%);animation:light-beam 1s ease-in-out infinite;z-index:5}@keyframes light-beam{0%,to{opacity:.5;transform:translate(-50%,-50%) scaleY(1)}50%{opacity:1;transform:translate(-50%,-50%) scaleY(1.2)}}.particle{position:absolute;width:10px;height:10px;background:var(--accent-green);border-radius:50%;box-shadow:0 0 20px var(--accent-green);animation:float 2s ease-in-out infinite}.particle-1{top:20%;left:10%;animation-delay:0s;background:#00ff41}.particle-2{top:40%;right:15%;animation-delay:.4s;background:#0f8}.particle-3{bottom:30%;left:20%;animation-delay:.8s;background:#8f0}.particle-4{top:60%;right:30%;animation-delay:1.2s;background:#f0f}.particle-5{bottom:20%;right:10%;animation-delay:1.6s;background:#0ff}.particle-6{top:30%;left:50%;animation-delay:2s;background:#f0f;width:15px;height:15px}.particle-7{bottom:40%;left:50%;animation-delay:2.4s;background:#ff0;width:12px;height:12px}.particle-8{top:50%;right:50%;animation-delay:2.8s;background:#f80;width:18px;height:18px}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1);opacity:1}50%{transform:translateY(-50px) translate(30px) scale(1.5);opacity:.7}}.gacha-result{position:relative;text-align:center;padding:40px}.result-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(0,255,65,.3),transparent);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite;z-index:0}@keyframes pulse-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.result-image{position:relative;z-index:1;width:250px;height:250px;border:4px solid var(--accent-green);border-radius:20px;box-shadow:0 0 50px #00ff4199;animation:result-appear .5s ease-out}@keyframes result-appear{0%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.result-name{margin-top:20px;font-size:24px;color:var(--accent-green);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px var(--accent-green)}.result-rarity{font-size:16px;color:#ffc800;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:10px}.result-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.gacha-btn{width:100%;padding:20px;background:linear-gradient(135deg,var(--accent-green),#00ff88);border:3px solid var(--accent-green);border-radius:12px;color:#000;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #00ff4166}.gacha-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 40px #00ff4199}.gacha-btn:active:not(:disabled){transform:translateY(0)}.gacha-btn:disabled{background:#6464644d;border-color:#64646480;color:#ffffff80;cursor:not-allowed;box-shadow:none}.pfp-owned{text-align:center;padding:40px}.pfp-owned h2{font-size:28px;color:var(--accent-green);margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.pfp-display{display:flex;flex-direction:column;align-items:center;gap:20px}.pfp-image{width:250px;height:250px;border:4px solid var(--accent-green);border-radius:20px;box-shadow:0 0 40px #00ff4180}.pfp-message{font-size:18px;color:var(--accent-green);font-weight:700;text-transform:uppercase;letter-spacing:1px}.pfp-note{font-size:14px;color:var(--text-secondary)}.mint-nft-btn{margin-top:30px;padding:15px 40px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:3px solid #ff6b6b;border-radius:12px;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #ff6b6b66}.mint-nft-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 40px #ff6b6b99}.mint-nft-btn:active:not(:disabled){transform:translateY(0)}.mint-nft-btn:disabled{background:#6464644d;border-color:#64646480;color:#ffffff80;cursor:not-allowed;box-shadow:none}.mint-status{margin-top:15px;font-size:14px;color:var(--accent-green);font-weight:700;text-align:center;min-height:20px}@media (max-width: 768px){.preview-grid{grid-template-columns:repeat(2,1fr);gap:15px}.result-image{width:200px;height:200px}.gacha-machine{min-height:300px}}.event-status-banner{background:#000c;border:3px solid;border-radius:15px;padding:40px;text-align:center;box-shadow:0 0 30px #ffc8004d}.event-status-banner.upcoming{border-color:#ffc800}.event-status-banner h2{font-size:32px;color:#ffc800;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.countdown-display{font-size:48px;color:#ffc800;font-family:monospace;font-weight:700;text-align:center;padding:30px;background:#ffc8001a;border:2px solid #ffc800;border-radius:10px;text-shadow:0 0 20px #ffc800}@media (max-width: 768px){.event-detail-header h1{font-size:28px}.countdown-display{font-size:32px}}.event-detail-page{min-height:calc(100vh - 80px);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.event-detail-container{max-width:900px;width:100%}.event-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.event-detail-header h1{font-size:36px;color:var(--accent-green);text-transform:uppercase;letter-spacing:3px;margin:0;text-shadow:0 0 20px var(--accent-green)}.event-detail-content{display:flex;flex-direction:column;gap:30px}.event-status-banner{background:#000c;border:3px solid;border-radius:15px;padding:40px;text-align:center;box-shadow:0 0 30px #00ff414d}.event-status-banner.active{border-color:var(--accent-green)}.event-status-banner h2{font-size:32px;color:var(--accent-green);margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.event-status-banner p{font-size:16px;color:var(--text-secondary)}.event-info-section{background:#000c;border:2px solid var(--accent-green);border-radius:12px;padding:30px;box-shadow:0 0 20px #00ff414d}.event-info-section h3{font-size:20px;color:var(--accent-green);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.event-info-section p{font-size:14px;color:var(--text-secondary);line-height:1.8}.event-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.event-features li{font-size:14px;color:var(--text-secondary);padding:10px;background:#00ff410d;border-left:3px solid var(--accent-green);border-radius:5px}.event-join-btn{width:100%;padding:20px;background:linear-gradient(135deg,var(--accent-green),#00ff88);border:3px solid var(--accent-green);border-radius:12px;color:#000;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #00ff4166}.event-join-btn:hover{transform:translateY(-3px);box-shadow:0 0 40px #00ff4199}.event-join-btn:active{transform:translateY(0)}@media (max-width: 768px){.event-detail-header h1{font-size:28px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}@media (max-width: 768px){.main-content{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #0f1419;--accent-green: #00ff41;--accent-green-dark: #00cc33;--accent-green-light: #33ff66;--text-primary: #ffffff;--text-secondary: #888888;--border-green: #00ff41;--glow-green: rgba(0, 255, 65, .5)}body{font-family:"Press Start 2P",cursive;background:#000;color:var(--text-primary);overflow-x:hidden;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green-light)}.btn{font-family:"Press Start 2P",cursive;font-size:10px;padding:12px 24px;background:transparent;color:var(--accent-green);border:2px solid var(--accent-green);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-green);transition:left .3s ease;z-index:-1}.btn:hover:before{left:0}.btn:hover{color:var(--bg-primary);box-shadow:0 0 20px var(--glow-green)}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{font-family:"Press Start 2P",cursive;font-size:10px;padding:12px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--accent-green);outline:none;transition:all .3s ease}.input:focus{box-shadow:0 0 10px var(--glow-green);border-color:var(--accent-green-light)}.card{background:#0f1419d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--accent-green);padding:20px;transition:all .3s ease;box-shadow:0 4px 15px #00000080}.card:hover{background:#0f1419f2;box-shadow:0 0 20px var(--glow-green);transform:translateY(-5px)}.glow{text-shadow:0 0 10px var(--accent-green),0 0 20px var(--accent-green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.pixel-border{border-image:repeating-linear-gradient(0deg,var(--accent-green) 0px,var(--accent-green) 2px,transparent 2px,transparent 4px) 1}