*{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:8px;left:8px;font-size:.35em;z-index:1000;opacity:.3;transition:opacity .3s ease}#attribution:hover{opacity:.6}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}.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}.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-game.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}}.game-modes .form-label{color:#f0f0f0;font-size:1em;margin-bottom:.5em;font-weight:600;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,255,255,.3);display:block;text-align:center}.game-modes .form-control{background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1em;padding:.6em .8em;transition:all .3s ease;text-align:center;backdrop-filter:blur(5px);margin-bottom:1em}.game-modes .form-control:focus{background-color:#ffffff26;border-color:#fff6;box-shadow:0 0 15px #fff3;outline:none}.game-modes .form-control::placeholder{color:#fff9}.game-modes .form-control:hover{border-color:#ffffff4d;background-color:#ffffff1f}.modal{background-color:#000000e6;border-radius:15px;text-align:center;border:2px solid rgba(255,255,255,.2)}#playerNameModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:2em;width:min(400px,90vw);min-width:280px}#playerNameModal .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}#playerNameModal h3{color:#4fc3f7;margin-bottom:1em;font-size:1.5em}#playerNameModal p{color:#fff;margin-bottom:1.5em;font-size:1.1em}#playerNameInput{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}#playerNameInput:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 10px #4fc3f74d}#playerNameInput::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}.game-modes .form-control.default-nickname{border-color:#4fc3f799;background-color:#4fc3f726;color:#ffffffe6;box-shadow:0 0 8px #4fc3f74d;transition:all .3s ease;position:relative}.game-modes .form-control.default-nickname:after{content:"✨ Generated";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.8em;color:#4fc3f7cc;pointer-events:none;opacity:.7}