/* Guidance stays inside the playable scene. */
.guiding main{position:relative}
.guiding .task,.guiding .mission-objective,.guiding .topbar .top-actions,.guiding .stats{visibility:hidden;pointer-events:none}
.guide-screen{position:absolute;inset:0;z-index:20;padding:max(18px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;gap:30px;background:linear-gradient(180deg,#08202238 30%,#0d2528bf 58%,#0a2327f5);color:#fff0d2}
.guide-controls{display:flex;justify-content:space-between;gap:10px}
.guide-controls button{font-size:11px;min-height:44px;border:1px solid #e3c18a50;border-radius:24px;padding:10px 13px;background:#102529a8;color:#fff0d2;backdrop-filter:blur(8px)}
.guide-controls .guide-sound{width:44px;height:44px;padding:10px;display:grid;place-items:center;flex-shrink:0}
.guide-controls{position:relative;min-height:44px;justify-content:flex-end;align-items:flex-start}
.guide-controls .guide-sound{position:fixed;z-index:25;top:max(18px,env(safe-area-inset-top));right:max(86px,calc((100vw - 460px)/2 + 86px))}
.guide-controls .guide-skip{position:fixed;z-index:25;right:max(16px,calc((100vw - 460px)/2 + 16px));top:max(72px,calc(env(safe-area-inset-top) + 72px))}
.guide-sound svg{width:24px;height:24px}
.guide-card{text-align:center;text-shadow:0 2px 12px #0a2426}
.guide-art{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:23px;color:#f4cd7c;filter:drop-shadow(0 0 22px #ffdc7145)}
.guide-art svg{height:100%;width:180px}
.guide-art .guide-treasure-img{height:100%;width:auto}
.guide-art-eye .guide-eye-img{height:100%;width:auto}
.guide-art .guide-map-img{height:100%;width:auto;max-width:90%;object-fit:contain}
.guide-art-map{filter:none}
body.guiding .chapter-root .temple-tag{display:none}
.guide-map-scattered{position:relative;width:300px;height:100%;max-width:100%}
.guide-map-scattered img{position:absolute;width:26%;height:62%;object-fit:contain;filter:drop-shadow(0 3px 3px var(--carthage-answer-depth))}
.guide-map-scattered img:nth-child(1){left:2%;top:1%;transform:rotate(-24deg)}
.guide-map-scattered img:nth-child(2){left:39%;top:0;transform:rotate(19deg)}
.guide-map-scattered img:nth-child(3){right:0;top:2%;transform:rotate(-15deg)}
.guide-map-scattered img:nth-child(4){left:20%;top:25%;transform:rotate(34deg)}
.guide-map-scattered img:nth-child(5){left:55%;top:38%;transform:rotate(-29deg)}
.guide-map-scattered img:nth-child(6){left:1%;bottom:-4%;transform:rotate(12deg)}
.guide-map-scattered img:nth-child(7){right:2%;bottom:-3%;transform:rotate(30deg)}
.guide-count{display:flex;justify-content:center;gap:7px;margin:0 0 16px}
.guide-count .guide-step-dot{height:4px;width:20px;padding:0;border:0;background:#f7d99d44;border-radius:4px;cursor:pointer}
.guide-count .guide-step-dot:disabled{cursor:default}
.guide-count .guide-step-dot.current{background:#f7d99d}
.guide-card h2{font:600 32px/1.12 var(--serif);color:#ffe1a5;margin:0 0 13px}
.guide-card p{font-size:14px;line-height:1.6;color:#edf0df;margin:0 auto 26px;max-width:300px}
.guide-next{width:100%;min-height:54px;max-width:350px;background:var(--welcome-action-stone) center/100% 100% no-repeat;background-color:transparent;color:#302b25;border:0;border-radius:6px;box-shadow:0 4px 5px #302b2559;text-shadow:0 1px 1px #e3ded3;letter-spacing:0;font-weight:700}
.guide-next:hover:not(:disabled){filter:brightness(1.08)}
.guide-next:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #302b2559}
.tutorial-hint{font-size:12px;line-height:1.6;color:#f7d998;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e0b97540}
.journal-rewards{border-top:1px solid #ded8c7;margin-top:20px;padding-top:12px}
.journal-rewards summary{font-size:14px;font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
.journal-rewards summary:before{content:'+';font-size:21px;color:#977334}
.journal-rewards[open] summary:before{content:'−'}
.journal-rewards summary:focus-visible{outline:2px solid #977334;outline-offset:3px}
.mission-target{display:flex;align-items:center;gap:13px;padding:17px 15px;border:1px solid #b79c5966;border-radius:12px;text-align:left}
.mission-target>svg{width:34px;height:34px;flex-shrink:0}
.mission-target span{font-size:8px;font-weight:700;letter-spacing:1.4px}
.mission-target h2{font:600 24px/1.1 var(--serif);margin:7px 0 8px}
.mission-target p{font-size:12px;line-height:1.5;margin:0}
.temple-route{list-style:none;padding:0;margin:0;text-align:left}
.temple-route>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;margin:0;padding:0 0 23px;position:relative}
.temple-route>li:before{content:'';position:absolute;left:14px;top:31px;bottom:0;border-left:1px solid #a89b7655}
.temple-number{position:relative;border:1px solid #b3a67977;border-radius:50%;height:30px;display:grid;place-items:center;font-size:10px;color:#a89b76}
.temple-current .temple-number{background:#ceac6830;color:#b3873e;border-color:#c7a760}
.temple-place{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:30px}
.temple-place h3{font:600 21px/1.05 var(--serif);margin:0}
.temple-place>span{white-space:nowrap;font-size:8px;border:1px solid #b9a67366;padding:3px 7px;border-radius:12px}
.temple-route .temple-title{font-size:11px;font-style:italic;margin:3px 0 8px;opacity:.8}
.temple-route p{font-size:12px;line-height:1.6;margin:0 0 9px}
.temple-route small{display:block;font-size:10px;font-weight:600;line-height:1.5}
.temple-reward{display:flex;gap:6px;align-items:center;font-size:9px;line-height:1.5;margin-top:10px;opacity:.8}
.temple-reward svg{height:15px;width:15px;flex-shrink:0}
.final-temple{display:flex;align-items:flex-start;gap:12px;border:1px solid #b09a5f60;border-radius:10px;padding:17px 14px;background:#b5954512;margin-bottom:5px}
.final-temple>svg{height:28px;width:28px;flex-shrink:0}
.final-temple span{font-size:8px;letter-spacing:1.1px}
.final-temple h3{font:600 24px var(--serif);margin:5px 0 9px}
.final-temple p{font-size:12px;line-height:1.7;margin:0}
.mission-objective{position:relative;z-index:4;border:1px solid #e3bf7455;background:#10251fcc;border-radius:20px;color:#f3d99e;padding:9px 12px;min-height:44px;font-size:10px;display:flex;align-items:center;gap:7px;max-width:100%;backdrop-filter:blur(8px)}
.mission-objective svg{width:18px;height:18px}
#dialog .mission-target{background:#c3953514;color:var(--ink);margin:18px 0}
#dialog .mission-target span{color:#866326}
#dialog .mission-target h2{color:var(--ink);font-size:25px}
#dialog .mission-target p{color:#52665e}
#dialog .mission-target>svg{color:#977334}
@media(max-height:620px){.guide-screen{padding-bottom:max(16px,env(safe-area-inset-bottom))}.guide-art{height:100px;margin-bottom:16px}.guide-art-eye .guide-eye-img{height:78px}
.guide-art .guide-map-img{height:74px}.guide-card h2{font-size:28px}.guide-card p{margin-bottom:18px}.guide-count{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.guide-screen *{scroll-behavior:auto}}