:root{--bg-color: #111111;--surface-color: #1A1A1A;--text-color: #F4F4F4;--text-muted: #9CA3AF;--accent-primary: #00629B;--accent-hover: #0077B6;--border-color: #333333;--font-heading: "Titillium Web", sans-serif;--font-body: "Inter", sans-serif;--font-retro: "Press Start 2P", monospace;--phosphor-green: #33ff33;--phosphor-amber: #ffb000;--crt-bg: #0a0a0a;--era-mainframe-bg: #000000;--era-mainframe-text: #33ff33;--era-mainframe-accent: #33ff33;--era-arcade-bg: #000000;--era-arcade-text: #ffffff;--era-arcade-accent: #00aaff;--era-home-bg: #1a1a1a;--era-home-text: #ffe8d0;--era-home-accent: #ff9944;--era-dos-bg: #0000AA;--era-dos-text: #ffffff;--era-dos-accent: #ffff55;--era-handheld-bg: #9bbc0f;--era-handheld-text: #0f380f;--era-handheld-accent: #306230;--era-puzzle-bg: #111111;--era-puzzle-text: #ffffff;--era-puzzle-accent: #888888;--header-height: 48px;--footer-height: 40px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background-color:var(--crt-bg);color:var(--text-color);line-height:1.4;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}canvas{display:block}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#arcade-main{flex:1;position:relative;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hidden{display:none!important}.arcade-header{height:var(--header-height);padding:0 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;background:var(--bg-color);flex-shrink:0;z-index:100}.header-brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.8125rem;font-weight:600;color:var(--text-muted);transition:color .2s}.header-brand:hover{color:var(--text-color)}.header-logo{width:24px;height:24px;filter:brightness(0) invert(1);opacity:.7}.arcade-footer{height:var(--footer-height);padding:0 1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-color);flex-shrink:0;z-index:100}.footer-left{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:var(--text-muted)}.footer-left a{color:var(--text-muted);transition:color .2s}.footer-left a:hover{color:var(--accent-primary)}.footer-logo{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.4}.footer-right{font-size:.6875rem;color:#555}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--crt-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::selection{background:var(--phosphor-green);color:#000}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wayback-shell{width:100%;height:100%;display:flex;flex-direction:column;background:var(--crt-bg)}.archive-nav{background:var(--bg-color);border:1px solid var(--phosphor-green);border-radius:4px;margin:.75rem;padding:0;font-family:var(--font-retro);overflow:hidden;flex-shrink:0}.archive-nav-title{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--phosphor-green);font-size:.5rem;color:var(--phosphor-green);text-transform:uppercase;letter-spacing:1px}.archive-nav-title .machine-name{opacity:.8}.archive-nav-title .archive-count{opacity:.6}.archive-nav-eras{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.archive-nav-eras::-webkit-scrollbar{display:none}#boot-screen{background:#000;font-family:var(--font-retro);color:var(--phosphor-green);padding:2rem;justify-content:flex-start;align-items:flex-start;overflow:hidden}.boot-terminal{width:100%;max-width:700px;margin:0 auto;padding-top:10vh}.boot-line{font-size:.625rem;line-height:2;opacity:0;white-space:nowrap;overflow:hidden}.boot-line.visible{opacity:1}.boot-line.typing{overflow:hidden;border-right:2px solid var(--phosphor-green);white-space:nowrap;animation:blink-caret .6s step-end infinite}.boot-cursor{display:inline-block;width:.5em;height:1em;background:var(--phosphor-green);animation:blink-caret .6s step-end infinite;vertical-align:text-bottom;margin-left:2px}.boot-prompt{font-size:.75rem;margin-top:1.5rem;opacity:0;transition:opacity .3s}.boot-prompt.visible{opacity:1;animation:pulse-text 1.5s ease-in-out infinite}@keyframes blink-caret{50%{opacity:0}}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.boot-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(51,255,51,.15) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s}.boot-glow.active{opacity:1}@media(max-width:600px){.boot-terminal{padding-top:5vh}.boot-line{font-size:.5rem}.archive-nav{margin:.5rem}.archive-nav-title{font-size:.4375rem;padding:.375rem .5rem}}#menu-screen{background:var(--crt-bg);justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.jukebox-container{width:100%;height:100%;display:flex;flex-direction:column}.era-timeline{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:0;flex-shrink:0}.era-timeline::-webkit-scrollbar{display:none}.era-btn{flex:1;min-width:0;padding:.625rem .5rem;font-family:var(--font-retro);font-size:.4375rem;text-align:center;border:none;background:var(--bg-color);color:var(--text-muted);cursor:pointer;transition:background .2s,color .2s;border-bottom:2px solid transparent;white-space:nowrap;position:relative}.era-btn:hover{background:var(--surface-color)}.era-btn.active{color:var(--text-color);border-bottom-color:var(--phosphor-green)}.era-btn[data-era=all].active{border-bottom-color:var(--phosphor-green)}.era-btn[data-era=mainframe].active{border-bottom-color:var(--era-mainframe-accent);color:var(--era-mainframe-text)}.era-btn[data-era=arcade].active{border-bottom-color:var(--era-arcade-accent);color:var(--era-arcade-text)}.era-btn[data-era=home].active{border-bottom-color:var(--era-home-accent);color:var(--era-home-accent)}.era-btn[data-era=dos].active{border-bottom-color:var(--era-dos-accent);color:var(--era-dos-accent)}.era-btn[data-era=handheld].active{border-bottom-color:var(--era-handheld-bg);color:var(--era-handheld-bg)}.era-btn[data-era=puzzle].active{border-bottom-color:var(--era-puzzle-accent);color:var(--era-puzzle-text)}.era-btn-label{display:block;margin-bottom:2px}.era-btn-years{display:block;font-size:.375rem;opacity:.5}.game-grid{flex:1;overflow-y:auto;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;align-content:start}.game-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;outline:none;position:relative}.game-card:hover,.game-card:focus-visible{transform:translateY(-2px);box-shadow:0 4px 20px #0006}.game-card:focus-visible{border-color:var(--phosphor-green)}.game-card[data-era=mainframe]:hover,.game-card[data-era=mainframe]:focus-visible{border-color:var(--era-mainframe-accent);box-shadow:0 4px 20px #33ff3326}.game-card[data-era=arcade]:hover,.game-card[data-era=arcade]:focus-visible{border-color:var(--era-arcade-accent);box-shadow:0 4px 20px #00aaff26}.game-card[data-era=home]:hover,.game-card[data-era=home]:focus-visible{border-color:var(--era-home-accent);box-shadow:0 4px 20px #ff994426}.game-card[data-era=dos]:hover,.game-card[data-era=dos]:focus-visible{border-color:var(--era-dos-accent);box-shadow:0 4px 20px #ffff5526}.game-card[data-era=handheld]:hover,.game-card[data-era=handheld]:focus-visible{border-color:var(--era-handheld-bg);box-shadow:0 4px 20px #9bbc0f26}.game-card[data-era=puzzle]:hover,.game-card[data-era=puzzle]:focus-visible{border-color:var(--era-puzzle-accent);box-shadow:0 4px 20px #88888826}.game-card-preview{width:100%;aspect-ratio:4 / 3;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-card-preview canvas{width:100%;height:100%;image-rendering:pixelated}.game-card-preview .card-era-badge{position:absolute;top:6px;left:6px;font-family:var(--font-retro);font-size:.375rem;padding:2px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.card-era-badge[data-era=mainframe]{background:#1a3a1a;color:var(--era-mainframe-text)}.card-era-badge[data-era=arcade]{background:#0a2a3a;color:var(--era-arcade-accent)}.card-era-badge[data-era=home]{background:#2a1a0a;color:var(--era-home-accent)}.card-era-badge[data-era=dos]{background:#00005a;color:var(--era-dos-accent)}.card-era-badge[data-era=handheld]{background:#2a3a0a;color:var(--era-handheld-text)}.card-era-badge[data-era=puzzle]{background:#1a1a1a;color:var(--era-puzzle-accent)}.game-card-info{padding:.625rem .75rem}.game-card-name{font-family:var(--font-retro);font-size:.5rem;margin-bottom:.25rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-origin{font-size:.6875rem;color:var(--text-muted);margin-bottom:.375rem}.game-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.625rem;color:var(--text-muted)}.game-card-difficulty{letter-spacing:1px}.game-card-difficulty .star-filled{color:var(--phosphor-amber)}.game-card-score{font-family:var(--font-retro);font-size:.375rem}@media(max-width:600px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;padding:.5rem}.era-btn{padding:.5rem .375rem;font-size:.375rem}.game-card-name{font-size:.4375rem}}@media(min-width:1200px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000}.crt-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.15) 1px,rgba(0,0,0,.15) 2px);opacity:.6}.crt-glow{position:absolute;inset:0;box-shadow:inset 0 0 100px #33ff3308}.crt-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}.crt-flicker{position:absolute;inset:0;animation:crt-flicker-anim .1s infinite;opacity:0}@keyframes crt-flicker-anim{0%{opacity:.01}50%{opacity:.02}to{opacity:0}}body.crt-enabled #arcade-main{border-radius:8px;overflow:hidden}.crt-toggle{position:fixed;bottom:50px;right:12px;font-family:var(--font-retro);font-size:.375rem;padding:4px 8px;border:1px solid var(--border-color);border-radius:3px;background:var(--surface-color);color:var(--text-muted);cursor:pointer;z-index:1001;transition:border-color .2s,color .2s;opacity:.6}.crt-toggle:hover{opacity:1;border-color:var(--phosphor-green);color:var(--phosphor-green)}body:not(.crt-enabled) .crt-overlay{display:none}@media(prefers-reduced-motion:reduce){.crt-overlay{display:none!important}.crt-toggle{display:none}}#game-screen{background:#000}#game-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}#game-hud{position:absolute;top:0;left:0;right:0;padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-retro);font-size:.5rem;color:var(--text-color);pointer-events:none;z-index:10}.hud-left,.hud-center,.hud-right{display:flex;align-items:center;gap:1rem}.hud-label{color:var(--text-muted);font-size:.375rem;text-transform:uppercase}.hud-value{color:var(--phosphor-green)}#pause-overlay{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.pause-title{font-family:var(--font-retro);font-size:1rem;color:var(--phosphor-green);margin-bottom:2rem;text-shadow:0 0 10px rgba(51,255,51,.5)}.pause-menu{display:flex;flex-direction:column;gap:.75rem;align-items:center}.pause-menu-item{font-family:var(--font-retro);font-size:.5625rem;padding:.5rem 1.5rem;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s;min-width:180px;text-align:center;pointer-events:auto}.pause-menu-item:hover,.pause-menu-item.selected{border-color:var(--phosphor-green);color:var(--phosphor-green);background:#33ff330d}.gameover-overlay{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.gameover-title{font-family:var(--font-retro);font-size:1.25rem;color:#f44;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,68,68,.5)}.gameover-score{font-family:var(--font-retro);font-size:.625rem;color:var(--text-muted);margin-bottom:.25rem}.gameover-highscore{font-family:var(--font-retro);font-size:.5rem;color:var(--phosphor-amber);margin-bottom:2rem}.gameover-new-record{font-family:var(--font-retro);font-size:.5rem;color:var(--phosphor-green);margin-bottom:2rem;animation:pulse-text 1s ease-in-out infinite}.gameover-actions{display:flex;flex-direction:column;gap:.625rem;align-items:center}.gameover-btn{font-family:var(--font-retro);font-size:.5rem;padding:.5rem 1.5rem;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s;min-width:180px;text-align:center}.gameover-btn:hover,.gameover-btn.selected{border-color:var(--phosphor-green);color:var(--phosphor-green);background:#33ff330d}.loading-overlay{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:25;font-family:var(--font-retro)}.loading-text{font-size:.5625rem;color:var(--phosphor-green);margin-bottom:1rem}.loading-bar-container{width:200px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.loading-bar{height:100%;background:var(--phosphor-green);width:0%;transition:width .3s ease-out}@media(max-width:600px){#game-hud{padding:.375rem .5rem;font-size:.4375rem}.pause-title{font-size:.75rem}.pause-menu-item{font-size:.5rem;min-width:150px}}.fade-enter{animation:fade-in .4s ease-out forwards}.fade-exit{animation:fade-out .3s ease-in forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.crt-power-on{animation:crt-on .6s ease-out forwards}@keyframes crt-on{0%{clip-path:inset(50% 0);filter:brightness(3)}50%{clip-path:inset(20% 0);filter:brightness(1.5)}to{clip-path:inset(0);filter:brightness(1)}}.crt-power-off{animation:crt-off .5s ease-in forwards}@keyframes crt-off{0%{clip-path:inset(0);filter:brightness(1)}60%{clip-path:inset(45% 0);filter:brightness(2)}to{clip-path:inset(50% 40%);filter:brightness(0)}}.static-burst{position:absolute;inset:0;z-index:30;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);animation:static-noise .15s steps(5) 3;opacity:0}.static-burst.active{opacity:1}@keyframes static-noise{0%{background-position:0 0}25%{background-position:5px 10px}50%{background-position:-5px 5px}75%{background-position:10px -5px}to{background-position:0 0}}.slide-left-enter{animation:slide-left-in .3s ease-out forwards}.slide-right-enter{animation:slide-right-in .3s ease-out forwards}@keyframes slide-left-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right-in{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.card-appear{animation:card-pop .3s ease-out forwards;opacity:0}@keyframes card-pop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.touch-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:12px 16px 20px;pointer-events:none;z-index:1000;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-controls.hidden{display:none}.touch-dpad{position:relative;width:140px;height:140px;pointer-events:auto}.touch-btn{position:absolute;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffff80;font-family:var(--font-retro, monospace);font-size:12px;touch-action:none;cursor:pointer;transition:background .1s,transform .1s;-webkit-tap-highlight-color:transparent}.touch-btn svg{width:20px;height:20px;fill:currentColor}.touch-btn.active{background:#33ff6640;border-color:#33ff6680;color:#33ff66e6;transform:scale(.95)}.touch-up{top:0;left:50%;transform:translate(-50%);width:46px;height:46px}.touch-up.active{transform:translate(-50%) scale(.95)}.touch-down{bottom:0;left:50%;transform:translate(-50%);width:46px;height:46px}.touch-down.active{transform:translate(-50%) scale(.95)}.touch-left{left:0;top:50%;transform:translateY(-50%);width:46px;height:46px}.touch-left.active{transform:translateY(-50%) scale(.95)}.touch-right{right:0;top:50%;transform:translateY(-50%);width:46px;height:46px}.touch-right.active{transform:translateY(-50%) scale(.95)}.touch-actions{display:flex;gap:12px;align-items:flex-end;pointer-events:auto}.touch-action-a{position:relative;width:60px;height:60px;border-radius:50%;font-size:16px;font-weight:700;background:#33ff661f;border-color:#33ff664d;color:#33ff66b3}.touch-action-a.active{background:#33ff6659;border-color:#33ff66b3;color:#3f6}.touch-action-b{position:relative;width:48px;height:48px;border-radius:50%;font-size:14px;background:#ffaa001a;border-color:#ffaa0040;color:#fa09;margin-bottom:6px}.touch-action-b.active{background:#ffaa004d;border-color:#fa09;color:#fa0}@media(hover:hover)and (pointer:fine){.touch-controls{display:none!important}}@media(max-height:500px)and (orientation:landscape){.touch-dpad{width:110px;height:110px}.touch-up,.touch-down,.touch-left,.touch-right{width:36px;height:36px}.touch-action-a{width:48px;height:48px;font-size:14px}.touch-action-b{width:38px;height:38px;font-size:12px}.touch-controls{padding:8px 12px 12px}}@media(pointer:coarse){#game-screen{padding-bottom:160px}}@media(pointer:coarse)and (max-height:500px){#game-screen{padding-bottom:120px}}