*{font-size:1.1em;color:#fff}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background-color:#001;background-image:url(/spaceBackground.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;position:relative}#gameWrapper{padding:0;margin:0;display:block;width:100vw;height:100vh;position:absolute;top:0;left:0;background:transparent;overflow:hidden}#gameArea{display:none;width:100vw;height:100vh;background:transparent;position:absolute;top:0;left:0;overflow:hidden}#gameCanvas{background:transparent;display:block;width:100vw;height:100vh;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:pixelated;image-rendering:-webkit-crisp-edges;image-rendering:crisp-edges}#attribution{position:fixed;bottom:10px;left:10px;font-size:.5em;z-index:1000;background:#00000080;padding:5px 10px;border-radius:5px}a{text-decoration:none}.screen{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;max-width:650px;width:90%;max-height:90vh;overflow-y:auto;padding:40px;background-color:#14141ef2;border-radius:20px;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #000c,0 0 0 1px #ffffff1a;backdrop-filter:blur(10px)}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.screen::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;transition:background .3s ease}.screen::-webkit-scrollbar-thumb:hover{background:#ffffff80}.scroll-indicator{text-align:center;margin-top:1em;padding:.5em;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-text{display:block;font-size:.8em;color:#b0bec5;margin-bottom:.3em;font-weight:500}.scroll-arrow{font-size:1.2em;color:#4fc3f7;animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.screen h1{font-size:3.2em;font-weight:700;margin-bottom:1em;text-shadow:0 0 20px rgba(255,255,255,.4),0 0 40px rgba(255,255,255,.2);letter-spacing:2px;color:#fff;position:relative}.screen h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:2px}.game-modes{margin-bottom:1.5em}.game-modes .nav{display:flex;flex-direction:column;gap:.8em;align-items:center}.game-modes .nav-item{width:100%;max-width:280px}.game-modes .btn{width:100%;padding:.8em 1.2em;font-size:1.1em;font-weight:600;border-radius:12px;border:2px solid transparent;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;position:relative;overflow:hidden}.game-modes .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.game-modes .btn:hover:before{left:100%}.game-modes .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.player-count-section{margin-bottom:1.5em;margin-top:.5em;text-align:center;padding:1em;background-color:#4fc3f714;border-radius:12px;border:1px solid rgba(79,195,247,.2);backdrop-filter:blur(10px);box-shadow:0 4px 20px #4fc3f726;animation:playerCountFadeIn .8s ease-out}@keyframes playerCountFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.player-count-section h4{color:#4fc3f7;font-size:1.2em;margin-bottom:0;font-weight:600;letter-spacing:.5px;text-shadow:0 0 8px rgba(79,195,247,.4)}.player-count-section h4 span{font-size:1.4em;font-weight:700;color:#00bcd4;text-shadow:0 0 15px rgba(0,188,212,.6);margin:0 .2em;transition:all .3s ease}.player-count-section h4 span.updated{animation:playerCountPulse .6s ease-in-out}@keyframes playerCountPulse{0%{transform:scale(1)}50%{transform:scale(1.1);color:#4fc3f7}to{transform:scale(1)}}.settings{margin-bottom:1.5em;text-align:left}.settings h3{color:#f0f0f0;font-size:1.1em;margin-bottom:1em;text-align:center;font-weight:600;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,.3)}.settings .nav{display:flex;flex-direction:column;gap:.8em;align-items:center}.settings .nav-item{display:flex;align-items:center;justify-content:center;gap:.8em;padding:.4em .8em;background-color:#ffffff14;border-radius:8px;border:1px solid rgba(255,255,255,.15);min-width:200px;transition:all .3s ease;position:relative}.settings .nav-item:hover{background-color:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.game-modes .btn,.btn-group .btn{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:700}.settings .form-check-label{cursor:pointer;user-select:none;font-weight:500;margin:0;color:#f0f0f0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.settings .form-check-input{width:1.3em;height:1.3em;margin:0;cursor:pointer;accent-color:#007bff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.btn-group{display:flex;justify-content:center;gap:.8em;flex-wrap:wrap}.btn-group .btn{min-width:100px;padding:.7em 1em;font-weight:600;border-radius:8px;border:2px solid;transition:all .3s ease;background-color:transparent;position:relative;overflow:hidden}.btn-group .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn-group .btn:hover:before{left:100%}.btn-group .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-outline-success{border-color:#198754;color:#198754}.btn-outline-success:hover,.btn-outline-success:checked+label{background-color:#198754;border-color:#198754;color:#fff}.btn-outline-warning{border-color:#ffc107;color:#ffc107}.btn-outline-warning:hover,.btn-outline-warning:checked+label{background-color:#ffc107;border-color:#ffc107;color:#000}.btn-outline-danger{border-color:#dc3545;color:#dc3545}.btn-outline-danger:hover,.btn-outline-danger:checked+label{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn.active-mode{transform:scale(1.02);box-shadow:0 0 20px #fff6;border-width:3px}#start-multiplayer.active-mode{background-color:#0dcaf0!important;border-color:#fff!important;box-shadow:0 0 25px #0dcaf099}@media (max-height: 700px){.screen{max-height:95vh;padding:30px}.screen h1{font-size:2.8em;margin-bottom:1em}.game-modes,.settings{margin-bottom:1.5em}.game-modes .btn{padding:.6em 1em}.btn-group .btn{padding:.5em .8em}}@media (max-width: 700px){.screen{max-width:95%;width:95%;padding:25px}.screen h1{font-size:2.2em}.game-modes .btn{font-size:1em;padding:.7em 1em}.btn-group .btn{min-width:80px;padding:.5em .8em;font-size:.9em}.settings .nav-item{min-width:180px;padding:.3em .6em}}@media (min-width: 800px){.screen{max-width:700px;padding:50px}.game-modes .btn{max-width:320px}}.modal{background-color:#000000e6;border-radius:15px;text-align:center;border:2px solid rgba(255,255,255,.2)}#multiplayerNameModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:2em;width:min(400px,90vw);min-width:280px}#multiplayerNameModal .modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;padding:2em;border:2px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #00000080}#multiplayerNameModal h3{color:#4fc3f7;margin-bottom:1em;font-size:1.5em}#multiplayerNameModal p{color:#fff;margin-bottom:1.5em;font-size:1.1em}#multiplayerNameInput{width:100%;padding:.8em;margin-bottom:1.5em;border-radius:8px;border:2px solid rgba(255,255,255,.3);background-color:#ffffff1a;color:#fff;font-size:1.1em;transition:border-color .3s ease}#multiplayerNameInput:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f74d}#multiplayerNameInput::placeholder{color:#fff9}.modal-buttons{display:flex;gap:1em;justify-content:center}.modal-buttons .btn{padding:.8em 1.5em;border-radius:8px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.modal-buttons .btn-primary{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff}.modal-buttons .btn-primary:hover{background:linear-gradient(135deg,#29b6f6,#0288d1);transform:translateY(-2px);box-shadow:0 5px 15px #4fc3f766}.modal-buttons .btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.modal-buttons .btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 5px 15px #6c757d66}.screen:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:22px;z-index:-1;opacity:.6;pointer-events:none}.build-info{display:inline-block;margin-left:1em;font-size:.75em;color:#fff6;font-family:Courier New,monospace;opacity:.6;transition:opacity .3s ease}.build-info:hover{opacity:1}