/* The existing chapter remains usable without JavaScript or WebGL. */
#sceneWalk [hidden]{display:none!important}
#sceneWalk .walk-hud{pointer-events:none}
#sceneWalk .walk-hud button,#sceneWalk .walk-hud a{pointer-events:auto}
#sceneWalk .walk-plane img{filter:none}
.walk-3d-canvas{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .65s ease}
.walk-3d-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-5px}
.walk-3d-canvas canvas:active{cursor:grabbing}
#sceneWalk.is-3d .walk-3d-canvas{opacity:1}
#sceneWalk.is-3d .walk-plane{visibility:hidden}
.walk-3d-tools{position:absolute;top:24px;left:34px;right:34px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.walk-3d-actions{display:flex;gap:8px;flex-wrap:wrap;pointer-events:auto}
.walk-3d-tools .btn{background:rgba(9,13,12,.8);backdrop-filter:blur(14px);font-size:12px;min-height:42px}
.walk-3d-tools .btn.primary{background:rgba(173,71,46,.92)}
.walk-3d-tools .btn:disabled{opacity:.75;cursor:wait}
.walk-3d-status{max-width:320px;font-size:11px;letter-spacing:.08em;line-height:1.6;color:#f6e7d5;text-shadow:0 1px 5px #000;text-align:right}
#sceneWalk .walk-note{pointer-events:none}
#sceneWalk.is-3d:before{background:linear-gradient(0deg,rgba(3,8,11,.9),transparent 35%),linear-gradient(180deg,rgba(3,8,11,.34),transparent 20%)}
#sceneWalk:fullscreen{height:100dvh;min-height:100dvh}
#sceneWalk:fullscreen .walk-hud{min-height:100dvh}
#sceneWalk .walk-title p{max-width:360px}
#sceneWalk.is-3d .walk-title{text-shadow:0 2px 20px #000,0 1px 4px #000}
@media(min-width:981px){#sceneWalk.is-3d:before{background:linear-gradient(0deg,rgba(3,8,11,.88),transparent 38%),linear-gradient(90deg,rgba(3,8,11,.36),transparent 36%),linear-gradient(180deg,rgba(3,8,11,.34),transparent 20%)}}
@media(max-width:980px){
  .walk-3d-tools{left:22px;right:22px;top:18px;align-items:flex-start}
  #sceneWalk .walk-hud{gap:14px;align-content:end;padding-top:120px}
  #sceneWalk .walk-title h2{font-size:34px;margin-bottom:8px}
  #sceneWalk .walk-title p{display:none}
  #sceneWalk .walk-dialogue{padding:18px}
  #sceneWalk .walk-dialogue h3{font-size:24px;margin-bottom:8px}
  #sceneWalk .walk-dialogue p{min-height:0;font-size:13px;line-height:1.8}
}
@media(max-width:560px){
  .walk-3d-tools{left:14px;right:14px;gap:8px}
  .walk-3d-status{max-width:125px;font-size:10px}
  .walk-3d-tools .btn{padding:9px 12px;font-size:11px}
  #sceneWalk .walk-title h2{font-size:30px}
  #sceneWalk .walk-dialogue-head{font-size:9px}
  #sceneWalk .walk-controls{gap:12px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.walk-3d-canvas{transition:none}#sceneWalk .walk-plane{transition:none}}