/* Local-only display troubleshooting. The test never changes game storage. */
.title-build{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;min-height:28px;text-align:left}
.display-link{display:block;margin:15px auto 0;padding:10px 6px;min-height:44px;background:transparent;color:#9bafa5;font:10px monospace;text-decoration:underline;text-underline-offset:4px}
.display-menu-button{width:100%;margin-top:8px;text-align:left;padding:12px 0;background:none;font:11px monospace;color:#9bafa5;min-height:44px}
.display-dialog{width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:22px;margin:auto;overflow:auto;border:1px solid #71856d;background:#101d1d;color:#ede5d6;box-shadow:0 24px 90px #0009}
.display-dialog::backdrop{background:#02090be8}.display-dialog header{display:flex;align-items:center;gap:12px;justify-content:space-between}.display-dialog h2{font:25px Georgia,serif;margin:0}.display-dialog header button{min-width:44px;min-height:44px;flex:none}.display-dialog p{font:13px/1.6 Arial,sans-serif;color:#b9c9bc}.display-dialog .display-actions{display:flex;flex-direction:column;gap:8px;margin:17px 0}.display-dialog .display-actions button{min-height:44px;padding:12px;text-align:left;border:1px solid #71856d;background:#233c37;font:12px monospace;color:#d9e5d7}.display-dialog button:disabled{opacity:.6}.display-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0;padding:13px;border:1px solid #71856d55;background:#091415;color:#bdd0c4;font:11px/1.8 monospace}.display-dialog summary{font:11px monospace;cursor:pointer;padding:10px 0}.display-dialog #display-status{font-size:12px;color:#d4c8a6}
#display-safe-area-probe{position:absolute;visibility:hidden;pointer-events:none;top:0;left:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
/* auto can report zero insets even on gesture-navigation phones. Retain the
   bottom inset actually measured immediately before the trial, not screen math. */
@media(max-width:899px){
html[data-display-fit=auto] .touch-controls{bottom:calc(18px + var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .dialogue{bottom:calc(15px + var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .interaction-prompt{bottom:calc(178px + var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .title-footer{bottom:calc(23px + var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .title-content{padding-bottom:calc(84px + var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .intro,html[data-display-fit=auto] .ending,html[data-display-fit=auto] .menu-overlay{padding-bottom:calc(22px + var(--display-gesture-inset,0px))}
}
@media(max-width:899px) and (max-height:590px){
html[data-display-fit=auto] .title-content{padding-bottom:max(48px,var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .title-footer{bottom:max(14px,var(--display-gesture-inset,0px))}
}
@media(max-width:899px) and (max-height:590px) and (min-width:650px){
html[data-display-fit=auto] .title-content{padding-bottom:calc(102px + var(--display-gesture-inset,0px))}
html[data-display-fit=auto] .title-credit-inline{bottom:calc(44px + var(--display-gesture-inset,0px))}
}