:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}html,body{margin:0;padding:0;background-color:#000;overflow:hidden;position:fixed;width:100%;height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-webkit-user-modify:none;touch-action:none}canvas{display:block;width:100%;height:100%;position:fixed;top:0;left:0}button,input,a,div,span,h1,h2,h3,p,li{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:none;cursor:pointer;touch-action:manipulation}input[type=text],input[type=email],input[type=password]{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.controls{position:absolute;top:40px;right:calc(10px + var(--safe-area-inset-right));bottom:calc(20px + var(--safe-area-inset-bottom));width:86px;display:none;z-index:100}.control-cluster{display:flex;flex-direction:column;height:100%;gap:10px;padding:10px 0}.control-button{flex:1;margin:0;border:none;background-color:#3c3c3c80;color:#fff9;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:2.5em;user-select:none;-webkit-user-select:none;text-align:center;vertical-align:middle;padding:0;line-height:normal;box-sizing:border-box}.control-button:active{background-color:#505050b3}#continuous-laser-button,#shield-button{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;height:auto;min-height:60px}.mine-control{position:absolute;right:calc(112px + var(--safe-area-inset-right));bottom:calc(20px + var(--safe-area-inset-bottom));width:90px;height:90px;display:none;z-index:100;opacity:0;transition:opacity .5s ease-in-out}.mine-control.show{opacity:1}.mine-control .mine-button{width:100%;height:100%;background-color:#3c3c3c80;color:#fff9;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:3em;border:none;margin:0;flex:none}.mine-control .mine-button:active{background-color:#505050b3}.movement-controls{display:flex;align-items:center}#thrust-button{width:80px;height:80px}#left-touch-area{position:absolute;left:0;top:0;width:50vw;height:100vh;z-index:99;display:none}#right-touch-area{position:absolute;right:0;top:0;width:50vw;height:100vh;z-index:99;display:none}#fullscreen-button{flex:none;height:40px;font-size:24px}#fullscreen-button:hover{background-color:#fff3}#main-menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-image:radial-gradient(1px 1px at 30px 40px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 120px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 200px 30px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 280px 100px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 350px 60px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 70px 120px,rgba(200,220,255,.6),transparent),radial-gradient(2px 2px at 150px 150px,rgba(180,200,255,.7),transparent),radial-gradient(1px 1px at 250px 180px,rgba(220,230,255,.5),transparent),radial-gradient(1px 1px at 320px 20px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80px 170px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 50px 25px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 170px 90px,rgba(210,225,255,.6),transparent),radial-gradient(2px 2px at 290px 140px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 380px 110px,rgba(190,210,255,.5),transparent),radial-gradient(1px 1px at 100px 50px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 220px 160px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 340px 180px,rgba(200,220,255,.6),transparent),radial-gradient(2px 2px at 60px 190px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:400px 200px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:"Press Start 2P",cursive;display:none;opacity:0;transition:opacity 1.2s ease-in-out;z-index:201;box-sizing:border-box;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);will-change:opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden}#main-menu h1{font-size:2.8em;margin-bottom:.96em;animation:blue-shimmer 4s ease-in-out infinite;text-shadow:0 0 5px #40c4ff,0 0 10px #40c4ff,0 0 15px #40c4ff,0 0 20px #40c4ff;text-align:center;width:100%;will-change:text-shadow,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden}#main-menu button{font-size:1.44em;padding:.5em 1em;margin:.55em;cursor:pointer;background-color:#000;color:#fff;border:2px solid black;border-radius:10px;font-family:"Press Start 2P",cursive;animation:breathe 3s ease-in-out .5s infinite;box-shadow:0 0 8px #40c4ffcc,0 0 16px #40c4ffcc,inset 0 0 8px #40c4ff14;opacity:0;transition:opacity .3s ease-in-out;font-display:swap;will-change:opacity,transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden}#main-menu button:hover{background-color:#111;color:#fff;border-color:#000;box-shadow:0 0 12px #70d4ffcc,0 0 24px #70d4ffcc,inset 0 0 12px #70d4ff29}#orientation-blocker{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;color:#fff;font-size:1.5em;display:none;justify-content:center;align-items:center;text-align:center;z-index:200;box-sizing:border-box;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes blue-shimmer{0%,to{text-shadow:0 0 5px #40c4ff,0 0 10px #40c4ff,0 0 15px #40c4ff;opacity:.8}50%{text-shadow:0 0 10px #40c4ff,0 0 20px #40c4ff,0 0 30px #40c4ff,0 0 40px #40c4ff;opacity:1}}@keyframes subtle-starfield-twinkle{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.3)}}@media (max-width: 768px){#main-menu button,#new-game-button,#high-scores-button,#settings-button{opacity:1!important;visibility:visible!important;display:block!important}}@media (max-width: 768px){#main-menu{width:100vw;height:100vh}#main-menu h1{margin-bottom:.64em}#main-menu button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-display:swap}}.hidden{display:none!important}#settings-auth-initial.hidden,#settings-auth-form.hidden,#settings-signout-section.hidden{display:flex!important}#settings-forgot-password.hidden,#settings-password-group.hidden{display:block!important}#help-button{position:absolute;bottom:calc(20px + var(--safe-area-inset-bottom));right:calc(20px + var(--safe-area-inset-right));width:60px;height:60px;background-color:#40c4ff;color:#fff;border:none;border-radius:50%;font-size:30px;font-weight:700;cursor:pointer;z-index:101;box-shadow:0 0 10px #40c4ff,0 0 15px #40c4ff;transition:transform .2s ease-in-out;opacity:.5}#help-button:hover{transform:scale(1.1)}#pause-button{position:absolute;top:calc(20px + var(--safe-area-inset-top));left:calc(20px + var(--safe-area-inset-left));width:60px;height:60px;background-color:#40c4ff;color:#fff;border:none;border-radius:50%;font-size:30px;font-weight:700;cursor:pointer;z-index:101;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #40c4ff,0 0 15px #40c4ff;opacity:.5;transition:transform .2s ease-in-out}#pause-button:hover{transform:scale(1.1)}.pause-symbol{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:100%}.pause-bar{width:6px;height:22px;background-color:#fff;border-radius:1px}#help-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#000000f2;color:#fff;border:2px solid #40c4ff;border-radius:15px;padding:20px;z-index:202;font-family:VT323,monospace;display:flex;flex-direction:column;align-items:center}#help-panel h2{font-family:"Press Start 2P",cursive;font-size:2em;color:#40c4ff;margin-top:0;text-shadow:0 0 5px #40c4ff}#help-panel p{font-size:1.5em;margin:10px 0;text-align:left;width:320px}#help-panel p span{display:inline-block;width:90px;font-weight:700;color:#40c4ff}#close-help-button{margin-top:20px;padding:10px 20px;font-size:1.2em;font-family:"Press Start 2P",cursive;color:#fff;background-color:#d9534f;border:2px solid #d43f3a;border-radius:10px;cursor:pointer;transition:background-color .2s}#close-help-button:hover{background-color:#c9302c}#high-scores-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:600px;max-width:90vw;max-height:80vh;background-color:#000;color:#fff;border:2px solid #40c4ff;border-radius:15px;padding:20px;z-index:202;font-family:VT323,monospace;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;opacity:0;transition:opacity .4s ease-in-out}@media (max-width: 600px){#high-scores-panel{width:calc(100vw - 40px);max-width:none;height:85vh;padding:10px;margin:0;left:50%;transform:translate(-50%) translateY(-50%);border-width:1px}#high-scores-panel h2{font-size:1.5em;margin-bottom:10px}#high-scores-list{font-size:1.4em;min-height:150px}#close-high-scores-button{font-size:1.1em;padding:8px 16px}}#high-scores-panel h2{font-family:"Press Start 2P",cursive;font-size:2em;color:#40c4ff;margin-top:0;margin-bottom:10px}#high-scores-list{list-style:none;padding:10px 0;width:100%;flex:1;min-height:200px;overflow-y:auto;font-size:1.6em;border-top:1px solid #40c4ff;border-bottom:1px solid #40c4ff;margin:5px 0}#high-scores-list li{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-radius:5px}#high-scores-list li:nth-child(odd){background-color:#00b0ff1a}#high-scores-list li.current-user-score{background-color:#ffd70033;border:1px solid #ffd700;box-shadow:0 0 5px #ffd7004d}#high-scores-list .rank-number{width:30px;font-weight:700;color:#40c4ff;text-align:right;margin-right:10px;flex-shrink:0}#high-scores-list .player-name{flex-grow:1;text-align:left}#high-scores-list .player-score{font-weight:700;color:gold}#close-high-scores-button{margin-top:10px;padding:10px 20px;font-size:1.2em;font-family:"Press Start 2P",cursive;color:#fff;background-color:#337ab7;border:2px solid #2e6da4;border-radius:10px;cursor:pointer;flex-shrink:0}#close-high-scores-button:hover{background-color:#286090}#auth-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;max-width:90vw;max-height:80vh;background-color:#000000f2;color:#fff;border:2px solid #40c4ff;border-radius:15px;padding:25px;z-index:202;font-family:VT323,monospace;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;box-shadow:0 0 20px #00b0ff80}#auth-panel h2{font-family:"Press Start 2P",cursive;font-size:1.8em;color:#40c4ff;margin-top:0;margin-bottom:20px}#auth-status{margin-bottom:20px;text-align:center;font-size:1.2em}#auth-forms{width:100%;max-width:300px;margin:0 auto}#auth-mode-selector{display:flex;gap:10px;margin-bottom:15px;justify-content:center}.auth-mode-btn{padding:8px 16px;border:2px solid #40c4ff;background-color:transparent;color:#40c4ff;border-radius:8px;cursor:pointer;font-family:VT323,monospace;font-size:1.1em;transition:all .3s ease}.auth-mode-btn:hover{background-color:#00b0ff33;transform:scale(1.05)}.auth-mode-btn.active{background-color:#40c4ff;color:#000}#auth-form{width:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#40c4ff;font-size:1.1em}.form-group input{width:100%;padding:10px;border:2px solid #40c4ff;border-radius:8px;background-color:#000c;color:#fff;font-family:VT323,monospace;font-size:1.1em;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#33c3ff;box-shadow:0 0 10px #00b0ff80}#auth-submit-button{width:100%;padding:12px;margin:20px 0;border:none;border-radius:8px;background-color:#40c4ff;color:#000;font-family:"Press Start 2P",cursive;font-size:1em;cursor:pointer;transition:all .3s ease}#auth-submit-button:hover:not(:disabled){background-color:#33c3ff;transform:scale(1.05);box-shadow:0 0 15px #00b0ffb3}#auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f44;background-color:#ff44441a;border:1px solid #ff4444;border-radius:8px;padding:10px;margin:10px 0;font-size:1em;text-align:center}.success-message{color:#4f4;background-color:#44ff441a;border:1px solid #44ff44;border-radius:8px;padding:10px;margin:10px 0;font-size:1em;text-align:center}.auth-divider{display:flex;align-items:center;margin:15px 0;color:#40c4ff;font-family:VT323,monospace;font-size:1.1em;width:100%;position:relative}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:#40c4ff;opacity:.3}.auth-divider:before{margin-right:15px}.auth-divider:after{margin-left:15px}.auth-divider span{flex-shrink:0;padding:0}.social-auth-buttons{display:flex;flex-direction:column;gap:10px;margin:0 0 15px;width:100%}.social-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:2px solid #dadce0;border-radius:8px;background-color:#fff;color:#3c4043;font-family:VT323,monospace;font-size:1.1em;cursor:pointer;transition:all .3s ease;text-decoration:none;width:100%;box-sizing:border-box}.social-auth-btn:hover{background-color:#f8f9fa;border-color:#c5c7ca;transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.social-auth-btn:active{transform:scale(.98)}.social-auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;background-color:#f5f5f5!important;color:#757575!important;border-color:#dadce0!important}.google-btn{border-color:#dadce0}.google-btn:hover{border-color:#c5c7ca;box-shadow:0 2px 8px #4285f433}.google-icon{width:20px;height:20px;flex-shrink:0}.settings-social-auth{margin-top:0}.settings-social-auth .auth-divider{margin:0 0 15px}.settings-social-auth .social-auth-btn{font-size:1em;padding:10px 16px;min-height:44px;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-social-auth .social-auth-btn:disabled{background-color:#f5f5f5!important;color:#757575!important;border-color:#dadce0!important}#signout-button{padding:10px 20px;margin:10px 0;border:2px solid #ff4444;background-color:transparent;color:#f44;border-radius:8px;cursor:pointer;font-family:VT323,monospace;font-size:1.1em;transition:all .3s ease}#signout-button:hover{background-color:#f443;transform:scale(1.05)}#close-auth-button{padding:10px 20px;margin-top:20px;border:2px solid #40c4ff;background-color:transparent;color:#40c4ff;border-radius:8px;cursor:pointer;font-family:"Press Start 2P",cursive;font-size:1em;transition:all .3s ease}#close-auth-button:hover{background-color:#00b0ff33;transform:scale(1.05);box-shadow:0 0 10px #00b0ff80}@media (max-width: 600px){#auth-panel{width:calc(100vw - 40px);max-width:none;padding:15px}#auth-panel h2{font-size:1.4em}.auth-mode-btn{font-size:1em;padding:6px 12px}.form-group input{font-size:1em;padding:8px}#auth-submit-button{font-size:.9em;padding:10px}}#pause-menu-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:280px;background-color:#000000f2;color:#fff;border:3px solid #40c4ff;border-radius:15px;padding:30px;z-index:300;font-family:VT323,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px #00b0ffb3}#pause-menu-panel h2{font-family:"Press Start 2P",cursive;font-size:1.8em;color:#40c4ff;margin-bottom:30px;text-align:center}.pause-menu-buttons{display:flex;gap:20px;justify-content:center}.pause-menu-btn{padding:12px 24px;font-size:1.2em;font-family:"Press Start 2P",cursive;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;min-width:100px}.resume-btn{background-color:#28a745;color:#fff;border-color:#1e7e34}.resume-btn:hover{background-color:#34ce57;transform:scale(1.05);box-shadow:0 0 10px #28a745b3}.quit-btn{background-color:#dc3545;color:#fff;border-color:#bd2130}.quit-btn:hover{background-color:#e14eca;transform:scale(1.05);box-shadow:0 0 10px #dc3545b3}.pause-separator{width:100%;height:1px;background-color:#40c4ff;margin:15px 0;opacity:.6}.pause-menu-btn.tutorial-btn{background-color:#40c4ff!important;color:#fff!important;border-color:#1976d2!important;padding:12px 24px!important;font-size:1.2em!important;font-family:"Press Start 2P",cursive!important;border:2px solid #1976d2!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease-in-out!important;min-width:100px!important;box-sizing:border-box!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.pause-menu-btn.tutorial-btn:hover{background-color:#70d6ff!important;transform:scale(1.05)!important;box-shadow:0 0 10px #40c4ffb3!important}@media screen and (min-width: 768px) and (min-height: 768px){.controls{top:50%}}#settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;max-height:80vh;background-color:#000000f2;color:#fff;border:2px solid #40c4ff;border-radius:15px;padding:25px;z-index:202;font-family:VT323,monospace;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;box-shadow:0 0 20px #00b0ff80;overflow-y:auto;opacity:0;transition:opacity .4s ease-in-out}#settings-panel h2{font-family:"Press Start 2P",cursive;font-size:2em;color:#40c4ff;margin-top:0;margin-bottom:10px}.settings-sections{display:grid;gap:10px;margin:10px 0;width:100%;max-width:450px}.settings-section{background:#202020fa;border-radius:8px;padding:25px;margin:8px;box-sizing:border-box}.settings-section h3{font-family:"Press Start 2P",cursive;font-size:1.2em;color:#40c4ff;margin-top:0;margin-bottom:15px;text-align:center}#settings-player-profile{font-size:1.2em;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}#settings-player-profile button{font-size:.7em;font-family:"Press Start 2P",cursive;padding:5px 10px;background-color:#40c4ff;color:#000;border:none;border-radius:5px;cursor:pointer;transition:all .2s ease}#settings-player-profile button:hover{background-color:#33c3ff;transform:scale(1.05)}#settings-edit-name-container{width:100%;margin-top:15px;display:flex;gap:8px;flex-wrap:wrap}#settings-new-name-input{flex:1;min-width:150px;font-size:1em;font-family:VT323,monospace;padding:8px;border:2px solid #40c4ff;border-radius:5px;background-color:#000c;color:#fff;box-sizing:border-box}#settings-new-name-input:focus{outline:none;border-color:#33c3ff;box-shadow:0 0 10px #00b0ff80}.settings-hint{font-style:italic;color:#40c4ff;font-size:1em;margin-top:15px;margin-bottom:0;text-align:center}#settings-resources{text-align:center}.resource-item{font-size:1.2em;margin:10px 0;padding:8px 0;color:#fff;font-weight:700}.upgrades-section{margin-top:20px;padding-top:15px;border-top:1px solid rgba(64,196,255,.3)}.upgrades-section h4{font-family:"Press Start 2P",cursive;font-size:1em;color:#40c4ff;margin:0 0 15px;text-align:center}.upgrade-button{width:100%;padding:12px 16px;font-family:VT323,monospace;font-size:1.1em;background-color:#282828e6;border:2px solid #666;color:#999;border-radius:8px;cursor:not-allowed;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;margin:8px 0;position:relative;overflow:hidden}.upgrade-button.available{background-color:#40c4ff1a;border-color:#40c4ff;color:#40c4ff;cursor:pointer}.upgrade-button.available:hover{background-color:#40c4ff33;border-color:#70d4ff;color:#70d4ff;transform:scale(1.02)}.upgrade-button.purchased{background-color:#4caf5033;border-color:#4caf50;color:#4caf50;cursor:default}.upgrade-button.purchased .upgrade-text{opacity:.8}.upgrade-checkmark{font-size:1.3em;font-weight:700;color:#4caf50;margin-left:10px}.upgrade-checkmark.hidden{display:none}.upgrade-button.purchased .upgrade-checkmark{display:inline}.settings-section:nth-child(3) h3{margin-bottom:7px}#settings-auth-status{text-align:center;overflow:hidden}#settings-auth-status p{font-size:1.1em;margin-bottom:15px}#settings-auth-initial{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;opacity:1;max-height:200px;margin:15px 0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}#settings-auth-initial.hidden{opacity:0;max-height:0;margin:0;pointer-events:none}#settings-login-button,#settings-register-button{padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:.9em;border:2px solid #40c4ff;background-color:#40c4ff;color:#000;border-radius:8px;cursor:pointer;transition:all .3s ease}#settings-login-button:hover,#settings-register-button:hover{background-color:#70d4ff;border-color:#70d4ff;transform:scale(1.05)}#settings-auth-form{display:flex;flex-direction:column;gap:10px;margin:5px 0;opacity:1;max-height:400px;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}#settings-auth-form.hidden{opacity:0;max-height:0;margin:0;pointer-events:none}#settings-auth-form .form-group{display:flex;flex-direction:column;gap:5px;opacity:1;max-height:200px;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}#settings-auth-form .form-group.hidden{opacity:0;max-height:0;margin:0}#settings-auth-form label{font-size:1em;color:#40c4ff;font-weight:700;text-align:left}#settings-auth-form input{padding:8px;border:2px solid #40c4ff;border-radius:5px;background-color:#000c;color:#fff;font-family:VT323,monospace;font-size:1em;box-sizing:border-box}#settings-auth-form input:focus{outline:none;border-color:#33c3ff;box-shadow:0 0 10px #00b0ff80}#settings-forgot-password{text-align:center;margin-top:8px;opacity:1;max-height:50px;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}#settings-forgot-password.hidden{opacity:0;max-height:0;margin:0}#settings-forgot-password-link{color:#40c4ff;text-decoration:none;font-size:.9em;transition:color .3s ease}#settings-forgot-password-link:hover{color:#70d4ff;text-decoration:underline}.settings-auth-form-buttons{display:flex;gap:8px;justify-content:center;margin-top:10px}#settings-auth-submit,#settings-auth-cancel{padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:.8em;border:2px solid;border-radius:5px;cursor:pointer;transition:all .3s ease}#settings-auth-submit{background-color:#40c4ff;border-color:#40c4ff;color:#000}#settings-auth-submit:hover:not(:disabled){background-color:#70d4ff;border-color:#70d4ff;transform:scale(1.05)}#settings-auth-submit:disabled{opacity:.6;cursor:not-allowed}#settings-auth-cancel{background-color:transparent;border-color:#40c4ff;color:#40c4ff}#settings-auth-cancel:hover{background-color:#40c4ff33;transform:scale(1.05)}#settings-auth-error{margin-top:10px;font-size:.9em}#settings-signout-section{text-align:center;opacity:1;max-height:100px;margin:5px 0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}#settings-signout-section.hidden{opacity:0;max-height:0;margin:0;pointer-events:none}#settings-signout-button{padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:.9em;border:2px solid #40c4ff;background-color:transparent;color:#40c4ff;border-radius:8px;cursor:pointer;transition:all .3s ease}#settings-signout-button:hover{background-color:#40c4ff33;transform:scale(1.05)}.volume-controls{display:flex;flex-direction:column;gap:20px;margin-top:10px}.volume-control-group{display:flex;flex-direction:column;gap:12px}.volume-control-group label{font-size:1.1em;color:#40c4ff;font-weight:700}.volume-slider-container{display:flex;align-items:center;gap:10px}.volume-slider{flex:1;height:8px;border-radius:5px;background:#333;outline:none;opacity:.8;transition:opacity .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider:hover{opacity:1}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#40c4ff;cursor:pointer;box-shadow:0 0 10px #00b0ff80;transition:all .2s ease;border:2px solid #fff}.volume-slider::-webkit-slider-thumb:hover{background:#33c3ff;transform:scale(1.1);box-shadow:0 0 15px #00b0ffcc}.volume-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#40c4ff;cursor:pointer;border:2px solid #fff;box-shadow:0 0 10px #00b0ff80;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{background:#33c3ff;transform:scale(1.1);box-shadow:0 0 15px #00b0ffcc}.volume-slider::-webkit-slider-track{width:100%;height:8px;cursor:pointer;background:linear-gradient(to right,#40c4ff 0%,#40c4ff var(--volume-percent, 50%),#333 var(--volume-percent, 50%),#333 100%);border-radius:5px}.volume-slider::-moz-range-track{width:100%;height:8px;cursor:pointer;background:#333;border-radius:5px}#sfx-volume-display,#music-volume-display,#haptic-intensity-display{min-width:40px;text-align:center;font-weight:700;color:#40c4ff}.haptic-controls{display:flex;flex-direction:column;gap:20px;margin-top:10px}.haptic-control-group{display:flex;flex-direction:column;gap:8px}.haptic-toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1.1em;color:#40c4ff;font-weight:700}.haptic-toggle-container input[type=checkbox]{width:20px;height:20px;accent-color:#40c4ff;cursor:pointer}.haptic-toggle-text{-webkit-user-select:none;user-select:none}.haptic-description{font-size:.9em;color:#888;font-style:italic;margin:0 0 0 32px}#haptic-intensity-group{margin-left:20px;opacity:1;transition:opacity .3s ease}#haptic-intensity-group.disabled{opacity:.5;pointer-events:none}#close-settings-button{padding:10px 20px;margin-top:10px;border:2px solid #40c4ff;background-color:#40c4ff;color:#000;border-radius:8px;cursor:pointer;font-family:"Press Start 2P",cursive;font-size:1em;transition:all .3s ease}#close-settings-button:hover{background-color:#70d4ff;border-color:#70d4ff;transform:scale(1.05);box-shadow:0 0 10px #70d4ff80}@media (max-width: 600px),(max-height: 500px){#settings-panel{width:500px;max-width:90vw;padding:15px;max-height:95vh}#settings-panel h2{font-size:1.5em;margin-bottom:15px}.settings-sections{gap:15px;margin:15px 0}.settings-section{padding:12px}.settings-section h3{font-size:1em;margin-bottom:10px}#settings-player-profile{font-size:1.1em;gap:8px}#settings-player-profile button{font-size:.6em;padding:4px 8px}#settings-login-button,#settings-register-button,#settings-auth-submit,#settings-auth-cancel,#settings-signout-button{font-size:.7em;padding:6px 12px}.resource-item{font-size:1.1em}.upgrades-section h4{font-size:.8em}.upgrade-button{padding:10px 12px;font-size:1em}.volume-slider::-webkit-slider-thumb{width:32px;height:32px}.volume-slider::-moz-range-thumb{width:32px;height:32px}.settings-section:nth-child(4){padding-bottom:20px}}@media (max-height: 400px){.settings-sections{gap:10px}.settings-section{padding:8px}.settings-section h3{font-size:.9em;margin-bottom:8px}.volume-control-group{gap:5px}}.volume-control-group{margin-bottom:10px}#offline-indicator{position:fixed;bottom:calc(20px + var(--safe-area-inset-bottom));right:calc(20px + var(--safe-area-inset-right));background-color:#ff4500b3;color:#fff;padding:8px 16px;border-radius:16px;font-family:"Press Start 2P",cursive;font-size:10px;z-index:10001;display:none;align-items:center;gap:8px;box-shadow:0 2px 8px #ff45004d;animation:pulse-offline 3s ease-in-out infinite}#offline-indicator.show{display:flex}#offline-indicator:before{content:"📵";font-size:16px}@keyframes pulse-offline{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@media (max-width: 768px){#offline-indicator{bottom:calc(10px + var(--safe-area-inset-bottom));right:calc(10px + var(--safe-area-inset-right));font-size:9px;padding:6px 12px}#offline-indicator:before{font-size:12px}}.low-performance #main-menu h1{animation:none!important;text-shadow:0 0 5px #40c4ff!important}.low-performance #main-menu button{animation:none!important}.medium-performance #main-menu h1{animation:none!important;text-shadow:0 0 5px #40c4ff!important}.medium-performance #main-menu button{animation:none!important}.low-performance #main-menu{background-image:none!important;background-color:#000!important}.transitioning #main-menu h1{animation:none!important;text-shadow:0 0 5px #40c4ff!important}.transitioning #main-menu button{animation:none!important}.fade-in{opacity:1!important}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1}#loading-overlay.hidden{display:none;pointer-events:none}.loading-text{font-family:"Press Start 2P",Courier New,monospace!important;color:#40c4ff;font-size:24px;text-shadow:0 0 10px #40c4ff,0 0 20px #40c4ff,0 0 30px #40c4ff;animation:pulse 1.5s infinite;font-display:swap}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}#main-menu,#mobile-controls,.mine-control{visibility:hidden}#main-menu.visible,#mobile-controls.visible,.mine-control.visible{visibility:visible}::-webkit-scrollbar{display:none}