.detective-loading{position:absolute;inset:0;z-index:1500;display:grid;place-items:center;box-sizing:border-box;overflow:hidden;background:#e2f0fc;color:#294b7b;text-align:center;overscroll-behavior:contain;touch-action:none}
.detective-loading[hidden]{display:none!important}
.detective-loading-viewport{position:fixed}
/* Readable fallback while the illustrated scene loads, and live-region text. */
.detective-loading-content{position:relative;z-index:0;width:100%;padding:24px;box-sizing:border-box}
.detective-loading h2{margin:0 0 11px;font:700 25px/1.4 system-ui,sans-serif;letter-spacing:2px;color:#294b7b}
.detective-loading p{margin:0;font:400 14px/1.7 system-ui,sans-serif;color:#7989a3;letter-spacing:.5px}
.detective-loading-art{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}
.detective-loading-character{overflow:hidden}
.detective-loading-frames{animation:detective-walk 1.2s steps(4,end) infinite;will-change:transform}
/* Each step shifts exactly one 443.5px cell, inside a stationary viewport. */
@keyframes detective-walk{to{transform:translateX(-1774px)}}
@media(prefers-reduced-motion:reduce){.detective-loading-frames{animation:none;will-change:auto}}