/* The fourth monitor remains in place; its two channels share the same footprint. */
#mogArcadeGames .mogChannelSlot{position:relative;min-width:0;display:block;aspect-ratio:inherit;align-self:stretch}
#mogArcadeGames .mogChannelSlot>a.approvedGame{display:block!important;width:100%!important;height:100%!important;box-sizing:border-box;margin:0!important}
#mogArcadeGames .mogChannelSwitch{position:absolute!important;z-index:20;right:6%;top:5%;display:flex!important;align-items:center;gap:2px;padding:2px;background:#020a15e8;border:1px solid #e8c46788;border-radius:7px;color:#ffe4a1;box-shadow:0 2px 10px #0009;pointer-events:auto}
#mogArcadeGames .mogChannelSwitch button{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:32px;padding:0;background:transparent;border:0;color:#ffe4a1;font:900 25px/1 Arial;cursor:pointer;touch-action:manipulation}
#mogArcadeGames .mogChannelNumber{position:static!important;display:block!important;font:800 7px/1 Arial!important;letter-spacing:.5px!important;padding:0 2px!important;color:#ffe4a1!important;text-shadow:none!important;background:none!important;margin:0!important}
#mogArcadeGames .mogChannelSwitch button:focus-visible{outline:2px solid #64e3ff;border-radius:4px}
#mogArcadeGames .mogChannelCard.mogChannelTuning{animation:mogChannelTune .3s ease-out}
@keyframes mogChannelTune{0%{filter:brightness(2.2) saturate(0);transform:scaleY(.9)}35%{filter:brightness(.3)}100%{filter:brightness(1);transform:none}}
@media(max-width:600px){#mogArcadeGames .mogChannelSwitch{top:3%;right:4%;gap:0}#mogArcadeGames .mogChannelSwitch button{min-width:34px;min-height:36px}#mogArcadeGames .mogChannelNumber{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){#mogArcadeGames .mogChannelCard.mogChannelTuning{animation:none}}

/* Compact monitors need one reachable channel rocker below the title. */
html body #mogGamesDock #mogArcadeGames .mogChannelSlot .approvedGame{--game-accent:#ffe297;--game-glow:#ffd15b40}
html body #mogGamesDock #mogArcadeGames .mogChannelSlot strong{padding-right:0!important}
#mogArcadeGames .mogChannelSwitch{top:auto!important;bottom:5%;right:5%;padding:0}
#mogArcadeGames .mogChannelSwitch button{min-height:29px;min-width:28px}
#mogArcadeGames .mogChannelSwitch button:first-child{display:none}
#mogArcadeGames .mogChannelNumber{padding:0 5px!important}
html body #mogGamesDock #mogArcadeGames .mogChannelSlot .approvedGame>span{left:7px!important;right:auto!important}
@media(max-width:650px){#mogArcadeGames .mogChannelSwitch{bottom:1%;right:0%;border-radius:4px}#mogArcadeGames .mogChannelSwitch button{min-height:30px;min-width:30px}#mogArcadeGames .mogChannelNumber{display:none!important}html body #mogGamesDock #mogArcadeGames .mogChannelSlot strong{font-size:clamp(6px,1.86cqw,11px)!important}html body #mogGamesDock #mogArcadeGames .mogChannelSlot .approvedGame>span{left:4px!important}}
html body #mogGamesDock #mogArcadeGames .mogChannelCard[data-channel="pinball"] .approvedGamePicture{object-position:50% 27%!important}
