/* Retrogen Configurator V1.7.0 — GBA SVG fidèle, basé sur les proportions du moteur MIT GBA Shell Studio */
.rg-preview-stage.rg-svg-enabled{background:#fff!important;min-height:370px;padding:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rg-console-preview.rg-use-svg{position:relative;width:min(100%,820px);max-width:100%;height:auto;aspect-ratio:900/550;filter:none!important;transform:none!important;background:#fff!important;overflow:visible;margin:0 auto}
.rg-console-preview.rg-use-svg .rg-css-preview,.rg-console-preview.rg-use-svg .rg-layer-stack,.rg-console-preview.rg-use-svg .rg-preview2d{display:none!important}
.rg-svg-preview{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:#fff;border-radius:14px;overflow:hidden}
.rg-use-svg .rg-svg-preview{display:flex}.rg-gba-svg{display:block;width:100%;height:100%;overflow:visible}

/* IMPORTANT: use variables already maintained by configurator.js. This fixes swatch color updates. */
.rg163-shell{fill:var(--shell-color,#cfd4d8)!important;stroke:rgba(31,39,46,.36);stroke-width:1.4;transition:fill .15s,opacity .15s}
.rg163-internals{opacity:0;transition:opacity .15s}.rg-console-preview[data-shell-finish="crystal"] .rg163-internals{opacity:1}.rg-console-preview[data-shell-finish="crystal"] .rg163-shell{opacity:.62}.rg-console-preview[data-shell-finish="mat"] .rg163-shell{opacity:1}
.rg163-shell-highlight{fill:url(#rg163Metal);opacity:.10;mix-blend-mode:screen;pointer-events:none}
.rg-console-preview[data-shell-finish="mat"] .rg163-shell-highlight{opacity:.04}
.rg163-shell-effect{opacity:0;pointer-events:none}.rg163-shell-pearl{fill:url(#rg163Pearl)}.rg163-shell-glitter{fill:url(#rg163Glitter)}.rg163-shell-metal{fill:url(#rg163Metal)}
.rg-console-preview[data-shell-effect="pearlescent"] .rg163-shell-pearl{opacity:.55;mix-blend-mode:screen}
.rg-console-preview[data-shell-effect="glitter"] .rg163-shell-glitter{opacity:.76;mix-blend-mode:screen}
.rg-console-preview[data-shell-effect="metallic"] .rg163-shell-metal{opacity:.42;mix-blend-mode:overlay}
.rg-console-preview[data-shell-effect="glossy"] .rg163-shell-highlight{opacity:.28}
.rg-console-preview[data-shell-effect="matte"] .rg163-shell-highlight{opacity:.02}

.rg163-lens-frame{fill:var(--lens-color,#171717)!important;stroke:#24292d;stroke-width:2.7;transition:fill .15s}
.rg-console-preview[data-lens-effect="pearlescent"] .rg163-lens-frame{fill:url(#rg163Pearl)!important}
.rg-console-preview[data-lens-effect="metallic"] .rg163-lens-frame{fill:url(#rg163Metal)!important}
.rg-console-preview[data-lens-effect="glossy"] .rg163-lens-frame{filter:brightness(1.08)}
.rg163-screen{fill:url(#rg163Screen);stroke:#080a0b;stroke-width:4}.rg-console-preview[data-svg-screen="ips"] .rg163-screen{fill:url(#rg163Ips)}.rg-console-preview[data-svg-screen="ips-max"] .rg163-screen{fill:#226594;filter:drop-shadow(0 0 9px rgba(62,170,245,.32))}
.rg163-gba-logo{font:italic 900 22px Arial,sans-serif;letter-spacing:-1.8px;fill:#f8f8f8;stroke:#17191b;stroke-width:4;paint-order:stroke fill}

.rg163-button-fill{fill:var(--accent,#555)!important;transition:fill .15s,opacity .15s}
.rg-console-preview[data-button-finish="crystal"] .rg163-button-fill{opacity:.58}
.rg-console-preview[data-button-finish="chrome"] .rg163-button-fill{fill:url(#rg163Chrome)!important;opacity:1}
.rg-console-preview[data-button-effect="pearlescent"] .rg163-button-fill{fill:url(#rg163Pearl)!important}
.rg-console-preview[data-button-effect="metallic"] .rg163-button-fill,.rg-console-preview[data-button-effect="chrome"] .rg163-button-fill{fill:url(#rg163Chrome)!important}
.rg-console-preview[data-button-effect="glossy"] .rg163-button-fill{filter:brightness(1.12)}
.rg163-ab text{font:700 28px Arial,sans-serif;fill:#111;opacity:.62}.rg163-startselect text{font:700 11px Arial,sans-serif;fill:#222;opacity:.72}

.rg163-speaker-disc{fill:var(--speaker-color,#555)!important;opacity:.20}.rg163-speaker-lines{fill:var(--speaker-color,#555)!important;transition:fill .15s}.rg-console-preview[data-speaker-effect="crystal"] .rg163-speaker-disc{opacity:.10}.rg-console-preview[data-speaker-effect="metallic"] .rg163-speaker-lines{filter:drop-shadow(0 1px 1px #fff)}
.rg163-power circle{fill:#72dd54;stroke:#3b7f31;stroke-width:1.5}.rg163-power text{font:700 12px Arial,sans-serif;fill:#30363a}
.rg163-shoulders .rg163-button-fill{opacity:.94}

.rg-console-preview.rg-svg-rgb-on .rg163-shell{filter:drop-shadow(0 0 9px rgba(65,190,255,.33))}
.rg-preview-stage:fullscreen .rg-console-preview.rg-use-svg{width:min(92vw,1150px)}
@media(max-width:850px){.rg-preview-stage.rg-svg-enabled{min-height:320px;padding:5px}.rg-console-preview.rg-use-svg{width:min(100%,760px)}}
@media(max-width:500px){.rg-preview-stage.rg-svg-enabled{min-height:245px;padding:0}.rg-svg-preview{border-radius:10px}}