@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--zx-black:#000;--zx-blue:#0000d7;--zx-red:#d70000;--zx-green:#00d700;--zx-cyan:#00d7d7;--zx-yellow:#d7d700;--zx-white:#d7d7d7;--zx-bblue:#00f;--zx-bgreen:#0f0;--zx-bcyan:#0ff;--zx-byellow:#ff0;--zx-bwhite:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--zx-blue);color:var(--zx-bwhite);min-height:100vh;image-rendering:pixelated;flex-direction:column;justify-content:flex-start;align-items:center;padding:8px 16px;font-family:"Press Start 2P",monospace;display:flex}body:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(#0000 0 3px,#0000001f 3px 4px);position:fixed;inset:0}header{text-align:center;margin-bottom:24px}.title-bar{background:var(--zx-black);border:4px solid var(--zx-bcyan);padding:12px 24px;display:inline-block}.title-bar h1{color:var(--zx-byellow);text-shadow:3px 3px 0 var(--zx-red);letter-spacing:2px;font-size:clamp(16px,3.5vw,28px);line-height:1.4}.subtitle{color:var(--zx-bcyan);letter-spacing:1px;margin-top:6px;font-size:clamp(9px,1.2vw,12px)}.page-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;width:100%;display:flex}.sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:max-content;display:flex}@media (width<=900px){.page-layout{flex-direction:column;align-items:center}.sidebar{flex-flow:wrap;justify-content:center;width:100%}}.emu-wrapper{background:var(--zx-black);border:2px solid var(--zx-bcyan);flex-shrink:1;min-width:0;line-height:0;display:inline-block;position:relative}#sound-prompt{background:var(--zx-black);border:2px solid var(--zx-byellow);color:var(--zx-byellow);white-space:nowrap;cursor:pointer;z-index:10;padding:6px 10px;font-family:"Press Start 2P",monospace;font-size:10px;animation:1s step-start infinite blink;display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes blink{50%{opacity:0}}@media (any-pointer:coarse){#sound-prompt{display:block}}#game{image-rendering:auto;aspect-ratio:696/496;max-width:100%;display:block}.mute-btn{background:var(--zx-black);border:2px solid var(--zx-bwhite);width:100%;color:var(--zx-bwhite);cursor:pointer;letter-spacing:1px;text-align:center;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1vw,11px);display:block}.mute-btn:hover{background:var(--zx-blue)}.mute-btn.muted{color:var(--zx-white);border-color:var(--zx-white)}.fullscreen-btn{background:var(--zx-black);border:2px solid var(--zx-bwhite);width:100%;color:var(--zx-bwhite);cursor:pointer;letter-spacing:1px;text-align:center;margin-top:6px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:clamp(8px,1vw,11px);display:block}.fullscreen-btn:hover{background:var(--zx-blue)}.fullscreen-btn.active{color:var(--zx-bgreen);border-color:var(--zx-bgreen)}.controls{background:var(--zx-black);border:2px solid var(--zx-byellow);color:var(--zx-bwhite);padding:12px 16px;font-size:clamp(9px,1.1vw,12px);line-height:2.2}.controls .heading{color:var(--zx-byellow);text-align:center;letter-spacing:2px;margin-bottom:10px;font-size:clamp(10px,1.3vw,14px);display:block}.controls table{border-collapse:collapse;width:100%}.controls td{white-space:nowrap;padding:2px 8px}.controls td:first-child{color:var(--zx-bcyan);border:1px solid var(--zx-blue);background:var(--zx-blue);text-align:center}.info-box{background:var(--zx-black);border:2px solid var(--zx-bgreen);color:var(--zx-bgreen);padding:10px 14px;font-size:clamp(9px,1.1vw,12px);line-height:2}.info-box .label{color:var(--zx-byellow);border-bottom:1px solid var(--zx-bgreen);margin-bottom:6px;padding-bottom:4px;display:block}footer{color:var(--zx-white);text-align:center;opacity:.7;margin-top:24px;font-size:clamp(8px,1vw,11px);line-height:2.5}footer a{color:var(--zx-bcyan);text-decoration:none}footer a:hover{color:var(--zx-byellow)}