.rrdd-display-bar[hidden],.rrdd-display-bar [hidden]{display:none!important}
.rrdd-display-bar{position:fixed;inset:auto 0 0;z-index:120;min-height:56px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:6px 16px;background:#fffaf1;color:#173c61;border-top:1px solid #d8e3df;font:14px/1.35 system-ui,sans-serif}
.rrdd-display-bar button{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid #9dbab6;border-radius:12px;background:#e4f2ef;color:#173c61;font:700 14px/1.3 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.rrdd-display-bar button:focus-visible{outline:3px solid #d69d14;outline-offset:2px}
.rrdd-display-bar [role=status]:empty{display:none}
body.rrdd-game-shell.rrdd-focus-mode{--rrdd-footer-height:64px;padding-bottom:64px}
.rrdd-focus-mode .rrdd-game-footer{display:none!important}
/* Native mode uses the existing header exit tool and Esc, not a second footer.
   Keep the recovery bar in focus fallback where browser controls remain visible. */
body.rrdd-game-shell.rrdd-native-fullscreen{--rrdd-footer-height:0px;padding-bottom:0!important}
.rrdd-native-fullscreen .rrdd-display-bar{display:none!important}
/* Landscape game grids already reserve the footer row. Do not reserve the bar
   a second time with padding and squeeze the illustrated station cards flat. */
@media(min-width:1000px) and (min-height:650px){body.rrdd-game-shell.rrdd-focus-mode{padding-bottom:0}}
@media(min-width:1000px) and (min-height:650px) and (max-height:800px){
 .rrdd-focus-mode:has(#exitGame) main{padding:8px 24px!important}
 .rrdd-focus-mode #play>h1{font-size:28px!important;margin:2px 0!important}
 .rrdd-focus-mode #play>.eyebrow{font-size:10px;margin:0!important}
 .rrdd-focus-mode #play>p{font-size:13px;margin:0!important}
 .rrdd-focus-mode #play .panel{padding:10px 16px!important;gap:6px!important}
 .rrdd-focus-mode #play .row h2{font-size:24px;margin:0}
 .rrdd-focus-mode #play .row{min-height:36px}
 .rrdd-focus-mode #play #stars{font-size:24px;margin:0}
}
@media(max-width:700px){body.rrdd-game-shell.rrdd-focus-mode{--rrdd-footer-height:116px;padding-bottom:116px}.rrdd-display-bar{min-height:108px;gap:4px 8px}.rrdd-display-bar>span:first-child{width:100%;text-align:center;font-size:12px}}

/* One vector display control across static and React game headers. Keep the
   existing button, accessible name, gesture handler and focus-mode fallback. */
body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool:is(#fullscreen,#fullscreenButton,.fullscreen-button,[data-rrdd-display-toggle]){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;
 width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
 box-sizing:border-box!important;border:1px solid #dbe3e5!important;border-radius:50%!important;background:#fff!important;
 color:transparent!important;font-size:0!important;line-height:0!important;text-shadow:none!important;box-shadow:none!important;touch-action:manipulation;
}
body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool>*{display:none!important}
body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool::before{
 content:'';display:block;width:24px;height:24px;flex:none;pointer-events:none;background:#173c61;
 -webkit-mask:url('/assets/fullscreen-expand-v1.svg') center/contain no-repeat;
 mask:url('/assets/fullscreen-expand-v1.svg') center/contain no-repeat;
}
body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool[aria-pressed='true']::before{
 -webkit-mask-image:url('/assets/fullscreen-collapse-v1.svg');mask-image:url('/assets/fullscreen-collapse-v1.svg');
}
@media(hover:hover){body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool:is(#fullscreen,#fullscreenButton,.fullscreen-button,[data-rrdd-display-toggle]):hover{background:#edf4f3!important}}
body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool:focus-visible{outline:3px solid #d69d14!important;outline-offset:3px!important}

/* Older shells also draw the Unicode glyph in ::after. Show one icon only. */
body.rrdd-game-shell header.rrdd-game-header button.rrdd-fullscreen-tool:is(#fullscreen,#fullscreenButton,.fullscreen-button,[data-rrdd-display-toggle])::after{content:none!important;display:none!important}