body{background:#050111 url(../assets/images/space_background.png) repeat;animation:scrollBackground 13s linear infinite;background-size:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;z-index:0;pointer-events:none}.container{max-width:900px;margin:0 auto;padding:3rem 1rem;text-align:center;position:relative;z-index:10}h1{font-family:var(--font-retro);font-size:2.5rem;background:var(--gradient-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--shadow-text);margin-bottom:2rem;letter-spacing:4px;text-transform:uppercase}.instructions-card{background:#2d1b4ebf;border:2px solid var(--color-teal);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:2rem}.instruction-section{margin-bottom:2rem;text-align:left}.instruction-section:last-child{margin-bottom:0}.instruction-section h2{font-family:var(--font-retro);font-size:1.1rem;color:var(--color-pink);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,105,180,.5)}.control-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1.5rem}.control-item{display:flex;align-items:center;justify-content:flex-start;gap:20px;font-family:var(--font-primary);font-size:1.1rem;color:var(--color-text-white);padding:15px 20px;background:#000a1466;border:1px solid var(--color-teal);border-radius:12px;transition:all .3s ease}.control-item:hover{background:#00142899;box-shadow:0 0 20px #00f5ff33;transform:translate(5px)}.toggleSwitch{width:50px;height:50px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#000a14cc;border:2px solid var(--color-teal);border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00f5ff4d;overflow:hidden;flex-shrink:0}#muteMusicCheckbox,#muteSoundEffectsCheckbox{display:none}.speaker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.speaker svg{width:24px;height:24px;filter:drop-shadow(0 0 3px rgba(0,245,255,.8))}.mute-speaker{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;z-index:3;transition:all .3s ease}.mute-speaker svg{width:24px;height:24px;filter:drop-shadow(0 0 3px rgba(255,0,0,.8))}#muteMusicCheckbox:checked+.toggleSwitch,#muteSoundEffectsCheckbox:checked+.toggleSwitch{background-color:#f003;border-color:var(--color-pink);box-shadow:0 0 20px #f006,inset 0 0 10px #f003}#muteMusicCheckbox:checked+.toggleSwitch .speaker,#muteSoundEffectsCheckbox:checked+.toggleSwitch .speaker{opacity:0}#muteMusicCheckbox:checked+.toggleSwitch .mute-speaker,#muteSoundEffectsCheckbox:checked+.toggleSwitch .mute-speaker{opacity:1;background-color:#ff00004d;border-radius:50%}.toggleSwitch:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--color-teal-light),inset 0 0 15px #00f5ff33;background-color:#00f5ff1a}#muteMusicCheckbox:active+.toggleSwitch,#muteSoundEffectsCheckbox:active+.toggleSwitch{transform:scale(.95)}.control-item p{margin:0;font-size:1.1rem;color:var(--color-text-white);text-shadow:0 0 5px rgba(255,255,255,.3);letter-spacing:.5px;font-weight:500;text-transform:uppercase}.control-item:before{content:"▶";color:var(--color-teal);font-size:.8rem;margin-right:5px;text-shadow:0 0 8px var(--color-teal)}.buttons{display:flex;justify-content:center;gap:25px;margin-top:1rem}.nav-btn{font-family:var(--font-retro);font-size:.8rem;padding:18px 35px;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--color-text-dark);text-transform:uppercase;letter-spacing:2px;font-weight:700}#backToMenuBtn{background:var(--gradient-back-btn);box-shadow:0 0 20px #2dd4bf66;border:2px solid transparent;border-radius:25px}#startNowBtn{background:var(--gradient-newgame-btn);box-shadow:0 0 20px #06b6d466;border:2px solid transparent;border-radius:25px}.nav-btn:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 0 30px #2dd4bf99}#startNowBtn:hover{box-shadow:0 0 30px #06b6d499}.nav-btn:active{transform:translateY(1px)}@media(max-width:768px){.container{padding:2rem 1rem}h1{font-size:1.8rem;letter-spacing:2px}.instructions-card{padding:1.5rem}.control-list{gap:1rem}.control-item{padding:12px 15px;gap:15px}.toggleSwitch{width:45px;height:45px}.speaker svg,.mute-speaker svg{width:20px;height:20px}.control-item p{font-size:1rem}.buttons{flex-direction:column;gap:15px}.nav-btn{width:100%;padding:15px 25px}}@media(max-width:480px){.control-item{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.control-item:before{display:none}.toggleSwitch{align-self:center}}@keyframes scrollBackground{0%{background-position:0 0}to{background-position:0 1024px}}