@font-face{font-family:ZX Spectrum;src:url(/assets/zx-spectrum.ttf)format("truetype");font-weight:400;font-style:normal}:root{--zx-black:#000;--zx-blue:#0000d7;--zx-red:#d70000;--zx-magenta:#d700d7;--zx-green:#00d700;--zx-cyan:#00d7d7;--zx-yellow:#d7d700;--zx-white:#d7d7d7;--zx-bright-white:#fff;--zx-bright-yellow:#ff0;--zx-bright-cyan:#0ff;--bg-color:#121212;--container-bg:#1e1e1eb3;--border-color:#ffffff1a;--text-main:var(--zx-white);--text-accent:var(--zx-bright-cyan)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle,#2a2a2a 0%,#121212 100%),linear-gradient(#0000001a 50%,#0000 50%);background-size:100% 100%,100% 4px;flex-direction:column;min-height:100vh;font-family:ZX Spectrum,monospace;line-height:1.5;display:flex;overflow-x:hidden}h1,h2,h3{color:var(--text-accent);text-shadow:2px 2px 0px var(--zx-blue);margin-bottom:1rem}.glass-panel{background:var(--container-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000080}.layout-grid{grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;padding:.5rem;display:grid}@media (min-width:1024px){.layout-grid{grid-gap:2rem;grid-template-columns:min-content 1fr;justify-content:center;align-items:stretch;gap:2rem;padding:1rem}.controls-panel{width:85%}}.emulator-container{transform-origin:top;flex-direction:column;gap:.5rem;display:flex}.player-wrapper{background:#000;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.jsspeccy-crop-window{justify-content:flex-start;align-items:flex-start;display:flex;position:relative;overflow:hidden}#jsspeccy.jsspeccy-inner{flex-shrink:0}#jsspeccy{image-rendering:pixelated;box-shadow:0 0 20px #00d7d766}#jsspeccy canvas{width:auto!important;max-width:none!important}.spectrum-image{border-radius:8px;width:100%;margin:0 auto;display:block;box-shadow:0 10px 30px #000c}.controls-panel{padding:1rem}.controls-list{flex-direction:column;gap:0;font-size:1.25rem;list-style-type:none;display:flex}.controls-list li{border-bottom:1px dashed #fff3;justify-content:space-between;padding-bottom:0;display:flex}.key-badge{color:var(--zx-bright-yellow)}.action-desc{color:var(--zx-white);text-align:right;max-width:60%;line-height:1}.motion-control-wrapper{border-top:2px solid var(--border-color);align-items:center;gap:1rem;margin-top:.5rem;padding-top:.5rem;display:flex}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#333;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--zx-bright-white);border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--zx-green);box-shadow:0 0 10px var(--zx-green)}input:checked+.slider:before{transform:translate(26px)}.btn-permission{background-color:var(--zx-blue);color:#fff;border:2px solid var(--zx-bright-cyan);cursor:pointer;border-radius:4px;margin-top:1rem;padding:.8rem 1.5rem;font-family:inherit;transition:transform .1s}.btn-permission:active{transform:scale(.95)}