:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#11151b;color:#e7ebf1}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:30px;margin:0}h1 span{color:#75d5b6;font-size:18px}header p,.help{color:#aab5c6;line-height:1.6}#fps{font-variant-numeric:tabular-nums;color:#75d5b6}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}button,.file{background:#273647;border:1px solid #43576d;color:#fff;padding:9px 14px;border-radius:7px;font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}#start{background:#226a55}#filename{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file{position:relative}.file input{position:absolute;width:1px;height:1px;opacity:0}.screen{background:#050608;border:1px solid #344252;border-radius:8px;overflow:hidden;display:flex;justify-content:center}canvas{display:block;width:min(100%,768px);height:auto;aspect-ratio:256/240;image-rendering:pixelated;outline:none}canvas:focus{box-shadow:inset 0 0 0 2px #75d5b6}#status{color:#75d5b6}pre{white-space:pre-wrap;max-height:230px;overflow:auto;color:#b4c1d0;font-size:12px}summary{cursor:pointer}.help{font-size:14px}button:focus-visible,.file:focus-within{outline:2px solid #75d5b6}@media(max-width:600px){main{padding:12px}h1{font-size:24px}.controls{gap:7px}button,.file{padding:8px}}