:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d0c;--fg:#d8f0dd;--dim:#7d8f82;--line:#26302a}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);flex-direction:column;align-items:center;gap:16px;margin:0;padding:16px;font:14px/1.5 DejaVu Sans Mono,Menlo,Consolas,monospace;display:flex}header{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;display:flex}h1{letter-spacing:.2em;margin:0;font-size:16px}select,button,.rom{font:inherit;color:inherit;border:1px solid var(--line);background:0 0;border-radius:4px;padding:4px 10px}button:disabled{color:var(--dim)}.rom{cursor:pointer}.rom input{display:none}main{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}canvas{border:1px solid var(--line);background:#000;width:min(100%,768px,106.667dvh);height:auto}canvas.drop{border-color:var(--fg)}#status{color:var(--dim);margin:0}#status.error{color:#ff8a7a}footer{color:var(--dim);text-align:center}#touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:220px;display:none;position:fixed;inset:auto 0 0}:root.touch #touch{display:block}:root.touch body{padding-bottom:236px}#touch [data-button]{border:1px solid var(--dim);background:#d8f0dd14;place-items:center;display:grid;position:absolute}#touch .held{background:#d8f0dd66}#dpad{width:150px;height:150px;position:absolute;bottom:16px;left:16px}#dpad [data-button]{width:50px;height:50px}#dpad [data-button=up]{top:0;left:50px}#dpad [data-button=left]{top:50px;left:0}#dpad [data-button=right]{top:50px;left:100px}#dpad [data-button=down]{top:100px;left:50px}#touch .face{width:150px;height:130px;position:absolute;bottom:24px;right:16px}#touch .face [data-button]{border-radius:50%;width:64px;height:64px}#touch .face [data-button=b]{bottom:0;left:0}#touch .face [data-button=a]{top:0;right:0}#touch .menu{gap:12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}#touch .menu [data-button]{border-radius:12px;padding:4px 12px;font-size:12px;position:static}@media (orientation:landscape){#touch .menu{top:auto;bottom:8px}}