:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111318;--panel:#1d222a;--panel-strong:#282f39;--ink:#f4f7fb;--muted:#a9b2c0;--line:#39414d;--red:#d93f4c;--red-dark:#9f2833;--blue:#4d8cff;--green:#47bd7f;--shadow:0 18px 50px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-height:100%}body{color:var(--ink);touch-action:manipulation;background:radial-gradient(circle at 0 0,#4d8cff29,#0000 32rem),linear-gradient(145deg,#0f1115 0%,#171b22 52%,#101217 100%);margin:0;overflow-x:hidden}button,select,input{font:inherit}button,.file-button,select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;border:1px solid var(--line);color:var(--ink);background:#202632;border-radius:6px;min-height:40px}button,.file-button{cursor:pointer;touch-action:manipulation}button:disabled,select:disabled{cursor:not-allowed;opacity:.45}.shell{width:min(100%,1120px);min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:auto minmax(260px,1fr) auto;gap:14px;margin:0 auto;display:grid}.topbar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1d222ae0;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(90deg, transparent 38%, #111318 38% 62%, transparent 62%), linear-gradient(#d8dde7 0 0) center / 100% 36% no-repeat, var(--red);border-radius:4px;width:24px;height:24px;box-shadow:inset 0 -3px #00000038}.rom-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.file-button{white-space:nowrap;place-items:center;padding:0 14px;font-weight:700;display:inline-grid;position:relative}.file-button input{opacity:0;pointer-events:none;position:absolute;inset:0}select{width:148px;padding:0 10px}#pause-button{width:84px;font-weight:700}.stage{grid-template-rows:minmax(190px,1fr) auto;gap:10px;min-height:0;display:grid}.screen{min-height:220px;box-shadow:inset 0 0 0 10px #171b21, inset 0 0 0 11px #343b45, var(--shadow);background:linear-gradient(135deg,#ffffff0a,#fff0),#050608;border:1px solid #2b323d;border-radius:8px;place-items:center;display:grid;overflow:hidden}.screen canvas{background:#000;border-radius:3px;max-width:calc(100% - 26px);max-height:calc(100% - 26px);display:block}.status{min-height:24px;color:var(--muted);text-align:center;margin:0;font-size:.92rem}.status[data-tone=error]{color:#ff9ca5}.controller{--dpad-size:clamp(132px, 24vw, 176px);--round-size:72px;--turbo-width:72px;--turbo-height:30px;grid-template-columns:minmax(var(--dpad-size), .85fr) minmax(130px, .65fr) minmax(160px, .8fr);min-height:174px;box-shadow:var(--shadow);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#d9dde5 0%,#b8bec9 100%);border-radius:8px;align-items:center;gap:14px;padding:16px 20px 24px;display:grid}.dpad{width:var(--dpad-size);aspect-ratio:1;touch-action:none;background:#aab1bd;border-radius:50%;justify-self:start;position:relative;box-shadow:inset 0 10px 18px #ffffff61,inset 0 -10px 18px #00000038}.dpad-cross,.dpad-cross:before{content:"";background:#20242b;border-radius:6px;position:absolute;inset:35% 13%;box-shadow:inset 0 4px #ffffff1c,inset 0 -6px #00000047}.dpad-cross:before{inset:-78% 31%}.dpad:after{content:"";background:#171a20;border-radius:50%;position:absolute;inset:41%}.dpad[data-up=true] .dpad-cross:before,.dpad[data-down=true] .dpad-cross:before,.dpad[data-left=true] .dpad-cross,.dpad[data-right=true] .dpad-cross{background:#11141a}.menu-buttons{justify-content:center;align-self:end;gap:12px;padding-bottom:18px;display:flex}.small-control{color:#f3f5f8;touch-action:none;background:#333944;border:0;border-radius:999px;width:74px;height:34px;min-height:34px;font-size:.82rem;font-weight:800;box-shadow:inset 0 3px #ffffff1a,inset 0 -4px #00000047}.face-buttons{grid-template-columns:repeat(2, var(--round-size));grid-template-rows:var(--turbo-height) calc(var(--round-size) + 18px);justify-self:end;align-items:end;gap:8px 16px;display:grid}.round-control{width:var(--round-size);height:var(--round-size);min-height:var(--round-size);background:radial-gradient(circle at 34% 26%, #ff8590, var(--red) 54%, var(--red-dark));color:#fff;touch-action:none;border:0;border-radius:50%;font-size:1.45rem;font-weight:900;box-shadow:inset 0 7px #fff3,inset 0 -8px #00000047,0 8px #7e222c}.turbo-control{width:var(--turbo-width);height:var(--turbo-height);min-height:var(--turbo-height);color:#eef2f7;touch-action:none;background:#343b46;border:0;border-radius:999px;font-size:.72rem;font-weight:900;box-shadow:inset 0 3px #ffffff1f,inset 0 -4px #00000047,0 3px #20252e}.b-button{transform:translateY(8px)}.round-control.is-pressed,.small-control.is-pressed,.turbo-control.is-pressed{transform:translateY(4px)}.b-button.is-pressed{transform:translateY(12px)}@media (orientation:landscape) and (height<=540px){.shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(320px,1fr) minmax(420px,.9fr);gap:10px 14px}.topbar{grid-column:1/-1}.stage{min-height:0}.controller{--round-size:clamp(56px, 10vw, 64px);--turbo-width:clamp(62px, 12vw, 72px);--turbo-height:28px;grid-template-columns:minmax(124px,1fr) minmax(108px,.7fr) minmax(144px,1fr);align-self:stretch;gap:10px;min-height:170px;padding:14px 18px 22px}.dpad{width:clamp(124px,16vw,160px)}.menu-buttons{padding-bottom:10px}.face-buttons{justify-self:center;gap:7px 12px}}@media (width<=720px){.shell{gap:10px}.topbar,.rom-actions{flex-wrap:wrap}.brand,.rom-actions{width:100%}.file-button,select,#pause-button{flex:1 1 0;min-width:0}.controller{--round-size:clamp(58px, 18vw, 66px);--turbo-width:clamp(58px, 18vw, 66px);--turbo-height:28px;grid-template-columns:1fr .72fr 1fr;gap:8px;min-height:166px;padding:12px 14px 20px}.small-control{width:64px}.face-buttons{grid-template-columns:repeat(2, var(--round-size));grid-template-rows:var(--turbo-height) calc(var(--round-size) + 14px);gap:7px 10px}.round-control{width:var(--round-size);height:var(--round-size);min-height:var(--round-size)}.turbo-control{width:var(--turbo-width);font-size:.68rem}.b-button{transform:translateY(4px)}.b-button.is-pressed{transform:translateY(8px)}}@media (width<=430px){.controller{--round-size:52px;--turbo-width:56px;--turbo-height:27px;grid-template-columns:112px minmax(78px,1fr) 116px;gap:7px;min-height:164px;padding:12px 12px 20px}.dpad{width:112px}.menu-buttons{flex-direction:column;align-items:center;gap:8px;padding-bottom:4px}.small-control{width:62px;height:30px;min-height:30px;font-size:.76rem}.face-buttons{grid-template-columns:repeat(2, var(--round-size));grid-template-rows:var(--turbo-height) calc(var(--round-size) + 12px);gap:6px 8px}.round-control{width:var(--round-size);height:var(--round-size);min-height:var(--round-size);font-size:1.2rem}.turbo-control{width:var(--turbo-width);height:var(--turbo-height);min-height:var(--turbo-height);font-size:.58rem}.b-button{transform:none}.b-button.is-pressed{transform:translateY(4px)}}