:root{--cyan-glow: #0ff;--purple-glow: #B10DC9;--main-font: "Press Start 2P", cursive;--bg-color: #000;--text-color: #fff;--border-color: rgba(0, 255, 255, .4);--menu-bg: rgba(0, 10, 20, .9);--pi-purple: #593183;--pi-yellow: #F8B230;--glow-color: rgba(0, 255, 255, .5);--iota-green: #1de9b6;--og-red: #ff4136}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html{height:100%}body{margin:0;background-color:#090a0f;color:var(--text-color);font-family:var(--main-font);min-height:100%}body.hub-active{overflow-y:auto;overflow-x:hidden}body.game-active{overflow:hidden;height:100vh}.stars{width:1px;height:1px;background:transparent;box-shadow:738px 186px #fff,1511px 1978px #fff,1269px 1261px #fff,1075px 1318px #fff,1281px 1852px #0ff,155px 1293px #fff,1338px 1152px #fff,1461px 114px #fff,1808px 1098px #f0f,65px 649px #fff,1269px 426px #fff,1145px 177px #fff,1402px 1633px #ff0,1378px 1630px #fff,913px 1297px #fff,1018px 1295px #fff,738px 2186px #fff,1511px 3978px #fff,1269px 3261px #fff,1075px 3318px #fff,1281px 3852px #0ff,155px 3293px #fff,1338px 3152px #fff,1461px 2114px #fff,1808px 3098px #f0f,65px 2649px #fff,1269px 2426px #fff,1145px 2177px #fff,1402px 3633px #ff0,1378px 3630px #fff,913px 3297px #fff,1018px 3295px #fff;animation:stars 100s linear infinite;position:fixed;top:0;left:0;z-index:-2}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;z-index:-1;opacity:.3}#hub-container{padding:clamp(10px,3vw,40px);max-width:1600px;margin:0 auto;position:relative;z-index:5;opacity:0;transition:opacity .8s ease-out}#hub-container.hub-visible{opacity:1}.hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(20px,5vh,60px);animation:slideUp .8s .6s ease-out backwards}.logo{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--cyan-glow);text-shadow:0 0 15px var(--cyan-glow);position:relative}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}.glitch-effect:before,.glitch-effect:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-effect:before{left:2px;text-shadow:-2px 0 var(--purple-glow);clip:rect(44px,450px,56px,0);animation:glitch 5s infinite linear alternate-reverse}.glitch-effect:after{left:-2px;text-shadow:-2px 0 var(--og-red),2px 2px var(--pi-yellow);clip:rect(86px,450px,91px,0);animation:glitch 3s infinite linear alternate-reverse}#profile-widget{font-size:clamp(.8rem,1.5vw,1rem)}#profile-widget span{margin-right:15px}.logged-in-view,.logged-out-view{display:flex;align-items:center}.logged-in-view.interactive{cursor:pointer}.profile-avatar-small{width:40px;height:40px;border-radius:50%;border:2px solid var(--pi-yellow);margin-right:15px}.hub-button{font-family:var(--main-font);background:transparent;border:2px solid var(--border-color);color:var(--border-color);padding:10px 20px;cursor:pointer;text-transform:uppercase;font-size:clamp(.7rem,1.2vw,.9rem);position:relative;overflow:hidden;transition:color .3s}.hub-button span{position:relative;z-index:1}.hub-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--cyan-glow);z-index:0;transition:left .3s ease-in-out}.hub-button:hover{color:#000}.hub-button:hover:before{left:0}.hub-button.primary{border-color:var(--pi-yellow);color:var(--pi-yellow)}.hub-button.primary:before{background:var(--pi-yellow)}.hub-button.primary:hover{color:var(--pi-purple)}.logged-in .logged-out-view,.logged-out .logged-in-view,.logged-out .requires-auth .module-content{display:none}.logged-in .requires-auth .module-content{display:block}.auth-message{display:none;text-align:center;padding:40px 20px;color:#888;font-size:clamp(.8rem,1.5vw,1rem)}.logged-out .requires-auth .auth-message{display:block}.hub-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(20px,3vw,40px)}.hub-column{animation:slideUp .8s .8s ease-out backwards}.hub-column.center{animation-delay:1s}.hub-column.right{animation-delay:1.2s}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.dashboard-module{background:#0a1829b3;border:1px solid var(--border-color);margin-bottom:clamp(20px,3vw,40px);box-shadow:0 0 20px #00ffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.dashboard-module:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan-glow),transparent);animation:scan 6s linear infinite}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.module-title{font-size:clamp(1rem,2vw,1.2rem);padding:15px 20px;margin:0;color:var(--cyan-glow);text-shadow:0 0 5px var(--glow-color);border-bottom:1px solid var(--border-color);background:#0003}.module-content{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(10px,2vw,20px)}.stat-item{background:#0000004d;padding:15px;border-left:3px solid var(--pi-yellow);transition:background-color .2s}.stat-item:hover{background:#f8b2301a}.stat-item span{display:block;font-size:clamp(.7rem,1.2vw,.8rem);opacity:.7;margin-bottom:5px;text-transform:uppercase}.stat-item strong{font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--text-color)}.system-upgrade-item{margin-bottom:15px;font-size:clamp(.8rem,1.3vw,.9rem)}.system-upgrade-item>span:first-child{margin-bottom:5px;display:block}.system-upgrade-item>span:last-child{float:right;opacity:.7}.progress-bar{height:10px;background:#00000080;border:1px solid #444;margin-top:5px;display:inline-block;width:calc(100% - 50px)}.progress-bar div{height:100%;background:var(--pi-yellow);transition:width .5s ease-out}.news-feed{max-height:150px;overflow-y:auto;font-size:clamp(.7rem,1.2vw,.8rem);line-height:1.6}.news-feed p{margin:0 0 15px;border-left:2px solid var(--cyan-glow);padding-left:10px}.news-feed::-webkit-scrollbar{width:4px}.news-feed::-webkit-scrollbar-thumb{background:var(--cyan-glow)}.hangar-ship-showcase{text-align:center;margin-bottom:15px}.hangar-ship-image{max-height:160px;width:auto;max-width:100%;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.hangar-ship-info{text-align:center;margin-bottom:15px}.hangar-ship-info h3{margin:0 0 5px;font-size:1.2rem;color:var(--text-color)}.hangar-ship-info p{margin:0;font-size:.8rem;color:#aaa}.hangar-loadout{display:flex;justify-content:space-around;font-size:.8rem;text-align:center}.loadout-item span{display:block;opacity:.7;margin-bottom:5px}.loadout-item strong{color:var(--cyan-glow)}.edition-gallery{display:flex;flex-direction:column;gap:20px}.edition-card{flex:1;border:2px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative;overflow:hidden;height:120px;text-decoration:none;color:#fff;transform-style:preserve-3d;transition:transform .4s ease-out,box-shadow .4s}.edition-card:hover{transform:scale(1.02) perspective(1000px) rotateY(var(--rotateY, 0)) rotateX(var(--rotateX, 0))}.card-bg{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;transition:transform .4s ease-out}.edition-card:hover .card-bg{transform:translate(var(--bg-translateX, 0)) translateY(var(--bg-translateY, 0))}.edition-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;transition:background-color .3s}.edition-card:hover:before{background:#0006}.edition-card.pi{border-color:var(--pi-yellow)}.edition-card.pi .card-bg{background-image:url(/assets/social_preview.BqxNtvWo.png)}.edition-card.pi:hover{box-shadow:0 0 25px var(--pi-yellow)}.edition-card.iota{border-color:var(--iota-green)}.edition-card.iota .card-bg{background-image:url(./assets/images/preview_iota.png)}.edition-card.iota:hover{box-shadow:0 0 25px var(--iota-green)}.edition-card.og{border-color:var(--og-red)}.edition-card.og .card-bg{background-image:url(./assets/images/preview_og.png)}.edition-card.og:hover{box-shadow:0 0 25px var(--og-red)}.card-title{font-size:clamp(1.2rem,3vw,2rem);position:relative;z-index:1;text-shadow:0 0 10px black}.card-info{position:absolute;bottom:10px;right:10px;font-size:.8rem;background:var(--pi-yellow);color:var(--pi-purple);padding:5px 10px;z-index:1;animation:glitch 4s infinite}.edition-card.disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.edition-card.disabled:hover{transform:none;box-shadow:none}.edition-card.disabled:before{background:#000c}.leaderboard-wrapper .leaderboard-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,255,255,.1);font-size:.9rem}.leaderboard-wrapper .header{font-weight:700;color:var(--cyan-glow)}.leaderboard-wrapper .player-highlight{color:var(--pi-yellow);font-weight:700}.achievements-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.achievements-summary .progress-bar{width:50%;display:inline-block}.achievements-showcase{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.achievements-showcase img{width:50px;height:50px;object-fit:contain;border-radius:4px;border:1px solid #444}.achievements-showcase img.locked{filter:grayscale(1) brightness(.5)}#profile-view{position:fixed;top:0;left:0;width:100%;height:100%;background:#090a0ff2;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto;transition:opacity .5s,transform .5s}#profile-view.profile-view-hidden{opacity:0;pointer-events:none;transform:scale(1.1)}#profile-close-btn{position:fixed;top:20px;right:20px;z-index:1002}.profile-banner{width:100%;height:30vh;background-image:url(./assets/images/banner_default.png);background-size:cover;background-position:center;position:relative}.profile-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(9,10,15,1) 100%)}.profile-header{display:flex;align-items:center;max-width:1200px;margin:-80px auto 40px;padding:0 20px;position:relative;z-index:2}.profile-avatar{width:clamp(120px,15vw,160px);height:clamp(120px,15vw,160px);border:4px solid var(--pi-yellow);border-radius:50%;box-shadow:0 0 25px var(--pi-yellow);overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{margin-left:30px}.profile-identity h1{font-size:clamp(2rem,5vw,3.5rem);margin:0;text-shadow:0 0 10px #000}#profile-title-selector{color:var(--cyan-glow);cursor:pointer}.selected-title{font-weight:700}.profile-content{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"stats trophies" "hangar hangar";gap:30px;max-width:1200px;margin:0 auto;padding:0 20px 40px}.profile-panel{background:#0a1829b3;border:1px solid var(--border-color);padding:20px}.profile-panel h3{margin:0 0 20px;color:var(--cyan-glow);border-bottom:1px solid var(--border-color);padding-bottom:10px}.stats-panel{grid-area:stats}.trophy-panel{grid-area:trophies}.hangar-panel{grid-area:hangar}.radar-chart-placeholder{width:100%;height:250px;background:repeating-radial-gradient(rgba(0,255,255,.2) 0,rgba(0,255,255,.2) 1px,transparent 1px,transparent 20%)}.best-run{text-align:center;margin-top:20px}.trophy-shelf{display:flex;flex-wrap:wrap;gap:15px}.hangar-showcase{text-align:center}#hangar-ship{max-width:300px;width:100%;animation:float 4s ease-in-out infinite}#gameContainer{width:100vw;height:100%;position:relative;background:transparent;overflow:hidden}canvas{display:block;position:absolute;top:90px;left:0;background-color:transparent;z-index:1}#gameCanvas{border:3px solid var(--cyan-glow);box-shadow:0 0 30px #0ff9;border-radius:8px}#ui-panel,#ui-panel-bottom{position:absolute;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px;border-bottom:3px solid var(--border-color);text-transform:uppercase;background:var(--bg-color);z-index:10}#ui-panel{top:0;height:50px}#ui-panel-bottom{top:50px;height:40px}.left-stats,.right-stats{display:flex;align-items:center;gap:25px}#ui-panel .ui-item,#ui-panel-bottom .ui-item{display:flex;align-items:center;gap:8px}#coin-icon{width:18px;height:18px;vertical-align:middle}#ui-panel .ui-icon,#ui-panel-bottom .ui-icon{width:22px;height:22px;vertical-align:middle}#lives-display{display:flex;align-items:center;gap:10px}#energy-bar-container{width:100px;height:15px;border:1px solid var(--cyan-glow);background-color:#141414cc;border-radius:2px;padding:2px}#energy-bar{width:100%;height:100%;background:linear-gradient(90deg,#ff4136,#ff0,#39ff14);transition:width .2s ease-out;border-radius:1px}#bottom-ui-container{position:absolute;bottom:10px;left:10px;display:flex;gap:20px;z-index:10;align-items:flex-end}#level-display-container{display:none}#special-inventory,#ultra-inventory{display:flex;gap:10px}.inventory-slot{position:relative;width:60px;height:60px;border:2px solid var(--border-color);background:#001e28b3;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 0 10px #00ffff80;cursor:pointer}.inventory-slot .slot-image{max-width:75%;max-height:75%;object-fit:contain;pointer-events:none}.inventory-slot .slot-key{font-size:10px;color:#aaa;position:absolute;top:2px;left:5px}.inventory-slot .slot-count{font-size:12px;color:var(--cyan-glow);position:absolute;bottom:2px;right:5px}#ultra-inventory .inventory-slot{border-color:var(--purple-glow);box-shadow:0 0 15px #b10dc9b3}#ultra-inventory .inventory-slot .slot-count{color:var(--purple-glow)}#weapon-status{position:absolute;bottom:80px;left:10px;z-index:10;font-size:12px;color:var(--text-color);background:#000a14b3;padding:5px 10px;border:2px solid var(--cyan-glow);border-radius:5px;box-shadow:0 0 10px #00ffff80;display:none}#mobile-pause-button{display:none;width:30px;height:30px;cursor:pointer;color:var(--cyan-glow)}#menu-container{position:absolute;top:90px;left:0;width:100%;height:calc(100% - 90px);background:var(--menu-bg);z-index:20;display:none;flex-direction:column;align-items:center;color:var(--cyan-glow);text-shadow:0 0 10px var(--cyan-glow);padding-top:20px;box-sizing:border-box}.menu-header h1{margin:0;text-align:center;font-size:clamp(28px,8vw,50px);background:linear-gradient(90deg,#0ff,#f0f,#ff0,#0ff);background-size:400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 6s linear infinite}@keyframes shine{0%{background-position:0%}to{background-position:400%}}#menu-highscore{font-size:18px;margin-top:20px;color:var(--text-color);text-shadow:none}.menu-tabs{display:flex;width:90%;border-bottom:2px solid var(--border-color);margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:4px solid transparent;color:var(--text-color);padding:15px 20px;font-family:var(--main-font);font-size:16px;cursor:pointer;transition:color .3s,border-color .3s}.tab-button:hover{color:var(--cyan-glow)}.tab-button.active{color:var(--cyan-glow);border-bottom-color:var(--cyan-glow)}.menu-content{width:90%;flex-grow:1;overflow:hidden}.tab-pane{width:100%;height:100%;display:none;flex-direction:column;align-items:center}.tab-pane.active{display:flex}#spiel-view{justify-content:center}.menu-button{background:none;border:2px solid var(--cyan-glow);color:var(--cyan-glow);padding:15px 30px;font-family:var(--main-font);font-size:20px;margin:15px;cursor:pointer;width:350px;text-align:center;transition:all .3s ease-in-out;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 10px #00ffff4d}.menu-button:hover,.menu-button.active{background:var(--cyan-glow);color:var(--bg-color);text-shadow:none;box-shadow:0 0 25px var(--cyan-glow),0 0 50px var(--cyan-glow);transform:scale(1.05)}.settings-panel{display:flex;flex-direction:column;align-items:center;font-size:16px;width:100%}.setting-item{display:flex;justify-content:space-between;align-items:center;width:550px;margin:10px 0}.setting-item span{flex-basis:40%}.setting-item input[type=range]{width:150px;cursor:pointer}.setting-item .menu-button{font-size:16px;padding:10px 20px;margin:0;width:auto;min-width:150px}.info-panel{width:100%;height:100%;overflow-y:auto;padding:10px;font-size:12px;line-height:1.6;background:#0000004d;-webkit-overflow-scrolling:touch}.info-panel h3{text-align:center;color:var(--cyan-glow);text-transform:uppercase;font-size:16px;margin:30px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.info-panel h3:first-child{margin-top:10px}.powerup-entry{display:flex;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,255,.2)}.arsenal-icon{width:40px;height:40px;margin-right:15px;flex-shrink:0;object-fit:contain}.powerup-info .powerup-title{color:var(--text-color);font-size:14px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.powerup-info .powerup-desc{color:#aaa}.strength-indicator{font-weight:700;padding:3px 10px;border-radius:12px;font-size:10px;text-shadow:none;text-align:center}.strength-low{background-color:#2ecc40;color:#000}.strength-medium{background-color:#ffdc00;color:#000}.strength-high{background-color:#ff851b;color:#000}.strength-extreme{background-color:#ff4136;color:var(--text-color)}.strength-apocalyptic{background-color:#b10dc9;color:var(--text-color);animation:blink 2s linear infinite}.strength-final{background:linear-gradient(45deg,#b10dc9,#ff4136,#ffdc00);color:#fff;text-shadow:0 0 3px black;animation:final-boss-glow 1.5s ease-in-out infinite}#galerie-list{padding:0 10px}.gallery-section{margin-bottom:40px}.gallery-section h3{text-align:center;color:var(--cyan-glow);text-transform:uppercase;font-size:16px;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid var(--border-color);text-shadow:0 0 5px var(--cyan-glow)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px}.gallery-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border:2px solid #444;cursor:pointer;transition:all .2s ease-in-out;background-color:#00141e80;border-radius:4px}.gallery-item:hover{border-color:var(--purple-glow);background-color:#1e0028b3;transform:scale(1.05);z-index:2}.gallery-item.selected{border-color:var(--cyan-glow);box-shadow:0 0 15px var(--cyan-glow),inset 0 0 10px #00ffff4d;background-color:#003246b3;transform:scale(1.05)}.gallery-item.locked{cursor:not-allowed}.gallery-item-preview{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#0006;border:1px solid #333;border-radius:4px;padding:5px}.gallery-item-preview img{max-width:100%;max-height:100%;object-fit:contain}.gallery-item.locked .gallery-item-preview{filter:grayscale(1) brightness(.5)}.gallery-item-name{font-size:10px;text-align:center;color:#ccc;height:2.5em;line-height:1.25em;overflow:hidden}.gallery-item.locked .gallery-item-name{color:#666}.locked-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:40px;height:40px;background-color:#fffc;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1.5A5.25 5.25 0 006.75 6.75v3.75H6a2.25 2.25 0 00-2.25 2.25v8.25A2.25 2.25 0 006 23.25h12A2.25 2.25 0 0020.25 21V12.75A2.25 2.25 0 0018 10.5h-.75V6.75A5.25 5.25 0 0012 1.5zM8.25 6.75a3.75 3.75 0 017.5 0v3.75H8.25V6.75z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1.5A5.25 5.25 0 006.75 6.75v3.75H6a2.25 2.25 0 00-2.25 2.25v8.25A2.25 2.25 0 006 23.25h12A2.25 2.25 0 0020.25 21V12.75A2.25 2.25 0 0018 10.5h-.75V6.75A5.25 5.25 0 0012 1.5zM8.25 6.75a3.75 3.75 0 017.5 0v3.75H8.25V6.75z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}#language-select-screen,#mode-select-container,#game-over-container,#exit-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--menu-bg);z-index:25;display:none;flex-direction:column;align-items:center;justify-content:center}#language-select-screen h1{font-size:30px;margin-bottom:20px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lang-button{background:none;border:2px solid var(--border-color);color:var(--border-color);padding:15px;font-family:var(--main-font);font-size:12px;cursor:pointer;text-align:center;transition:background .2s,color .2s}.lang-button:hover{background:var(--cyan-glow);color:var(--bg-color);text-shadow:none}#lang-back-button{margin-top:30px;display:none}#game-over-container .menu,#mode-select-container .menu,#exit-screen .menu{text-align:center;color:var(--cyan-glow);text-shadow:0 0 10px var(--cyan-glow)}#game-over-container .menu h1{font-size:clamp(32px,10vw,70px)}.final-score-container{color:var(--text-color);font-size:24px;margin:30px 0;text-shadow:none}#exit-screen h1{margin-bottom:20px;font-size:clamp(24px,8vw,50px)}#exit-screen p{color:var(--text-color);text-shadow:none;font-size:clamp(14px,4vw,18px)}#shop-container{position:absolute;top:90px;left:0;width:100%;height:calc(100% - 90px);background:var(--menu-bg);z-index:20;display:none;justify-content:center;align-items:flex-start;padding:20px 0;box-sizing:border-box}#shop-container .shop-menu{display:flex;flex-direction:column;width:90%;max-width:950px;height:100%;overflow:hidden}#shop-container .shop-header{width:100%;text-align:center;position:relative;flex-shrink:0;margin-bottom:10px}#shop-container .menu-tabs{flex-shrink:0;width:100%;margin-bottom:0}#shop-coin-display{position:absolute;top:10px;right:0;display:flex;align-items:center;background:#00000080;padding:8px 15px;border-radius:20px;border:2px solid #FFD700;color:gold;font-size:18px}#shop-coin-icon{width:24px;height:24px;margin-right:10px}#shop-content{width:100%;flex-grow:1;overflow-y:auto;padding:15px;margin:0;background:#0000004d;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-top:none}.shop-tab-pane{display:none}.shop-tab-pane.active{display:block}.shop-item{display:flex;align-items:center;background:#0006;border:1px solid #444;padding:15px;margin-bottom:15px;gap:20px;transition:border-color .3s,background-color .3s}.shop-item:hover{border-color:var(--cyan-glow);background-color:#0032464d}.shop-item-icon{flex-basis:80px;flex-shrink:0;width:80px;height:80px;object-fit:contain;background:#0000004d;padding:5px;border-radius:5px;border:2px solid #555}.shop-item-details{flex-grow:1;text-align:left}.shop-item-purchase{flex-basis:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.shop-item-title{font-size:16px;color:var(--text-color);margin:0 0 8px}.shop-item-desc{font-size:12px;color:#aaa;line-height:1.5;margin:0}.shop-item-level-container{margin-top:10px;font-size:12px;color:var(--cyan-glow)}.shop-item-level-progress{width:100%;height:8px;background-color:#222;border:1px solid #555;margin-top:4px}.shop-item-level-bar{height:100%;background-color:var(--cyan-glow);width:0%;transition:width .3s ease-in-out}.shop-buy-button{background:none;border:2px solid #2ECC40;color:#2ecc40;padding:12px 20px;font-family:var(--main-font);font-size:16px;cursor:pointer;text-align:center;width:100%;transition:background .2s,color .2s}.shop-buy-button.cosmetic-equip-button{border-color:#1af;color:#1af}.shop-buy-button:hover:not(:disabled){background:#2ecc40;color:var(--bg-color)}.shop-buy-button:disabled{border-color:#555;color:#555;cursor:not-allowed}.shop-buy-button.maxed{border-color:gold;color:gold;background:#ffd7001a;cursor:default}#pi-user-display{font-size:12px;color:var(--pi-yellow);margin-top:10px;text-align:center}#pi-user-display #pi-username{font-weight:700}.shop-buy-button.pi-purchase{border-color:var(--pi-yellow);color:var(--pi-yellow)}.shop-buy-button.pi-purchase:hover:not(:disabled){background:var(--pi-yellow);color:var(--pi-purple)}#leaderboard-content{color:var(--text-color);font-size:12px;text-align:left;width:100%}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:80px 1fr 150px 150px;gap:10px;padding:10px;border-bottom:1px solid rgba(0,255,255,.2);align-items:center}.leaderboard-row:nth-child(2n){background-color:#00324633}.final-rank{margin:20px 0;font-size:1.2em;color:var(--cyan-glow);min-height:25px}.final-rank.error{color:var(--og-red);font-size:.9em}.leaderboard-row.highlighted-player{background-color:#00ffff26;border:1px solid var(--cyan-glow);box-shadow:0 0 10px var(--glow-color);transform:scale(1.02)}@media (max-width: 900px){.hub-main-grid{grid-template-columns:1fr}.hub-header{flex-direction:column;gap:20px}.edition-gallery{flex-direction:column;height:auto;gap:15px}.edition-card{height:120px}.profile-content{grid-template-columns:1fr;grid-template-areas:"stats" "trophies" "hangar"}.profile-header{flex-direction:column;text-align:center;margin-top:-100px}#ui-panel,#ui-panel-bottom{font-size:11px;padding:0 10px}.left-stats,.right-stats{gap:10px}#energy-bar-container{width:80px}.menu-tabs{flex-wrap:wrap;justify-content:center}.tab-button{font-size:12px;padding:10px}.menu-header h1{font-size:32px}.menu-button{width:90%;font-size:16px;padding:12px 20px;margin:10px}#menu-highscore{font-size:14px}.setting-item{width:100%;flex-direction:column;gap:10px;margin:15px 0}.shop-item{flex-direction:column;text-align:center}.leaderboard-header,.leaderboard-row{grid-template-columns:40px 1fr 80px 60px;font-size:10px}}#shop-pane-pi-bundle{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.shop-item.pi-bundle-item{background:#0a1829b3;border:2px solid var(--pi-yellow);border-radius:8px;display:flex;align-items:center;padding:20px;gap:15px;position:relative;overflow:hidden}.pi-bundle-item .bundle-icon{flex-shrink:0}.pi-bundle-item .bundle-icon img{width:60px;height:60px}.pi-bundle-item .bundle-details{flex-grow:1;text-align:left}.pi-bundle-item .bundle-details .shop-item-title{font-size:1.1rem;margin:0 0 10px}.pi-bundle-item .bundle-reward{display:flex;align-items:center;gap:8px;color:#ccc;font-size:.9rem}.pi-bundle-item .bundle-reward strong{color:var(--text-color);font-size:1.2rem}.pi-bundle-item .bundle-reward img{width:22px;height:22px}.pi-bundle-item .shop-item-purchase .shop-buy-button{padding:0;width:90px;height:50px}.pi-bundle-item .bundle-cost{font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:5px}.pi-bundle-item .bundle-cost .pi-symbol{color:var(--pi-yellow);font-size:1.5rem}.pi-bundle-item.best-value:after{content:"BESTER WERT";position:absolute;top:10px;right:-35px;background:#2ecc40;color:var(--bg-color);padding:4px 35px;font-size:.7rem;font-weight:700;transform:rotate(45deg);box-shadow:0 0 10px #00000080}.collectible-item:hover{transform:scale(1.03);box-shadow:0 0 25px var(--purple-glow);border-color:var(--purple-glow)}.collectible-item:before{content:"";position:absolute;top:0;left:-100%;width:75%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-30deg);transition:left .7s}.collectible-item:hover:before{animation:glint 1s ease-out forwards}@keyframes glint{0%{left:-100%}to{left:150%}}#collectible-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#090a0fd9;z-index:1001;display:none;justify-content:center;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .4s ease}#collectible-modal.active{display:flex;opacity:1}#collectible-modal .modal-content{background:var(--menu-bg);border:2px solid var(--purple-glow);box-shadow:0 0 30px var(--purple-glow);border-radius:8px;display:flex;max-width:800px;width:90%;max-height:80vh;animation:fadeInScale .5s ease-out forwards}@keyframes fadeInScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}#collectible-modal .modal-content #modal-img{width:45%;object-fit:cover;border-radius:6px 0 0 6px;flex-shrink:0}#collectible-modal .modal-content .modal-text-content{padding:30px;display:flex;flex-direction:column;overflow-y:auto}#collectible-modal .modal-content #modal-title{font-size:2rem;color:var(--pi-yellow);margin:0 0 20px;text-shadow:0 0 10px var(--pi-yellow)}#collectible-modal .modal-content #modal-story{font-family:sans-serif;font-size:1rem;line-height:1.6;color:#ddd;margin:0 0 30px}#collectible-modal .modal-content #modal-bonus{margin-top:auto;font-size:1.1rem;color:var(--cyan-glow);background:#0000004d;padding:15px;border-left:3px solid var(--cyan-glow)}#collectible-modal .modal-content #modal-bonus b{text-transform:uppercase}.nft-info-box{grid-column:1 / -1;background:#000a1480;border:1px solid var(--border-color);border-radius:8px;padding:20px 25px;margin-bottom:15px}.nft-info-box h3{text-align:center;color:var(--cyan-glow);font-size:1.2rem;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}.nft-timeline{display:flex;gap:25px;justify-content:center}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.timeline-step .icon{width:40px;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:10px}.timeline-step h4{color:var(--pi-yellow);margin:0 0 8px;font-size:.9rem}.timeline-step p{font-family:sans-serif;font-size:.8rem;line-height:1.5;color:#ccc;margin:0}#shop-pane-pi-bundle{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:20px}.shop-item.pi-card{background:linear-gradient(145deg,var(--pi-purple),#2d1842);border:2px solid var(--pi-yellow);border-radius:12px;padding:25px;display:flex;flex-direction:column;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 15px #f8b23033}.shop-item.pi-card:hover{transform:translateY(-8px);box-shadow:0 0 30px #f8b23099}.pi-card-header{font-size:1.2rem;color:var(--text-color);margin-bottom:20px;text-shadow:0 0 5px #000}.pi-card-body{flex-grow:1;margin-bottom:25px}.pi-card .card-icon-wrapper{position:relative;display:inline-block;margin-bottom:15px}.pi-card .card-icon-wrapper img{width:80px;height:80px;animation:float 5s ease-in-out infinite}.pi-card .card-icon-wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(248,178,48,.4) 0%,transparent 70%);animation:pi-glow 3s ease-in-out infinite}@keyframes pi-glow{50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.pi-card .card-reward{font-size:2.5rem;font-weight:700;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:10px}.pi-card .card-reward img{width:30px;height:30px}.pi-card-footer .shop-buy-button{width:100%;font-size:1.3rem;padding:15px}.pi-card-footer .bundle-cost .pi-symbol{font-size:1.5rem}.pi-card.best-value{border-width:3px;animation:pi-shine 4s linear infinite;background-size:200% 200%}@keyframes pi-shine{0%{border-image:linear-gradient(45deg,var(--pi-yellow),#ffd700,var(--pi-yellow)) 1}50%{border-image:linear-gradient(45deg,#ffd700,var(--pi-yellow),#ffd700) 1}to{border-image:linear-gradient(45deg,var(--pi-yellow),#ffd700,var(--pi-yellow)) 1}}.pi-card.best-value:before{content:"BESTER WERT";position:absolute;top:0;left:50%;transform:translate(-50%);background:var(--pi-yellow);color:var(--pi-purple);padding:5px 25px;font-size:.8rem;font-weight:700;border-radius:0 0 10px 10px;box-shadow:0 5px 10px #0000004d}@media (hover: none) and (pointer: coarse){#mobile-pause-button{display:block}.slot-key{display:none}}.shop-buy-button .shop-item-cost{display:flex;justify-content:center;align-items:center;gap:10px}.shop-buy-button .shop-item-cost img{width:20px;height:20px}.hub-header{flex-direction:column;gap:30px}.logo{font-size:clamp(2rem,8vw,2.8rem)}#profile-widget{font-size:clamp(.9rem,2.5vw,1.1rem);display:flex;flex-direction:column;align-items:center;gap:15px}.logged-in-view,.logged-out-view{flex-direction:column;gap:15px;text-align:center}.hub-button{padding:12px 25px;font-size:clamp(.85rem,3vw,1rem)}.edition-gallery{flex-direction:row;height:clamp(160px,25vh,200px);overflow-x:auto;overflow-y:hidden;padding-bottom:15px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.edition-card{flex:0 0 80%;max-width:300px;height:100%;scroll-snap-align:center}.module-title{font-size:clamp(1.1rem,4vw,1.4rem)}.stat-item strong{font-size:clamp(1.5rem,5vw,2rem)}.mission span{font-size:clamp(.85rem,2.5vw,1rem)}body.theme-pi{--cyan-glow: var(--pi-purple);--border-color: rgba(89, 49, 131, .6);--glow-color: rgba(177, 13, 201, .5)}body.theme-pi .menu-button:hover,body.theme-pi .menu-button.active{background:var(--pi-yellow);color:var(--pi-purple);border-color:var(--pi-yellow);box-shadow:0 0 25px var(--pi-yellow),0 0 50px var(--pi-yellow)}body.theme-pi #gameCanvas{border-color:var(--pi-purple);box-shadow:0 0 30px #593183cc}body.theme-pi .hub-button:hover{color:var(--pi-purple)}body.theme-pi .hub-button:before{background:var(--pi-yellow)}.edition-confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#090a0fd9;z-index:2000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.dialog-content{background:var(--menu-bg);border:2px solid var(--border-color);padding:30px 40px;text-align:center;box-shadow:0 0 30px var(--glow-color);animation:slideUp .4s .1s ease-out backwards}.dialog-content h2{color:var(--cyan-glow);margin:0 0 15px;font-size:1.5rem}.dialog-content p{font-size:1rem;color:#ccc;margin:0 0 30px;max-width:400px;line-height:1.6}.dialog-buttons{display:flex;justify-content:center;gap:20px}.dialog-button{font-family:var(--main-font);font-size:1rem;padding:10px 30px;cursor:pointer;border:2px solid;background:transparent;transition:all .2s ease-in-out}.dialog-button.yes{color:#2ecc40;border-color:#2ecc40}.dialog-button.yes:hover{background:#2ecc40;color:var(--bg-color);box-shadow:0 0 15px #2ecc40}.dialog-button.no{color:#ff4136;border-color:#ff4136}.dialog-button.no:hover{background:#ff4136;color:var(--text-color);box-shadow:0 0 15px #ff4136}#start-game-container{position:fixed;bottom:10%;left:50%;transform:translate(-50%);z-index:100}#final-start-button{animation:pulse-start 1.5s infinite}@keyframes pulse-start{0%{transform:scale(1);box-shadow:0 0 25px var(--pi-yellow),0 0 50px var(--pi-yellow)}50%{transform:scale(1.05);box-shadow:0 0 35px var(--pi-yellow),0 0 70px var(--pi-yellow)}to{transform:scale(1);box-shadow:0 0 25px var(--pi-yellow),0 0 50px var(--pi-yellow)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}