/* Explicit exceptions keep this control visible when mobile menus hide other buttons. */
html body [data-game-fullscreen]{display:inline-flex!important;align-items:center;justify-content:center;flex:none;min-width:82px!important;min-height:44px!important;width:auto!important;height:auto!important;padding:8px 10px;gap:4px;border:1px solid #9a8255;border-radius:6px;background:#211d17;color:#f5dfad;font:600 12px/1.2 sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation}
html body [data-game-fullscreen]:focus-visible{outline:3px solid #f4ca76;outline-offset:2px}
html body [data-game-fullscreen][aria-pressed=true]{background:#63451e;border-color:#f3cd85}
html.game-screen-expanded{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;overflow:hidden!important;background:#080d10}
html.game-screen-expanded body{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;margin:0!important}
html:fullscreen{background:#080d10}
html:-webkit-full-screen{background:#080d10}
.game-fullscreen-notice{position:fixed;z-index:2147483646;top:calc(50px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 14px;border:1px solid #bfa05c;border-radius:8px;background:#141b20f5;color:#fff0cc;font:13px/1.5 sans-serif;pointer-events:none;box-shadow:0 4px 20px #0008}
.game-fullscreen-notice[hidden]{display:none}
.game-fullscreen-notice[data-landscape-hint=true]{box-sizing:border-box;text-align:center;line-height:1.5}
/* Shaiam's login and world have separate toolbars: keep one common control above both. */
body.shaiam-fullscreen #viewport>[data-game-fullscreen]{position:absolute;right:max(4px,env(safe-area-inset-right));top:max(0px,env(safe-area-inset-top));z-index:60}
body.shaiam-fullscreen .tools{padding-right:100px}
.page-bar{height:44px;min-height:44px}
.mobile-game .web-strip{height:44px!important;min-height:44px!important}
@media(min-width:1101px){body:has(>.page-bar) #viewport{min-height:calc(100dvh - 74px)}}
@media(max-width:950px){
 html body [data-game-fullscreen]{padding:6px 8px;font-size:12px}
 body .toolbar>[data-game-fullscreen]{display:inline-flex!important}
 .toolbar .place{overflow:hidden}.toolbar .mobile-game-title{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
 .topbar .brand,.page-header>div{min-width:0;overflow:hidden}.topbar .brand h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topbar .connection{flex:none}.topbar .connection [data-game-fullscreen]{min-width:82px}
 .masthead .wordmark{display:none}
 .portal-bar .header-right{display:flex;gap:4px;flex:none}
 body.shaiam-fullscreen .tools .mobile-game-title{overflow:hidden;text-overflow:ellipsis}
}