/* The city shell is part of the game: the same copper frame and pixel lettering. */
#loading,#error{
  position:fixed;inset:0;display:grid;place-items:center;padding:24px 16px;
  background:radial-gradient(ellipse at 50% 35%,#4a240c38,transparent 65%),#080604db;
  backdrop-filter:none;color:var(--game-ink);overflow:auto;scrollbar-width:none;
}
#loading::-webkit-scrollbar,#error::-webkit-scrollbar{display:none}
#loading{background:radial-gradient(ellipse at 50% 35%,#71320e39,transparent 60%),#0d0906f5}


#loading h1{margin:0;color:#ffda7e;font:400 clamp(36px,7vw,59px)/1.13 NeuralPixel,monospace;letter-spacing:0;text-shadow:2px 3px #8d410a,3px 6px #140802}


#loading-message{min-height:0;margin:0;color:#e6cc9f;font:12px/1.5 'Segoe UI',sans-serif}
#loading-percent{flex:none;color:#ffd36c;font:400 20px/1.2 NeuralPixel,monospace;white-space:nowrap}
#loading .progress{position:relative;height:23px;border:2px solid #a76020;border-radius:0;background:#0f0804;margin:10px 0 20px;box-shadow:inset 0 2px #070401,0 2px #4c230b;overflow:hidden}
#loading .progress span{display:block;height:100%;width:0;background:linear-gradient(#ffd366,#e37b0c);border-top:2px solid #ffe6a5;border-bottom:3px solid #97500c;transition:width .18s linear}
#loading .progress::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 17px,#221005 17px 20px);pointer-events:none}
#loading p.small{margin:0;color:#ba9871;font-size:11px;line-height:1.6}








#walk-help{bottom:18px;left:20px;right:20px;justify-content:flex-end}
#walk-help #open-menu{width:auto;min-width:139px;min-height:44px;padding:10px 20px 12px;gap:8px;border:0;border-radius:0;color:var(--game-orange);background:url('../assets/ui/pause-button-idle.svg') center/100% 100% no-repeat;font:400 13px/1.2 NeuralPixel,monospace;box-shadow:none;pointer-events:auto}
#walk-help #open-menu.ns-highlighted{color:#fff49e;background-image:url('../assets/ui/pause-button-active.svg')}
#walk-help #open-menu kbd{font-size:10px;background:#4b260b;border-color:#b37328}
#error{z-index:30;border:0;border-radius:0;box-shadow:none}
#error>.game-panel{width:min(540px,calc(100vw - 36px));padding:32px 30px}
#error h2{color:#ffcf6e;font:400 clamp(25px,5vw,34px)/1.3 NeuralPixel,monospace;text-transform:uppercase;letter-spacing:0;margin:18px 0}
#error p{color:var(--game-muted);font-size:13px}
#error details{margin:20px 0;font-size:12px;color:#d1a36c}
#error summary{cursor:pointer;padding:7px 0}
#error-message{max-height:150px;overflow:auto;scrollbar-width:none;font:11px/1.5 monospace;color:#d0a983!important}
#error-message::-webkit-scrollbar{display:none}
#error .game-button{margin-top:20px}
@media(max-width:550px){
  
  
  
  
  
  
  #walk-help{left:14px;right:14px;bottom:13px}
}
@media(max-height:550px){
  #loading,#error{padding:14px}
  
  
  #loading h1{font-size:36px}
  
  
  
  
}
@media(prefers-reduced-motion:reduce){#loading .progress span{transition:none}}
#camera-activate{position:fixed;z-index:5;left:50%;bottom:28px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 180px);padding:12px 24px;background:url('../assets/ui/pause-button-idle.svg') center/100% 100% no-repeat;font:12px/1.5 NeuralPixel,monospace;text-align:center}
#camera-activate[hidden]{display:none!important}
canvas[data-pointer-look="fallback"]{cursor:none!important}