/* Landscape 4:3 configuration display with the original soft video treatment. */
#settings-dialog { width: min(960px, 100vw, 133.333333dvh); max-width: 100vw; height: auto; max-height: 100dvh; aspect-ratio: 4 / 3; box-sizing: border-box; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: #000; color: #d9f5d8; box-shadow: 0 0 80px #000; }
#settings-dialog::backdrop { background: #000f; }
.ps2-display { position: absolute; width: 94%; aspect-ratio: 4 / 3; left: 3%; top: 50%; transform: translateY(-50%); isolation: isolate; }
#settings-canvas { display: block; width: 100%; height: 100%; }
#settings-dialog.ps2-full .ps2-display { width: 100%; height: 100%; left: 0; aspect-ratio: auto; }
#settings-dialog .ps2-hotspot { position: absolute; z-index: 1; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: transparent; font-size: 0; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
#settings-dialog .ps2-hotspot:hover { background: #72ffe50b; }
#settings-dialog .ps2-hotspot:focus-visible { outline: 1px solid #8effe4; outline-offset: 2px; background: #72ffe50b; }
#settings-dialog .ps2-setting { left: 44%; top: 48%; width: 47%; height: 8%; }
#settings-dialog .ps2-value { left: 47%; top: 56%; width: 43%; height: 9%; }
#settings-dialog .ps2-previous { left: 90%; top: 48%; width: 9%; height: 5%; }
#settings-dialog .ps2-next { left: 90%; top: 53%; width: 9%; height: 5%; }
#settings-dialog .ps2-decrease { left: 40%; top: 56%; width: 9%; height: 9%; }
#settings-dialog .ps2-increase { left: 91%; top: 56%; width: 8%; height: 9%; }
#settings-dialog .ps2-display-toggle { left: 4%; top: 87%; width: 24%; height: 12%; }
#settings-dialog .ps2-enter { left: 33%; top: 87%; width: 18%; height: 12%; }
#settings-dialog .ps2-back { left: 51%; top: 87%; width: 18%; height: 12%; }
.ps2-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#game canvas { image-rendering: var(--game-filter,pixelated) !important; filter: var(--game-brightness-filter,none); }
.performance-counter { position: fixed; bottom: 12px; right: 12px; z-index: 1000; padding: 6px 10px; background: #080d29e8; color: #fff; font: 12px monospace; border: 1px solid #8594c0; pointer-events: none; }
.performance-counter[hidden] { display: none; }