/* The landscape is the game. The interface stays light and out of its way. */
html,body{width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:#243c30}
body{--hud-ink:#f4f0db;--hud-soft:#e7e8d0;--hud-edge:#eee9cb40;--hud-bg:#23403199;user-select:none;-webkit-user-select:none}
main.game-shell.scene-panel{position:fixed;inset:0;width:100%;height:100%;height:100dvh;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#a7b9a0;isolation:isolate}
#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none}
#scene canvas{display:block;width:100%!important;height:100%!important;touch-action:none}
.game-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#122e3440 0,transparent 22%,transparent 68%,#1633292e 100%)}
.game-identity{position:absolute;z-index:3;left:max(27px,env(safe-area-inset-left));top:max(23px,env(safe-area-inset-top));color:#f7f0d8;text-shadow:0 1px 12px #18372360;pointer-events:none}
.game-logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:29px;line-height:1.1;letter-spacing:-.6px}
.game-logo svg{height:30px;width:30px;stroke-width:1.15;color:#f4e6b9}
.game-location{display:flex;align-items:center;gap:8px;margin:9px 0 0 3px;font-size:10px;color:#eef0d9;line-height:1.5;letter-spacing:.15px}
.game-location .live-dot{width:5px;height:5px;flex:none;margin:0 3px 0 0;background:#e6dba4;box-shadow:0 0 0 4px #e5d99a17}
.location-dot{opacity:.5}
#location-heading{font-size:10px;color:inherit;margin:0;letter-spacing:.5px}
#time-label{font-size:9px;color:inherit;opacity:.8}
.home-return{pointer-events:auto;background:#223e2d8c;border:1px solid #f5edc732;backdrop-filter:blur(12px);color:#efe7c6;display:flex;gap:8px;align-items:center;min-height:44px;border-radius:20px;padding:7px 13px;font-size:10px;margin-top:15px;text-shadow:none}
.hud-controls{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(25px,env(safe-area-inset-right));z-index:5;display:flex;gap:8px;align-items:center}
.hud-glass{background:var(--hud-bg);border:1px solid var(--hud-edge);box-shadow:0 4px 20px #152d2812;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--hud-ink)}
.hud-controls .music-toggle{position:static;top:auto;right:auto;min-height:44px;padding:10px 16px;font-size:10px;gap:9px;border-radius:24px;background:var(--hud-bg);color:var(--hud-ink);border-color:var(--hud-edge);box-shadow:0 4px 20px #152d2812}
.hud-controls .music-toggle svg{width:17px;height:17px}
.equalizer i{background:#e6dfb4}
.hud-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;position:relative;padding:10px;transition:background .18s}
.hud-icon svg{width:19px;height:19px;stroke-width:1.4}
.hud-controls button:hover,.home-return:hover{background:#345640da}
.hud-icon #saved-count{position:absolute;top:-3px;right:-3px;background:#d8bf7d;color:#344632;font-size:9px;padding:3px 5px;min-width:17px;line-height:1.2;box-shadow:0 0 0 2px #304f3d}
#game-menu-btn[aria-expanded=true]{background:#d8c78d;color:#334a32;border-color:#e5d7a3}
.game-menu{position:absolute;z-index:6;top:80px;right:max(25px,env(safe-area-inset-right));width:286px;padding:24px 22px 18px;border-radius:18px;background:#213a2be8;max-height:calc(100dvh - 115px);overflow:auto;scrollbar-width:thin;scrollbar-color:#a0ac8066 transparent}
.menu-eyebrow{margin:0 0 6px;font-size:8px;letter-spacing:2px;color:#d4c78e}
.game-menu h2{font:400 27px/1.4 var(--serif);color:#f1e8cb;margin:0 0 18px;letter-spacing:-.5px}
.menu-rituals{display:flex;flex-direction:column}
.menu-rituals button{background:none;display:flex;gap:12px;align-items:center;padding:14px 1px;text-align:left;color:#e4e6d1;font-size:10px;min-height:47px;border-top:1px solid #e5e3be18}
.menu-rituals button:hover{color:#fff2b9}
.menu-rituals button svg{width:18px;height:18px;color:#c5c89e}
.menu-rituals button>span:nth-child(2){flex:1}
.menu-rituals button>span:last-child:not(:nth-child(2)){font-size:13px;color:#adbb99}
.menu-rituals button small{color:#9fb08e;font-size:8px;margin-left:auto}
.menu-settings{display:flex;gap:8px;margin-top:18px}
.menu-settings button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:#e8e8c90b;border:1px solid #e5e3be24;color:#d8ddc1;border-radius:8px;font-size:9px}
.menu-settings button:hover{background:#e8e8c91c}
.menu-settings svg{width:16px;height:16px}
.menu-footnote{color:#99ab90;font-size:8px;line-height:1.9;margin:19px 0 0}
.scene-loading{z-index:9;background:#e8e9db;pointer-events:none}
.scene-loading p{font-size:12px;letter-spacing:.2px;margin-top:20px}
.movement-controls{position:absolute;left:max(29px,env(safe-area-inset-left));bottom:max(36px,env(safe-area-inset-bottom));z-index:4;display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:6px;touch-action:none;opacity:.74;transition:opacity .2s}
.movement-controls:hover,.movement-controls:focus-within{opacity:1}
.movement-controls button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:10px;border:1px solid #f4ecca52;background:#25412b66;backdrop-filter:blur(10px);color:#f4eed6;box-shadow:0 2px 8px #263c2520;touch-action:none;-webkit-touch-callout:none;transition:background .15s,transform .15s}
.movement-controls button:active,.movement-controls button.pressed,.movement-controls button.active{background:#e1d5a5d9;color:#3a5138;transform:translateY(1px)}
.move-forward{grid-row:1;grid-column:2}.move-left{grid-row:2;grid-column:1}.move-backward{grid-row:2;grid-column:2}.move-right{grid-row:2;grid-column:3}
.move-arrow{font:400 20px/1 Arial,sans-serif}
.movement-controls small{font-size:7px;opacity:.7;align-self:flex-end;padding-bottom:9px}
.interaction-dock{position:absolute;z-index:4;bottom:max(61px,calc(env(safe-area-inset-bottom) + 36px));left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:13px;pointer-events:none;width:max-content;max-width:calc(100% - 375px)}
.context-action{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:11px;min-height:51px;padding:12px 16px 12px 20px;border:1px solid #f0e5b875;border-radius:30px;background:#284e37e8;backdrop-filter:blur(16px);color:#f6efd8;font-size:12px;box-shadow:0 5px 26px #17362430;transition:background .2s,transform .2s;white-space:nowrap}
.context-action:hover{background:#3b6446;transform:translateY(-2px)}
.context-action svg{width:23px;height:23px;color:#e8d7a4;stroke-width:1.3}
.interact-key{margin-left:7px;border:1px solid #dfdfb861;width:25px;height:25px;display:grid;place-items:center;border-radius:6px;font-size:10px;color:#e6dfbc;background:#f1e3b70a}
#scene-hint{font-size:9px;color:#f0f0dc;line-height:1.7;letter-spacing:.15px;margin:0;text-align:center;text-shadow:0 1px 7px #16322590;max-width:420px}
#walk-help{position:absolute;z-index:3;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.3px;color:#f1f0d9b5;white-space:nowrap;pointer-events:none;margin:0;text-shadow:0 1px 6px #1c382c80}
#walk-help span{margin:0 9px;opacity:.6}
.scene-panel .scene-interior-actions{pointer-events:auto;gap:4px;padding:5px;border:1px solid #e8d8a354;background:#493b27ce;border-radius:28px;backdrop-filter:blur(14px);box-shadow:0 6px 20px #1f150d25}
.scene-panel .scene-interior-actions button{color:#eadab1;min-height:44px;padding:11px 16px;font-size:10px;border-radius:24px;white-space:nowrap}
.scene-panel .scene-interior-actions .scene-bow-button{background:#d1b572;color:#423a25}
.scene-panel .scene-interior-actions button:hover{background:#ffffff18}
.scene-panel .scene-interior-actions .scene-bow-button:hover{background:#dfc98e}
.bow-progress{display:none;align-items:center;flex-direction:column;gap:7px;pointer-events:none}
.scene-panel.inside .bow-progress{display:flex}
.bow-steps{margin:0;gap:7px}
.bow-steps span{height:22px;width:22px;font-size:8px;border-color:#e8d2a852;color:#ebd3a7;background:#3e302741;backdrop-filter:blur(8px)}
.bow-steps span.current{background:#e4c786;color:#4a3c26;border-color:#e4c786;box-shadow:0 0 0 3px #f2dcaa20}
.bow-steps span.done{background:#b39a61;color:#fff4d9;border-color:#d6bc7e}
.bow-steps i{width:13px;background:#d5bb8740}
#bow-status{font-size:9px;line-height:1.6;color:#f4dfb4;margin:0;text-shadow:0 1px 6px #2a190b90;max-width:300px;text-align:center}
.scene-panel.inside{background:#4b3524;border:0}
.scene-panel.inside #scene-hint{color:#f0e0bc;text-shadow:0 1px 7px #24180ab0}
.scene-panel.inside .game-logo,.scene-panel.inside .game-location{color:#f3dfb7}
.scene-panel.inside .hud-glass{--hud-bg:#473824bf;--hud-edge:#ddc58c40}
.scene-panel.inside .movement-controls button{background:#46372180;border-color:#e5d3a343;color:#f5e2b9}
.toast{bottom:170px;font-size:11px;z-index:20}
.ritual-dialog{user-select:text;-webkit-user-select:text;z-index:12;max-height:88dvh}
.ritual-dialog::backdrop{background:#0f211c7d;backdrop-filter:blur(9px)}
.ritual-dialog .close-button{width:44px;height:44px;right:10px;top:10px}
.ritual-dialog input,.ritual-dialog textarea{user-select:text;-webkit-user-select:text}
button:focus-visible{outline:2px solid #f0d58e;outline-offset:4px}
[hidden]{display:none!important}
@media(max-width:760px){
  .game-identity{left:max(17px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top))}
  .game-logo{font-size:25px;gap:7px}.game-logo svg{height:26px;width:26px}
  .game-location{font-size:9px;gap:6px;margin-top:7px}.game-location .live-dot{margin-right:1px}#location-heading{font-size:9px}#time-label,.location-dot{display:none}
  .hud-controls{top:max(18px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));gap:5px}
  .hud-controls .music-toggle{min-height:44px;padding:10px 12px;gap:0}.hud-controls #music-label,.hud-controls .equalizer{display:none}
  .hud-controls .music-toggle[aria-pressed=true]{background:#c2cba389;color:#fff5c9;border-color:#e0dfa889}
  .hud-icon{width:44px;height:44px;padding:10px}.hud-icon svg{width:18px;height:18px}
  .hud-controls .music-toggle svg{width:18px;height:18px}
  .home-return{min-height:44px;font-size:9px;margin-top:12px;padding:7px 11px}
  .game-menu{top:76px;right:max(14px,env(safe-area-inset-right));width:275px;max-width:calc(100% - 28px);padding:22px 21px 17px}
  .movement-controls{left:max(17px,env(safe-area-inset-left));bottom:max(35px,calc(env(safe-area-inset-bottom) + 18px));grid-template-columns:45px 45px 45px;grid-template-rows:45px 45px;gap:5px;opacity:.92}
  .movement-controls button{width:45px;height:45px;border-radius:12px;background:#2a493587}.movement-controls small{display:none}.move-arrow{font-size:23px}
  .interaction-dock{left:auto;right:max(17px,env(safe-area-inset-right));bottom:max(40px,calc(env(safe-area-inset-bottom) + 23px));transform:none;max-width:calc(100% - 190px);gap:10px;align-items:flex-end}
  .context-action{min-height:49px;padding:11px 15px;font-size:10px;gap:7px;white-space:normal;line-height:1.6;text-align:left;border-radius:25px;max-width:100%}.context-action svg{width:20px;height:20px}.interact-key{display:none}
  #scene-hint{font-size:8px;line-height:1.8;text-align:right;max-width:180px}
  #walk-help{bottom:max(14px,env(safe-area-inset-bottom));font-size:7px;letter-spacing:0;opacity:.85}#walk-help span{margin:0 5px}
  .scene-panel .scene-interior-actions{flex-wrap:wrap;justify-content:center;max-width:180px;padding:4px;border-radius:14px;gap:3px}
  .scene-panel .scene-interior-actions button{font-size:8px;min-height:44px;padding:8px 10px;border-radius:10px;gap:4px}.scene-panel .scene-interior-actions .scene-bow-button{flex-basis:100%;justify-content:center}.scene-interior-actions svg{height:17px;width:17px}
  .bow-progress{align-items:flex-end;gap:6px}.bow-steps span{height:19px;width:19px;font-size:7px}.bow-steps i{width:10px}#bow-status{font-size:8px;max-width:175px;text-align:right}
  .toast{bottom:190px;padding:12px 19px;font-size:10px;max-width:90vw}.ritual-dialog{padding-top:48px}
}
@media(max-width:360px){.game-logo{font-size:22px}.game-logo svg{width:23px}.hud-controls{gap:4px;right:10px}.hud-icon,.hud-controls .music-toggle{width:44px;min-height:44px;height:44px;padding:10px}.game-identity{left:13px}.movement-controls{left:12px;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:4px}.movement-controls button{width:44px;height:44px}.interaction-dock{right:12px;max-width:calc(100% - 170px)}}
@media(max-height:510px) and (orientation:landscape){.game-identity{top:13px;left:20px}.game-logo{font-size:23px}.game-location{margin-top:5px}.hud-controls{top:12px;right:17px}.movement-controls{bottom:19px;left:20px}.interaction-dock{bottom:35px;right:22px;left:auto;transform:none;max-width:50%;align-items:flex-end}#scene-hint{text-align:right}#walk-help{bottom:11px;font-size:8px}.game-menu{top:65px;max-height:calc(100dvh - 80px)}.bow-progress{gap:4px}.scene-panel .scene-interior-actions button{min-height:44px;padding:9px 13px}.toast{bottom:130px}}

.temple-music-settings{padding-top:18px;margin-top:10px;border-top:1px solid #e5e3be24}.temple-music-settings>label{font-size:11px;color:#e9dab0}.temple-music-settings>p{font-size:8px;line-height:1.8;color:#acb997;margin:7px 0 13px}.temple-music-settings>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#c8d1b8}.temple-music-settings input{width:140px;accent-color:#cfbb7e;min-height:30px}