#count-sense-fullscreen {
    position: fixed;
    top: 8px;
    right: 16px;
    z-index: 1101;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #b7d6e9;
    border-radius: 10px;
    background: #f4faff;
    color: #24405b;
    cursor: pointer;
    touch-action: manipulation;
}
#count-sense-fullscreen[hidden],
#count-sense-fullscreen .fullscreen-exit { display: none; }
#count-sense-fullscreen[aria-pressed="true"] .fullscreen-enter { display: none; }
#count-sense-fullscreen[aria-pressed="true"] .fullscreen-exit { display: block; }
#count-sense-fullscreen:focus-visible { outline: 3px solid #267cd4; outline-offset: 2px; }
.count-sense-mobile #count-sense-fullscreen {
    top: 2px;
    right: max(64px, calc(env(safe-area-inset-right) + 58px));
}
body.count-sense-expanded { overflow: hidden; }
.count-sense-expanded #footer { display: none; }
.count-sense-expanded:not(.count-sense-mobile) #page-header,
.count-sense-expanded:not(.count-sense-mobile) #blueHeadBg,
.count-sense-expanded:not(.count-sense-mobile) .page-spacer,
.count-sense-expanded:not(.count-sense-mobile) .compPageTitle { display: none; }
.count-sense-expanded:not(.count-sense-mobile) main { padding: 56px 8px 8px; height: 100vh; height: 100dvh; }
.count-sense-expanded:not(.count-sense-mobile) main > .row { margin: 0; height: 100%; }
.count-sense-expanded:not(.count-sense-mobile) .container { margin: 0; padding: 0; width: 100%; max-width: none; height: 100%; }
.count-sense-expanded:not(.count-sense-mobile) .middle { height: 100%; }
@media (orientation: landscape) {
    .count-sense-mobile #count-sense-fullscreen { top: max(4px, env(safe-area-inset-top)); }
    /* Reserve room for fullscreen and the existing site navigation. */
    .count-sense-mobile .falling-area { width: calc(100% - 102px); }
    .count-sense-mobile .is-opening #gameIntro { padding-right: 112px; }
}
