*{box-sizing:border-box}body{margin:0;background:#10141c;color:#f0f3fa;font:15px system-ui,sans-serif}main{max-width:980px;margin:24px auto;padding:0 22px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9ca6b9}h1{font-size:23px;margin:6px 0;font-weight:650}#status{color:#aec7b9;font-size:13px}.stage{position:relative;width:100%;aspect-ratio:256/240;background:#000;overflow:hidden;box-shadow:0 18px 70px #0006;border:1px solid #36404e;max-height:72vh;margin:auto}.stage canvas{position:absolute;width:100%;height:100%;object-fit:fill;display:block}#nes{image-rendering:pixelated}#mario{pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#10141cee;text-align:center;padding:30px;font-size:18px}nav{display:flex;gap:9px;margin:18px 0;flex-wrap:wrap}button{background:#283343;color:inherit;border:1px solid #526077;padding:9px 17px;border-radius:6px;font:inherit;cursor:pointer}button:hover{background:#3c4b61}button:disabled{opacity:.45;cursor:wait}#play{background:#bc293b;border-color:#e2515f}.controls{display:flex;flex-wrap:wrap;gap:8px 13px;color:#bdc6d6;font-size:13px}.controls b{color:#fff}.hint{font-size:12px;color:#909eb5;line-height:1.7}footer{display:flex;justify-content:space-between;color:#8fa0b8;font-size:12px;margin-top:18px}.stage:fullscreen{height:100vh;width:calc(100vh * 256 / 240);max-height:none;border:0}@media(min-width:800px){.stage{width:min(100%,calc(72vh * 256 / 240))}}

[hidden]{display:none!important}.touch-controller,.touch-help{display:none}
.rom-picker{max-width:600px;margin:28px auto;padding:24px;background:#1a2230;border:1px solid #3c485c;border-radius:12px}.rom-picker h2{margin-top:0;font-size:21px}.rom-picker p{color:#bdc6d6;line-height:1.6}.rom-picker label{display:block;margin:22px 0;font-weight:600}.rom-picker input{display:block;width:100%;margin-top:10px;font:inherit;color:#bdc6d6}.rom-picker input::file-selector-button{font:inherit;padding:10px;border:1px solid #526077;border-radius:6px;background:#283343;color:#fff;margin-right:12px}#rom-error{color:#ff9caa}.awaiting-roms .stage,.awaiting-roms nav,.awaiting-roms .controls,.awaiting-roms .hint,.awaiting-roms .touch-help,.awaiting-roms footer{display:none}
.game-focus{overflow:hidden}.game-focus .stage{position:fixed;inset:0;margin:auto;width:min(100vw,calc(100dvh * 256 / 240));height:min(100dvh,calc(100vw * 240 / 256));max-height:none;border:0;z-index:100}.stage:fullscreen{width:100vw;height:100dvh;max-height:none;display:block}.stage:fullscreen canvas{object-fit:contain}
 .touch-controller{--key:46px;display:none;position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none;z-index:4}.touch-controller button{pointer-events:auto;touch-action:none;padding:0;min-width:var(--key);height:var(--key);border-radius:12px;background:#172336bd;border:1px solid #cbd5e180;box-shadow:0 2px 5px #0006;color:#fff;font-size:23px;-webkit-tap-highlight-color:transparent}.touch-controller button:hover{background:#172336bd}.touch-controller button.pressed{background:#6480a6ed;border-color:#fff;transform:scale(.96)}
 .touch-dpad{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,var(--key));grid-template-rows:repeat(3,var(--key));gap:2px}.pad-up{grid-column:2}.pad-left{grid-column:1;grid-row:2}.pad-right{grid-column:3;grid-row:2}.pad-down{grid-column:2;grid-row:3}
 .touch-actions{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,var(--key));gap:6px}.touch-actions button{border-radius:50%;height:calc(var(--key) + 6px)}.touch-actions b{display:block;font-size:19px;line-height:23px}.touch-actions small{display:block;font-size:8px;line-height:11px}.touch-z{grid-column:1;grid-row:1}.touch-b{grid-column:1;grid-row:2}.touch-actions .touch-a{grid-column:2;grid-row:2;background:#b62940cf}
 .touch-menu{position:absolute;top:max(9px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));display:flex;gap:5px}.touch-menu button{min-width:44px;height:36px;font-size:16px;border-radius:7px}.touch-menu button:first-child{font-size:11px}
@media(pointer:coarse){
 main{margin:12px auto;padding:0 max(10px,env(safe-area-inset-left)) 16px}header{gap:10px;margin-bottom:12px;align-items:flex-start}h1{font-size:19px}#status{max-width:105px;text-align:right;padding-top:6px;font-size:12px}.stage{max-height:none;width:min(100%,calc(76dvh * 256 / 240))}nav{gap:7px;margin:12px 0}nav button{min-height:44px;padding:9px 11px;font-size:13px}.controls,.hint{display:none}.touch-help{display:block;color:#aebbd0;font-size:12px;line-height:1.6}footer{gap:12px;font-size:10px}
 .rom-picker{padding:18px;margin:20px auto}.rom-picker input{font-size:12px}
}
@media(pointer:coarse) and (orientation:landscape){main{margin:6px auto}header{margin-bottom:7px}header h1{font-size:16px}.eyebrow{display:none}.stage{width:min(100%,calc(78dvh * 256 / 240))}.touch-controller{--key:44px}nav{margin:8px 0}.touch-help,footer{margin:7px 0}.touch-dpad,.touch-actions{bottom:6px}.touch-menu{top:6px}}

.touch-enabled .touch-controller,.touch-enabled .touch-help{display:block}.touch-disabled .touch-controller,.touch-disabled .touch-help{display:none!important}
.touch-overlay-toggle{display:none;position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:5;min-height:36px;padding:7px 10px;background:#172336bd;font-size:12px;touch-action:manipulation}
.stage:fullscreen .touch-overlay-toggle,.game-focus .touch-overlay-toggle{display:block}
.awaiting-roms .touch-help{display:none!important}