:root{--screen-aspect:1.3333;--screen-width:min(96vw, calc(72vh * var(--screen-aspect)));--accent:#e8743b;--accent-soft:#f2a273}html,body{color:#888;background:#111;height:100%;margin:0;font-family:system-ui,sans-serif}main{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100%;padding:1rem 0;display:flex}.screen-frame{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:relative}#screen{width:var(--screen-width);aspect-ratio:var(--screen-aspect);image-rendering:pixelated;background:#000;outline:none;display:block}.screen-frame:fullscreen{background:#000}.screen-frame:fullscreen #screen{width:min(100vw, calc(100vh * var(--screen-aspect)))}.paused-label,.insert-label{top:calc(var(--screen-width) / var(--screen-aspect) / 2);color:#fff;letter-spacing:.1em;pointer-events:none;background:#000000b3;border-radius:6px;margin:0;padding:.4rem 1rem;font-size:1.2rem;display:none;position:absolute;transform:translateY(-50%)}.screen-frame.paused .paused-label,.screen-frame.no-cartridge .insert-label{display:block}.screen-frame.paused.no-cartridge .insert-label{display:none}#status{margin:0;font-size:.85rem}.site-links{gap:1.25rem;font-size:.85rem;display:flex}.site-links a{color:var(--accent-soft);text-decoration:none}.site-links a:hover,.site-links a:focus-visible,.emulator-links a:hover,.emulator-links a:focus-visible{text-decoration:underline}.emulator-links{flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:.85rem;display:flex}.emulator-links a{color:var(--accent-soft);text-decoration:none}.emulator-links strong{color:#ddd;font-weight:600}.toolbar button,.toolbar select,.controls select,.controls button,.cart-panel button,.cart-panel select{color:#eee;font:inherit;cursor:pointer;background:#2a2a2a;border:1px solid #555;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.toolbar select,.controls select,.cart-panel select{max-width:16rem;padding:.35rem .4rem}button:hover,button:focus-visible,select:focus-visible{outline:none;border-color:var(--accent)!important}button:disabled,select:disabled{opacity:.45;cursor:default}.toolbar{width:var(--screen-width);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.console-switches{background:linear-gradient(90deg,#3b2617,#4a3020 50%,#3b2617);border-radius:8px;padding:.25rem .5rem}.console-switches button.hold.active{background:var(--accent);border-color:var(--accent);color:#111}.toolbar-message{color:#9ad284;font-size:.85rem}.toolbar-message.error{color:#ff8a80}.controls{width:var(--screen-width);box-sizing:border-box;color:#bbb;font-size:.9rem}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;display:flex}.controls label,.player{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.controls-row+.controls-row{margin-top:.6rem}.player strong{color:#ddd;font-weight:600}.controls input[type=range]{width:6rem;accent-color:var(--accent)}.controls input[type=checkbox]{accent-color:var(--accent)}.sound-hint{color:#c9a227}.remap{border:1px solid var(--accent);text-align:center;background:#241a14;border-radius:8px;margin:.75rem auto 0;padding:.75rem}.remap p{margin:0}.remap-prompt{color:#fff;font-size:1.05rem}.remap-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex;margin-top:.6rem!important}.gamepad-status{color:#9ad284;text-align:center;margin:.5rem 0 0;font-size:.8rem}.gamepad-status p{margin:.15rem 0}.controls-hint{color:#777;text-align:center;margin:.5rem 0 0;font-size:.8rem}.cart-panel{width:var(--screen-width);box-sizing:border-box;color:#ccc;text-align:center;background:#1a1a1a;border:2px dashed #555;border-radius:10px;padding:1rem 1.25rem;transition:border-color .15s,background-color .15s}.cart-panel p{margin:0}.cart-empty,.cart-loaded{flex-direction:column;align-items:center;gap:.6rem;display:none}.cart-panel[data-state=empty] .cart-empty,.cart-panel[data-state=loaded] .cart-loaded{display:flex}.cart-panel[data-state=loaded]{border-style:solid;border-color:#3d3d3d}.cart-title{color:#eee;font-size:1.05rem}.cart-file{color:#888}.cart-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.cart-actions label{color:#aaa;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.cart-drop-hint{color:#fff;font-size:1.05rem;display:none}.cart-panel.drag-over{border-style:solid;border-color:var(--accent);background:#2d1f16}.cart-panel.drag-over>:not(.cart-drop-hint){display:none!important}.cart-panel.drag-over .cart-drop-hint{display:block}.zip-files:not([hidden]),.bundled-games-row{color:#aaa;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;display:flex;margin-top:.75rem!important}.game-info{color:#999;font-size:.8rem;margin-top:.35rem!important}.game-info a{color:var(--accent-soft)}.zip-buttons{flex-wrap:wrap;gap:.4rem;display:inline-flex}.zip-buttons button.current{border-color:var(--accent)}.cart-message:not(:empty){color:#ff8a80;margin-top:.6rem;font-size:.9rem}.touch-controls{width:var(--screen-width);-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;max-width:34rem;display:flex}.touch-controls[hidden]{display:none}.touch-left,.touch-right{flex-direction:column;align-items:center;gap:.75rem;display:flex}.touch-stick{touch-action:none;background:radial-gradient(circle,#2b2b2b 0 55%,#1c1c1c 56%);border-radius:50%;width:9rem;height:9rem;position:relative;box-shadow:inset 0 0 0 2px #444}.touch-knob{pointer-events:none;background:radial-gradient(circle at 35% 35%,#555,#151515);border-radius:50%;width:50%;height:50%;position:absolute;top:25%;left:25%;box-shadow:0 2px 6px #0009}.touch-stick.active .touch-knob{background:radial-gradient(circle at 35% 35%, var(--accent-soft), #5a2a10)}.touch-strip{color:#888;touch-action:none;background:repeating-linear-gradient(90deg,#262626 0 10px,#1d1d1d 10px 20px);border-radius:1rem;justify-content:center;align-items:center;width:14rem;height:5rem;font-size:.85rem;display:none;box-shadow:inset 0 0 0 2px #444}.touch-strip.active{box-shadow:inset 0 0 0 2px var(--accent)}.touch-keypad{grid-template-columns:repeat(3,3rem);gap:.35rem;display:none}.touch-controls[data-controller=paddles] .touch-stick,.touch-controls[data-controller=keypad] .touch-stick{display:none}.touch-controls[data-controller=paddles] .touch-strip{display:flex}.touch-controls[data-controller=keypad] .touch-keypad{display:grid}.touch-controls button{color:#eee;font:inherit;touch-action:none;background:#2a2a2a;border:1px solid #555}.touch-controls button.active{background:var(--accent);color:#111}.touch-keypad button{border-radius:6px;height:2.6rem;font-size:1.1rem}.touch-console{gap:.5rem;display:flex}.touch-console button{border-radius:999px;padding:.5rem .9rem;font-size:.8rem}.touch-fire{letter-spacing:.08em;width:6.5rem;height:6.5rem;font-weight:700;box-shadow:0 4px 10px #00000080;color:#fff!important;background:radial-gradient(circle at 35% 35%,#ff6a4d,#a3170b)!important;border-color:#6d0f07!important;border-radius:50%!important}.touch-fire.active{filter:brightness(1.2);transform:scale(.95)}.screen-frame:fullscreen .touch-controls{box-sizing:border-box;opacity:.75;pointer-events:none;width:100%;max-width:none;padding:0 1.5rem;position:absolute;inset:auto 0 1rem}.screen-frame:fullscreen .touch-controls>*{pointer-events:auto}