:root{font-family:"Press Start 2P",monospace;color:#91ffa6;background:#080a12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 30% 50%,#12383d66,transparent 55%),radial-gradient(ellipse at 80% 40%,#40152d55,transparent 50%),#080a12}a{color:inherit}main{width:100%;position:relative}#stage{height:100svh;height:100dvh;width:100%;position:relative;overflow:hidden}#stage>canvas,.projection{position:absolute;top:0;left:0}.projection{pointer-events:none}.crt,.marquee{pointer-events:auto;backface-visibility:hidden}.crt{width:400px;height:300px;border-radius:13px;padding:20px 18px;background:radial-gradient(ellipse at 50% 35%,#0a2110,#020904 90%);color:#8aff9c;box-shadow:inset 0 0 28px #000c,0 0 15px #42ff651a;overflow:hidden;position:relative;text-shadow:0 0 4px #49ff6866}.crt:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 3px);box-shadow:inset 0 0 14px #0009}.screen-top,.selection-detail,.screen-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px}.screen-top{color:#70d884}h2{font:16px "Press Start 2P",monospace;margin:23px 0 17px}.cursor{animation:blink 1s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}ul{margin:0;padding:0;list-style:none;outline:none}li[role=option]{height:30px;display:flex;align-items:center;gap:10px;cursor:pointer;padding:0 6px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-name{font-size:12px;text-transform:uppercase;white-space:nowrap}.arrow{font-size:12px;visibility:hidden}li[aria-selected=true]{background:#8aff9c;color:#041008;text-shadow:none}li[aria-selected=true] .arrow{visibility:visible}li:hover{color:#d9ffe0}li[aria-selected=true]:hover{color:#041008}.selection-detail{font-size:10px;margin:14px 6px 16px;color:#64b875}.screen-bottom{padding-top:10px;border-top:1px solid #376445}button{font:10px "Press Start 2P",monospace;color:#aaffb7;background:transparent;border:0;padding:8px 0;cursor:pointer;text-shadow:0 0 5px #49ff6880}button:hover{color:#fff}.hint{font-size:7px;margin-top:8px;text-align:center;color:#64b875;line-height:1.7}.marquee{width:1000px;height:143px;text-align:center;display:flex;flex-direction:column;justify-content:center;color:#f5e5a1;text-shadow:0 0 18px #ffcd4a80,3px 3px #932365}.marquee h1{font:36px/1.6 "Press Start 2P",monospace;margin:0;letter-spacing:2px}.marquee p{font-size:12px;letter-spacing:3px;color:#9eebd4;margin:9px 0;text-shadow:none}.skip{position:fixed;top:-100px;z-index:10;background:#132d27;padding:12px;font-size:10px}.skip:focus{top:10px}#loading{position:absolute;top:48%;width:100%;text-align:center;font-size:12px}.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;height:auto!important;gap:20px;padding:25px 10px}.fallback .crt{width:min(400px,100%);height:auto!important;min-height:300px}.fallback .marquee{width:100%;height:auto}.fallback .marquee h1{font-size:18px}.fallback .marquee p{font-size:8px}noscript nav{display:grid;gap:20px;max-width:500px;margin:30px auto;padding:20px;font-size:12px}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}.crt{height:300px;padding:12px 16px;display:flex;flex-direction:column}.crt h2{margin:6px 0;font-size:16px}.crt li[role=option]{height:26px}.crt li[role=option][hidden]{display:none!important}.crt .game-name,.crt .arrow{font-size:12px}.crt #game-menu{flex:0 0 auto;min-height:0;overflow:hidden}.selection-detail{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;margin:4px 6px;gap:0;font-size:10px;color:#64b875;background:none;border:0;min-height:0}.selection-detail #count{margin:0;padding:0}.crt-chrome{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column}.screen-bottom{margin-top:0;padding-top:6px;flex-shrink:0;border-top:1px solid #376445}.crt button{padding:4px 0}.hint{margin-top:2px;font-size:7px;line-height:1.5;flex-shrink:0}.crt ul:focus-visible,.crt button:focus-visible{outline:none}.crt button:focus-visible{color:#041008;background:#8aff9c;text-shadow:none;box-shadow:0 0 8px #8aff9c66}.credit{position:fixed;bottom:18px;left:18px;z-index:5;font-size:8px;color:#a2b4ae;text-decoration:none;line-height:1.8}.credit:hover,.credit:focus-visible{color:#b8ffcf;text-shadow:0 0 8px #72ff9366;outline:none}.fallback .crt{height:300px!important;min-height:300px}.fallback .marquee{min-height:70px}@media(max-width:600px){.credit{font-size:7px;left:12px;bottom:12px}.fallback .crt{padding:12px}}.sound-player{position:fixed;right:18px;bottom:18px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;font-family:"Press Start 2P",monospace}.sound-player>*{pointer-events:auto}.sound-toggle{font:8px/1.4 "Press Start 2P",monospace;color:#a8ffbc;background:#080e128c;border:1px solid rgba(106,255,150,.28);border-radius:4px;padding:10px 12px;cursor:pointer;text-shadow:0 0 6px #49ff6880;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);box-shadow:0 0 12px #0008,inset 0 0 10px #0a1a1288;letter-spacing:.5px}.sound-toggle:hover,.sound-toggle:focus-visible{color:#e8ffe9;border-color:#8aff9c8c;outline:none;box-shadow:0 0 14px #72ff9344,inset 0 0 10px #0a1a12aa}.sound-toggle[aria-pressed=true]{color:#041008;background:#8aff9cd1;border-color:#8aff9c;text-shadow:none;box-shadow:0 0 10px #8aff9c55}.sound-panel{width:min(260px,calc(100vw - 36px));padding:10px 12px 12px;background:#060c109e;border:1px solid rgba(106,255,150,.22);border-radius:6px;backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);box-shadow:0 4px 18px #000a,inset 0 0 14px #0a181288;color:#91ffa6}.sound-now{font-size:7px;line-height:1.7;color:#8aff9c;text-shadow:0 0 5px #49ff6866;margin-bottom:10px;word-break:break-word}.sound-vol{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.sound-vol-icon{font-size:9px;color:#70d884;flex-shrink:0}.sound-vol input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#1a3a28,#2a5a3a);outline:none;border:1px solid rgba(106,255,150,.18);cursor:pointer}.sound-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:2px;background:#8aff9c;border:1px solid #041008;box-shadow:0 0 6px #72ff9388;cursor:pointer}.sound-vol input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:2px;background:#8aff9c;border:1px solid #041008;box-shadow:0 0 6px #72ff9388;cursor:pointer}.sound-vol input[type=range]:focus-visible{box-shadow:0 0 0 1px #8aff9c66}@media(max-width:600px){.sound-player{right:12px;bottom:12px}.sound-toggle{font-size:7px;padding:9px 10px}.sound-panel{width:min(220px,calc(100vw - 24px));padding:9px 10px 10px}.sound-now{font-size:6px}}@media(prefers-reduced-motion:reduce){.sound-toggle,.sound-panel{transition:none}}.crt-cracktro{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:stretch;justify-content:space-between;padding:14px 12px 12px;box-sizing:border-box;cursor:pointer;touch-action:manipulation;background:radial-gradient(ellipse at 50% 40%,#061a12,#020804 88%);color:#8aff9c;-webkit-tap-highlight-color:transparent}.crt-cracktro[hidden]{display:none!important}.crt--cracktro .crt-cracktro{display:flex}.crt--cracktro>:not(.crt-cracktro){visibility:hidden;pointer-events:none}.crt-cracktro-logo{margin:0;flex:0 0 auto;font:9px/1.5 "Press Start 2P",monospace;color:#ffe566;letter-spacing:1px;text-align:center;text-shadow:0 0 8px #ff5ec866,1px 1px #201040;white-space:pre-wrap}.crt-cracktro-canvas{display:block;flex:1 1 auto;width:100%;min-height:0;margin:8px 0;background:#000a0e59;border:1px solid rgba(94,240,255,.18);border-radius:3px;box-shadow:inset 0 0 24px #000a,0 0 10px #5ef0ff18;image-rendering:pixelated}.crt-cracktro-hint{margin:0;flex:0 0 auto;font:6px/1.6 "Press Start 2P",monospace;color:#6a9a78;letter-spacing:.4px;text-align:center;text-shadow:0 0 4px #49ff6844}@media(prefers-reduced-motion:reduce){.crt-cracktro-canvas{box-shadow:inset 0 0 18px #0008}}html,body,#stage,#stage canvas,.projection,.crt,.marquee,.credit,.sound-player,.sound-toggle,.crt-cracktro{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}body,#stage{touch-action:manipulation}.sound-vol input[type=range]{-webkit-tap-highlight-color:transparent;touch-action:pan-x}.crt-asteroids{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px 10px 8px;box-sizing:border-box;touch-action:none;background:radial-gradient(ellipse at 50% 40%,#061a10,#020804 90%);color:#0f6;-webkit-tap-highlight-color:transparent}.crt-asteroids[hidden]{display:none!important}.crt--asteroids-active .crt-asteroids,.crt-asteroids--standalone{display:flex}.crt--asteroids-active>:not(.crt-asteroids){visibility:hidden;pointer-events:none}.crt-asteroids-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:0 0 auto;font:7px/1.4 "Press Start 2P",monospace;color:#0f6;text-shadow:0 0 5px #00ff6666;margin-bottom:4px}.crt-asteroids-exit{font:6px "Press Start 2P",monospace;color:#0a4;background:transparent;border:1px solid #00aa4466;border-radius:2px;padding:4px 6px;cursor:pointer;text-shadow:none}.crt-asteroids-exit:hover,.crt-asteroids-exit:focus-visible{color:#041008;background:#0f6;border-color:#0f6;outline:none}.crt-asteroids-canvas{display:block;flex:1 1 auto;width:100%;min-height:0;background:#020904;border:1px solid rgba(0,255,102,.22);border-radius:2px;box-shadow:inset 0 0 20px #000a,0 0 8px #00ff6618;image-rendering:pixelated}.crt-asteroids-hint{margin:6px 0 0;flex:0 0 auto;font:5px/1.6 "Press Start 2P",monospace;color:#3a7a4a;letter-spacing:.3px;text-align:center;text-shadow:0 0 4px #00ff6644}.crt-asteroids-touch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;flex:0 0 auto}.crt-asteroids-touch[hidden]{display:none!important}.crt-asteroids-touch button{font:10px "Press Start 2P",monospace;color:#0f6;background:#0028108c;border:1px solid rgba(0,255,102,.35);border-radius:3px;padding:10px 0;min-height:40px;cursor:pointer;text-shadow:0 0 4px #00ff6666;touch-action:none;-webkit-user-select:none;user-select:none}.crt-asteroids-touch button:active{background:#0f6;color:#041008;text-shadow:none}body.asteroids-page{margin:0;min-height:100dvh;background:#020804;color:#0f6;font-family:"Press Start 2P",monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.ast-back{position:fixed;top:14px;left:14px;z-index:5;font:8px/1.6 "Press Start 2P",monospace;color:#3a7a4a;text-decoration:none;text-shadow:0 0 4px #00ff6644}.ast-back:hover,.ast-back:focus-visible{color:#0f6;outline:none}.ast-standalone-crt{width:min(720px,100%);height:min(540px,calc(100dvh - 48px));position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 28px #00ff6618,inset 0 0 40px #000c;background:#020904}.ast-standalone-crt .crt-asteroids{display:flex;padding:14px}.ast-standalone-crt .crt-asteroids-hint{font-size:6px}.ast-standalone-crt .crt-asteroids-hud{font-size:9px}@media(max-width:600px){.ast-standalone-crt{height:min(640px,calc(100dvh - 36px))}.ast-back{font-size:7px;top:10px;left:10px}}@media(prefers-reduced-motion:reduce){.crt-asteroids-canvas{box-shadow:inset 0 0 16px #0008}}html,body,#stage,#stage canvas,.projection,.crt,.marquee,.credit,.sound-player,.sound-toggle,.crt-cracktro,.crt-asteroids{-webkit-tap-highlight-color:transparent}