/* Fit the game inside the currently visible browser area, including URL-bar changes. */
:root{--view-w:100vw;--view-h:100dvh;--view-top:0px;--view-left:0px;--toolbar-height:0px}
body{overflow:hidden;background:#233641}
body.toolbar-visible{--toolbar-height:60px}
#unity-container,#unity-container.unity-desktop,#unity-container.unity-mobile,body.survey-open #unity-container{
  position:fixed;left:var(--view-left);top:var(--view-top);width:var(--view-w);height:var(--view-h);transform:none;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
}
#unity-fullscreen-container{width:min(960px,var(--view-w))!important;height:min(600px,calc(var(--view-h) - 38px))!important;flex-shrink:0;position:relative}
#unity-container.unity-mobile #unity-fullscreen-container,body.page-fullscreen #unity-fullscreen-container{
  width:100%!important;height:100%!important;
}
#unity-canvas,#unity-loading-container{top:var(--toolbar-height);height:calc(100% - var(--toolbar-height))!important;left:0;width:100%!important}
#unity-footer{width:min(960px,var(--view-w));height:38px;flex-shrink:0}
body.page-fullscreen #unity-footer{display:none}
#game-toolbar{position:absolute;inset:0 0 auto;height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));background:#eaf0f3;color:#223540;z-index:10;font:14px system-ui,sans-serif}
#game-toolbar button{min-height:44px;padding:8px 14px;font:600 16px system-ui,sans-serif;border:0;border-radius:8px;background:#235e75;color:#fff;cursor:pointer;flex-shrink:0}
#fullscreen-status{font-size:12px;line-height:1.2;max-width:240px}
#survey-panel,#exit-panel{top:var(--view-top);left:var(--view-left);right:auto;bottom:auto;width:var(--view-w);height:var(--view-h)}
#exit-panel{position:fixed;z-index:11000;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:24px 12px;background:#eaf0f3;color:#223540;font:16px/1.7 system-ui,sans-serif}
body.exit-open #survey-panel{visibility:hidden}
#exit-save-status{font-weight:600}
@media(max-width:450px){#game-toolbar{gap:5px}#game-toolbar button{font-size:14px;padding:8px}#fullscreen-status{font-size:11px}}

.credits-link{color:#235e75;text-underline-offset:3px;font:14px/1.4 system-ui,sans-serif;display:inline-block;padding:8px}
.credits-link .new-tab{font-size:11px;display:block}
#game-toolbar .credits-link{flex-shrink:0;max-width:112px;font-size:12px;padding:4px}
#game-toolbar{flex-wrap:wrap;height:auto;min-height:60px}
#fullscreen-status:not(:empty){width:100%;max-width:none;text-align:center}
body.toolbar-visible:has(#fullscreen-status:not(:empty)){--toolbar-height:88px}