@font-face{font-family:"VT323";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/vt323.woff2) format("woff2")}:root{--game-w: 1280px;--game-h: 720px;--deep-purple: darkslateblue;--white: #fff;--text-dark: #1b1b1b;--pinkish: #80027f;--pinkish-dark: #80027f;--pinkish-border: #f3e6ff;--border: 6px groove;--gap-lg: 32px;--gap-md: 20px;--gap-sm: 12px;--btn-w: 200px;--btn-h: 100px;--header-h: 100px;--font-title: 100px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:VT323,monospace}button{font-family:inherit;font-size:xx-large;cursor:pointer;border:none}.outer-container{width:var(--game-w);height:var(--game-h);background:#eee;border:5px solid gainsboro;margin:0 auto}.game-window{position:relative;width:var(--game-w);height:var(--game-h);overflow:hidden;background-image:url(../src/frontpage_background.jpg);background-size:cover;background-position:center}#landing-page{width:100%;height:100%}#landing-header{position:relative;height:var(--header-h);background:var(--deep-purple);border-bottom:var(--border);color:#fff;display:flex;align-items:center;justify-content:center}.landing-title{font-size:var(--font-title);line-height:1;margin:0;text-align:center}.header-asteroid{position:absolute;top:0;height:100%;width:auto;pointer-events:none}.header-asteroid.left{left:0}.header-asteroid.right{right:0}.button-stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);margin-top:48px}.primary{width:var(--btn-w);height:var(--btn-h);background:var(--deep-purple);color:#fff;display:grid;place-items:center;border-radius:6px}#settings-panel{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:16px}#settings-panel .panel{width:600px;height:690px;background:#4a3f8f;color:#fff;border:3px solid #cfd8ff;border-radius:10px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;align-items:center;padding:24px}#settings-panel .panel .panel-section:first-of-type{margin-top:60px}#settings-panel .panel .panel-section:nth-of-type(2){margin-top:50px}.panel-title{margin:0 0 var(--gap-lg);font-weight:700;text-align:center}.panel-subtitle{margin:0 0 var(--gap-sm);font-weight:700;text-align:center}.panel-section{width:90%;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--gap-lg)}#volume-slider{width:100%;height:25px;background:#d3d3d3;outline:none;border-radius:8px}.difficulty-grid{width:100%;display:grid;grid-template-columns:repeat(3,150px);grid-template-rows:auto auto;justify-content:center;align-items:center;row-gap:18px;column-gap:20px}.diff-btn,.close-under{min-width:150px;height:64px;border-radius:10px;background:var(--pinkish);color:var(--text-dark);transition:transform .05s ease,background .15s ease}.diff-btn:hover,.close-under:hover{background:var(--pinkish-dark);transform:translateY(-1px)}.diff-btn.selected{outline:4px solid var(--pinkish-border)}.close-under{grid-row:2;grid-column:2;justify-self:center;margin-top:200px}#tutorials-page{display:none;width:100%;height:100%;background:#fff;color:#000;text-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:10px 0}.tutorial-title{margin:0 0 6px;font-size:56px;font-weight:700}.tutorial-line{font-size:40px;margin:0;text-align:center}.tutorial-media-row{display:flex;justify-content:center;gap:12px}.inline-gif{height:40px;width:auto;vertical-align:middle}.inline-img.asteroid-big{height:60px;width:auto}.start-btn{margin-top:10px;width:220px;height:84px;border-radius:10px;background:#fff;color:#000;border:2px solid #000}.strong{font-weight:700}.italic{font-style:italic}#actual-game{display:none;position:relative;width:100%;height:100%;background:#fff;overflow:hidden}.asteroidSection{position:absolute;height:100%;width:100%;overflow:hidden}.curAsteroid{position:absolute;z-index:9;width:44px;height:44px;top:0;right:0}.curAsteroid img{position:relative;z-index:10;height:80px;display:block;margin:0 auto;left:-18px;top:-16px}#player{position:absolute;width:64px;height:64px;top:300px;left:600px;z-index:5}#scoreboard{position:absolute;top:10px;right:10px;color:#000;font-size:24px;text-align:right}#get-ready{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;color:#000;background:#ffffffd9;padding:18px 48px;border-radius:10px;z-index:20}#game-over{position:absolute;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50}#game-over .go-card{width:520px;background:#fff;border:4px solid #222;border-radius:16px;padding:28px;text-align:center;box-shadow:0 12px 36px #00000059}#game-over .go-title{font-size:56px;margin:0 0 10px;color:#111}#game-over .go-sub{font-size:28px;margin:6px 0 18px;color:#333}#game-over .go-actions{display:flex;gap:14px;justify-content:center}#game-over .go-btn{min-width:160px;height:56px;border-radius:10px;background:#4a3f8f;color:#fff;border:2px solid #1f184f;font-family:inherit;font-size:24px;cursor:pointer}#game-over .go-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.pickup,.portal{position:absolute;width:48px;height:48px;z-index:8}.pickup img,.portal img{width:100%;height:100%;display:block}#pause-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;z-index:45;cursor:pointer}#pause-btn img{width:100%;height:100%;display:block}#paused-overlay{position:absolute;inset:0;z-index:48;background:#00000073;display:grid;place-items:center}#paused-overlay .paused-card{background:#e5e5e5;border:3px solid #222;border-radius:14px;padding:24px 28px;text-align:center;box-shadow:0 12px 32px #0000004d;width:420px}#paused-overlay .paused-title{font-size:60px;margin:4px 0 10px;letter-spacing:1px}#paused-overlay .paused-rocket{width:160px;height:160px;display:block;margin:6px auto 12px}#paused-overlay .btn-row{display:flex;justify-content:center;align-items:center;gap:12px}#paused-overlay .btn{height:52px;font-size:22px;border-radius:10px;border:2px solid #1f184f;background:#4a3f8f;color:#fff;cursor:pointer}#paused-overlay .btn-resume{min-width:340px;margin-bottom:12px}#paused-overlay .btn-small{min-width:160px}#paused-overlay .btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
html,body{overflow:hidden;background:#000}.outer-container{margin:0}