/* Living Forest — Ranger Field Station (forest-ranger-ui.mjs).
   Paper field-notebook cards, a wooden season dial and a tool belt replace the shared storybook chrome. */
body.forest-station .game .topbar,body.forest-station .world-hud,body.forest-station #region-map,body.forest-station #current-region,
body.forest-station #pip-buddy,body.forest-station .explore-hint,body.forest-station #world-stats{display:none!important}
body.forest-station .game-footer{background:linear-gradient(transparent,#0b1f1650);border:0;color:#fffde9;text-shadow:0 1px 3px #0008}
body.forest-station .game-footer>span:last-child{display:none}
body.forest-station .action-dock{bottom:132px}

.fs-on{--fs-accent:#e39b12;--fs-ink:#2b3d2c;--fs-paper:linear-gradient(180deg,#fffdf6,#f8eed6);--fs-stitch:#e3cf9f;font-family:inherit}
.fs-on[data-season=spring]{--fs-accent:#d9548f}.fs-on[data-season=autumn]{--fs-accent:#d0581f}.fs-on[data-season=winter]{--fs-accent:#3f80c9}
.fs-on [hidden]{display:none!important}
.fs-on .pulse{animation:fsPulse 1s ease-in-out 3}
@keyframes fsPulse{50%{transform:scale(1.18);filter:drop-shadow(0 0 14px #ffd36b)}}

/* shared pieces */
.fs-round{width:44px;height:44px;border-radius:50%;border:3px solid #fff;background:var(--fs-paper);color:var(--fs-ink);font:900 18px/1 inherit;font-family:inherit;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 #6e4f2a33,0 8px 18px #1d2a1a26;pointer-events:auto;transition:transform .15s}
.fs-round:hover{transform:translateY(-2px)}
.fs-chip{border:2px solid #e5d3aa;background:#fff;border-radius:14px;padding:6px 11px;font:800 12.5px/1 inherit;font-family:inherit;color:#5a4220;cursor:pointer;white-space:nowrap}
.fs-chip:hover{background:#fff7e3}
.fs-go{border:0;border-radius:16px;padding:11px 20px;font:900 15px/1 inherit;font-family:inherit;color:#3a2200;background:linear-gradient(180deg,#ffd76e,#ffab38);box-shadow:0 4px 0 #c27a14,0 8px 18px #c27a1433;cursor:pointer}
.fs-go:hover{filter:brightness(1.05)}.fs-go:active{transform:translateY(2px);box-shadow:0 2px 0 #c27a14}

/* top row: ranger badge · mission scroll · system buttons */
.fs-top{position:absolute;top:14px;left:16px;right:16px;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:14px;align-items:start;pointer-events:none;z-index:2}
.fs-ranger{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:var(--fs-paper);border:3px solid #fff;border-radius:26px;box-shadow:0 5px 0 #6e4f2a33,0 12px 26px #1d2a1a2e;pointer-events:auto;min-width:0}
.fs-back{width:40px;height:40px;font-size:17px;box-shadow:0 3px 0 #6e4f2a2e}
.fs-badge{position:relative;flex:none;width:60px;height:60px;border:0;padding:0;border-radius:50%;background:#2f6f57;cursor:pointer}
.fs-ring{position:absolute;inset:0;transform:rotate(-90deg)}
.fs-ring-track{fill:none;stroke:#ffffff4d;stroke-width:5}
.fs-ring-fill{fill:none;stroke:#ffd36b;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .7s}
.fs-badge img{position:absolute;inset:7px;width:46px;height:46px;border-radius:50%;object-fit:cover;background:#e5f4e9}
.fs-who{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.fs-who small{font-size:11px;font-weight:800;color:#6f8a74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-who b{font-size:16px;color:var(--fs-ink);white-space:nowrap}
.fs-who>span{font-size:11px;color:#8b7a55;font-weight:700;white-space:nowrap}

.fs-quest{grid-column:2;grid-row:1;justify-self:center;width:100%;max-width:580px;pointer-events:auto;background:var(--fs-paper);border:3px solid #fff;border-radius:22px;outline:2px dashed var(--fs-stitch);outline-offset:-9px;padding:12px 18px 11px;box-shadow:0 5px 0 #6e4f2a33,0 12px 26px #1d2a1a2e;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}
.fs-riddle{margin:0;font-size:15px;font-weight:800;color:var(--fs-ink);line-height:1.35}
.fs-quest-num{display:inline-block;background:var(--fs-accent);color:#fff;border-radius:10px;padding:3px 8px;font-size:12px;margin-right:3px;vertical-align:1px;transition:background .4s}
.fs-quest-actions{display:flex;gap:6px;flex-wrap:wrap}
.fs-hint{grid-column:1/-1;margin:2px 0 0;font-size:13px;color:#6a5124;background:#fff2cf;border-radius:10px;padding:6px 10px}
.fs-quest-bar{grid-column:1/-1;display:block;height:5px;border-radius:5px;background:#eadfc4;overflow:hidden}
.fs-quest-bar i{display:block;height:100%;background:linear-gradient(90deg,#8fd16f,#2f7a4f);border-radius:5px;transition:width .6s}
.fs-quest.briefing{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));max-width:none;display:block;text-align:center;padding:28px 28px 22px;z-index:20;background:linear-gradient(180deg,#fffbef,#f6e6bf);outline-offset:-12px;box-shadow:0 0 0 100vmax #0b1f1647,0 24px 60px #0007;animation:fsUnroll .55s cubic-bezier(.2,1.3,.4,1)}
.fs-quest.briefing:before{content:'🎯';position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:30px;box-shadow:0 6px 16px #0003}
.fs-kicker{display:block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--fs-accent);margin:8px 0 8px}
.fs-quest.briefing .fs-riddle{font-size:23px;line-height:1.3}
.fs-quest.briefing .fs-hint{margin-top:12px;font-size:14px}
.fs-quest.briefing .fs-quest-actions{justify-content:center;margin:18px 0 14px}
@keyframes fsUnroll{from{opacity:0;transform:translate(-50%,-50%) scaleY(.15)}to{opacity:1;transform:translate(-50%,-50%)}}

.fs-sys{grid-column:3;grid-row:1;display:flex;gap:8px;pointer-events:auto}
.fs-pip{width:auto;padding:0 15px;border-radius:22px;gap:6px;display:flex;font-size:15px;background:linear-gradient(180deg,#f4ecff,#e3d4fa);color:#6d4fa3}
.fs-pip span{font-size:13px}

/* right column: season dial + finds */
.fs-side{position:absolute;right:16px;top:96px;width:162px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;z-index:1}
.fs-dial{position:relative;width:146px;height:146px;border-radius:50%;padding:8px;background:radial-gradient(circle,#8a5a34,#5e3b20);box-shadow:0 6px 0 #3e2612,0 14px 28px #0005,inset 0 0 0 3px #b07a4c;pointer-events:auto}
.fs-dial-face{position:absolute;inset:8px;border-radius:50%;overflow:hidden;transform:rotate(var(--turn,0deg));transition:transform .8s cubic-bezier(.3,1.35,.5,1);background:#5e3b20}
.fs-wedge{position:absolute;left:0;right:0;top:0;height:50%;border:0;padding:0;cursor:pointer;clip-path:polygon(50% 100%,1% 0,99% 0);transform-origin:50% 100%;transform:rotate(calc(var(--i) * 90deg));background:var(--c);filter:saturate(.55) brightness(.92);transition:filter .3s}
.fs-wedge span{position:absolute;top:16%;left:50%;font-size:25px;line-height:1;transform:translateX(-50%) rotate(calc(-1 * (var(--i) * 90deg + var(--turn, 0deg))));transition:transform .8s cubic-bezier(.3,1.35,.5,1)}
.fs-wedge:hover,.fs-wedge[aria-pressed=true]{filter:none}
.fs-wedge[aria-pressed=true] span{font-size:30px}
.fs-spring{--c:radial-gradient(circle at 50% 10%,#ffe0ec,#ff9fc3)}.fs-summer{--c:radial-gradient(circle at 50% 10%,#fff3b8,#ffd23f)}
.fs-autumn{--c:radial-gradient(circle at 50% 10%,#ffd2ae,#ff8a3d)}.fs-winter{--c:radial-gradient(circle at 50% 10%,#f2f8ff,#a9cdf5)}
.fs-dial-pointer{position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:0;height:0;border:11px solid transparent;border-top:16px solid #ffd36b;filter:drop-shadow(0 2px 2px #0005)}
.fs-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle at 35% 30%,#fffbe8,#ffe08a);font-size:28px;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 #3e2612,0 8px 16px #0005;transition:background .4s,transform .15s}
.fs-knob:hover{transform:scale(1.07)}
.fs-night .fs-knob{background:radial-gradient(circle at 35% 30%,#4a5ea8,#1c2552)}
.fs-dial-label{margin:0;padding:6px 12px;border-radius:14px;background:var(--fs-paper);border:2px solid #fff;font-size:12.5px;font-weight:900;color:var(--fs-ink);box-shadow:0 3px 0 #6e4f2a2e;white-space:nowrap}
.fs-on .quest-hud.fs-finds{position:static;width:100%;align-items:stretch;gap:8px;pointer-events:none}
.fs-on .fs-finds .quest-pill{flex-direction:column;align-items:stretch;gap:3px;padding:9px 13px;border-radius:20px;background:var(--fs-paper);color:var(--fs-ink);box-shadow:0 5px 0 #6e4f2a33,0 10px 22px #1d2a1a26}
.fs-on .fs-finds .quest-count{display:grid;grid-template-columns:26px auto 1fr;align-items:baseline;gap:4px;font-size:12px}.fs-on .fs-finds .quest-count i{align-self:center}
.fs-on .fs-finds .quest-count b{font-size:19px}
.fs-on .fs-finds .quest-album-label{display:block;text-align:center;margin-top:4px;background:#2f6f57;color:#fff}

/* bottom: wayfinder compass, tracks radar and the tool belt */
.fs-on .fs-wayfinder{position:absolute;left:16px;bottom:38px;background:var(--fs-paper);color:var(--fs-ink);pointer-events:auto}
.fs-radar{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 15px;border-radius:18px;background:#1f4434f0;color:#fff;font-size:13px;font-weight:800;border:2px solid #9be0a8;box-shadow:0 6px 18px #0004;white-space:nowrap;pointer-events:none}
.fs-radar b{color:#bff7c8}
.fs-radar-bars{display:flex;gap:3px;align-items:flex-end;height:18px}
.fs-radar-bars em{width:5px;border-radius:2px;background:#ffffff38}
.fs-radar-bars em:nth-child(1){height:6px}.fs-radar-bars em:nth-child(2){height:9px}.fs-radar-bars em:nth-child(3){height:12px}.fs-radar-bars em:nth-child(4){height:15px}.fs-radar-bars em:nth-child(5){height:18px}
.fs-radar-bars em.on{background:#7dff9a;box-shadow:0 0 6px #7dff9a}
.fs-belt{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:4px;padding:9px 14px 7px;border-radius:28px;background:linear-gradient(180deg,#94643c,#6b4222);border:2px solid #b8824f;box-shadow:0 6px 0 #45290f,0 16px 32px #0005,inset 0 2px 0 #c08b5a;pointer-events:auto;z-index:2}
.fs-belt:before{content:'';position:absolute;left:14px;right:14px;top:50%;border-top:2px dashed #d9a96f80;pointer-events:none}
.fs-belt button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:80px;border:0;background:none;cursor:pointer;font-family:inherit;padding:0}
.fs-belt button>span{position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:27px;background:radial-gradient(circle at 35% 30%,#fffaf0,#f0d9a8);border:3px solid #fff3d6;box-shadow:0 4px 0 #3e2612,inset 0 -3px 0 #ddbd84;transition:transform .15s}
.fs-belt button:hover>span{transform:translateY(-4px) rotate(-4deg) scale(1.06)}
.fs-belt button:active>span{transform:translateY(1px)}
.fs-belt b{font-size:11.5px;font-weight:900;color:#fff4dc;text-shadow:0 1px 2px #0007;white-space:nowrap}
.fs-belt #fs-camera>span{background:radial-gradient(circle at 35% 30%,#fff,#ffcf6b);border-color:#fff}
.fs-belt-count{position:absolute;top:-8px;right:2px;background:#e2582c;color:#fff;font:900 10px/1 inherit;font-family:inherit;font-style:normal;padding:4px 6px;border-radius:10px;border:2px solid #fff;z-index:1}

/* reading pages, banners */
.fs-on .fact-card.fs-page,.fs-on .fact-card{top:96px;right:16px;left:auto;bottom:auto;width:min(380px,calc(100% - 32px));max-height:calc(100% - 236px);overflow:auto;background:linear-gradient(180deg,#fffdf6,#f7ecd2);border:3px solid #fff;border-radius:24px;outline:2px dashed var(--fs-stitch);outline-offset:-9px;padding:18px 18px 16px;box-shadow:0 7px 0 #6e4f2a33,0 20px 44px #1d2a1a40;z-index:3}
.fs-on .fact-card .fact-badge{color:var(--fs-accent)}
.fs-on .fact-card h3{color:var(--fs-ink)}
.fs-on .fact-card .galaxy-continue{display:block;width:100%;margin-top:14px}
.fs-on:has(>.fact-card:not([hidden])) :is(.fs-side,.fs-radar){visibility:hidden}
.fs-on:has(.fs-quest.briefing) .quest-banner,.stage:has(.fs-quest.briefing) .thumbstick.ghost{visibility:hidden}
.fs-on .quest-banner{top:112px;max-width:min(540px,calc(100% - 460px));background:linear-gradient(180deg,#2f7a4f,#225a39);border-color:#fff;box-shadow:0 6px 0 #173d28,0 14px 30px #0004;z-index:3}
.fs-polaroid{margin:6px auto 12px;width:min(236px,100%);background:#fff;padding:10px 10px 8px;border-radius:6px;box-shadow:0 10px 22px #0003;transform:rotate(-2.5deg);animation:fsPrint .7s cubic-bezier(.2,1.2,.4,1)}
.fs-polaroid img,.fs-polaroid .fact-emoji{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;animation:fsDevelop 1.8s ease-out}
.fs-polaroid .fact-emoji{display:grid;place-items:center;font-size:72px;background:#eef3e8}
.fs-polaroid figcaption{text-align:center;font-weight:900;font-size:16px;color:#3b3220;margin-top:8px}
@keyframes fsDevelop{from{filter:brightness(2.6) saturate(0) blur(4px)}to{filter:none}}
@keyframes fsPrint{from{opacity:0;transform:translateY(-40px) rotate(8deg) scale(.8)}to{opacity:1;transform:rotate(-2.5deg)}}

/* 📷 Nature Camera */
.fs-camera{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 58%,#0b1f1666)}
.fs-photo :is(.fs-top,.fs-side,.fs-belt,.fs-wayfinder,.fs-radar,.quest-banner){display:none!important}
.fs-vf{position:absolute;left:50%;top:50%;width:min(58vmin,440px);aspect-ratio:1;transform:translate(-50%,-50%)}
.fs-vf i{position:absolute;width:38px;height:38px;border:4px solid #fff;filter:drop-shadow(0 1px 3px #0007)}
.fs-vf i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-radius:14px 0 0 0}
.fs-vf i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 14px 0 0}
.fs-vf i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 14px}
.fs-vf i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 14px 0}
.fs-focus{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px;border:3px dashed #ffffffd9;border-radius:50%;animation:fsFocus 6s linear infinite}
.fs-focus:after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:#fff}
@keyframes fsFocus{to{transform:rotate(360deg)}}
.fs-cam-tip{position:absolute;top:18px;left:50%;transform:translateX(-50%);margin:0;max-width:calc(100% - 190px);background:#0b1f16b3;color:#fff;padding:10px 16px;border-radius:16px;font-weight:800;font-size:14px;text-align:center;backdrop-filter:blur(6px)}
.fs-cam-tip.show{animation:bannerIn .45s cubic-bezier(.2,1.5,.4,1)}
.fs-cam-bar{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;pointer-events:auto}
.fs-cam-bar .fs-round{width:52px;height:52px;font-size:26px}
.fs-shutter{width:84px;height:84px;border-radius:50%;border:6px solid #fff;background:radial-gradient(circle,#ff6b5a 0 50%,#ffffff 52%);box-shadow:0 6px 20px #0007;cursor:pointer;transition:transform .1s}
.fs-shutter:hover{filter:brightness(1.06)}.fs-shutter:active{transform:scale(.9)}
.fs-cam-close{position:absolute;top:16px;right:16px;pointer-events:auto;border:3px solid #fff;border-radius:18px;padding:10px 18px;font:900 15px/1 inherit;font-family:inherit;background:linear-gradient(180deg,#8fd16f,#4f9e55);color:#fff;box-shadow:0 4px 0 #2f6a35;cursor:pointer}
.fs-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.fs-flash.go{animation:fsFlash .5s ease-out}
@keyframes fsFlash{0%{opacity:.95}100%{opacity:0}}
.fs-photo .fact-card{right:16px;top:80px}

/* 📖 Field Guide dialog */
#modal.fs-guide .fs-guide-head{margin:16px 0 10px;font-size:17px;color:#2b3d2c}
.fs-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.fs-guide-card{background:#fff;border-radius:8px;padding:9px 9px 11px;box-shadow:0 5px 14px #00000024;transform:rotate(var(--r,0deg));transition:transform .2s}
.fs-guide-card:nth-child(3n+1){--r:-1.2deg}.fs-guide-card:nth-child(3n){--r:1.4deg}
.fs-guide-card:hover{transform:rotate(0) scale(1.03)}
.fs-guide-photo{position:relative;aspect-ratio:1;border-radius:4px;background:#eef3e8;display:grid;place-items:center;overflow:hidden}
.fs-guide-photo img{width:100%;height:100%;object-fit:cover}
.fs-guide-photo>span{font-size:44px;color:#b7c4b0;font-weight:900}
.fs-guide-photo small{position:absolute;bottom:6px;left:6px;right:6px;text-align:center;background:#ffffffe0;border-radius:8px;font-size:10px;font-weight:800;padding:3px;color:#7a6a4a}
.fs-guide-photo .fs-guide-emoji{font-size:50px;color:inherit}
.fs-guide-card h4{margin:7px 0 3px;font-size:14px;color:#2b3d2c}
.fs-guide-card p{margin:3px 0 0;font-size:11.5px;line-height:1.4;color:#4f5f52}
.fs-guide-card.locked{background:#fbf8f0}.fs-guide-card.locked h4{color:#94a196}
.fs-guide-card .fact-chip{margin-top:7px}

/* tablets */
@media(max-width:1180px){
  .fs-who>span{display:none}
  .fs-pip span{display:none}.fs-pip{width:44px;padding:0}
  .fs-on .quest-banner{max-width:min(520px,calc(100% - 400px))}
}
@media(min-width:801px) and (max-height:760px){
  .fs-side{top:90px;gap:7px}.fs-dial{width:124px;height:124px}.fs-knob{width:50px;height:50px;margin:-25px;font-size:24px}.fs-wedge span{font-size:21px}.fs-wedge[aria-pressed=true] span{font-size:25px}
  .fs-on .fs-finds .quest-pill{padding:7px 11px}.fs-on .fs-finds .quest-album-label{display:none}
  .fs-belt{bottom:30px}.fs-belt button{width:72px}.fs-belt button>span{width:50px;height:50px;font-size:24px}
}
@media(min-width:801px) and (max-height:560px){.fs-dial-label,.fs-on .fs-finds{display:none}.fs-on .fs-wayfinder{display:none}}
@media(min-width:801px){.fs-on:has(>.fact-card:not([hidden])) .quest-banner{left:16px;transform:none;max-width:min(480px,calc(100% - 430px));animation-name:bannerUp}}
body.forest-station .stage:has(.action-dock:not([hidden])) .fs-radar{left:16px;bottom:100px;transform:none}
@media(min-width:801px) and (max-width:1180px){body.forest-station .stage:has(.fact-card:not([hidden])) .action-dock{left:16px;transform:none;width:min(520px,calc(100% - 430px))}}
/* phones and portrait tablets */
@media(max-width:800px){
  .fs-top{top:10px;left:10px;right:10px;grid-template-columns:auto 1fr;gap:8px}
  .fs-ranger{padding:5px 7px;gap:6px;border-radius:22px;justify-self:start}.fs-who{display:none}
  .fs-badge{width:46px;height:46px}.fs-badge img{inset:5px;width:36px;height:36px}.fs-back{width:36px;height:36px}
  .fs-sys{grid-column:2;justify-self:end;gap:6px}.fs-round{width:40px;height:40px;font-size:16px}#fs-learning{display:none}
  .fs-quest{grid-column:1/-1;grid-row:2;max-width:none;padding:9px 12px 8px;gap:6px 8px}
  .fs-riddle{font-size:13.5px}.fs-quest:not(.briefing) .fs-chip{padding:6px 8px}
  .fs-quest.briefing .fs-riddle{font-size:19px}
  .fs-side{top:150px;right:10px;width:112px;gap:6px}
  .fs-dial{width:104px;height:104px;padding:6px}.fs-dial-face{inset:6px}.fs-knob{width:42px;height:42px;margin:-21px;font-size:20px;border-width:3px}
  .fs-wedge span{font-size:17px}.fs-wedge[aria-pressed=true] span{font-size:21px}.fs-dial-label{font-size:11px;padding:4px 9px}
  .fs-on .fs-finds{display:none}
  .fs-on .fs-wayfinder{left:10px;top:150px;bottom:auto}
  .fs-belt{left:8px;right:8px;bottom:30px;transform:none;justify-content:space-around;padding:7px 4px 5px;border-radius:22px}
  .fs-belt button{width:auto;flex:1}.fs-belt button>span{width:46px;height:46px;font-size:22px}.fs-belt b{font-size:10px}
  .fs-radar{bottom:118px;font-size:12px;max-width:calc(100% - 20px)}
  body.forest-station .stage:has(.action-dock:not([hidden])) .fs-radar{display:none}
  body.forest-station .stage:has(.action-dock:not([hidden])) .fs-on .quest-banner{bottom:auto;top:146px;z-index:4}
  .fs-on .fact-card.fs-page,.fs-on .fact-card{top:auto;bottom:122px;left:10px;right:10px;width:auto;max-height:calc(100% - 290px);padding:14px 14px 12px}
  .fs-on:has(>.fact-card:not([hidden])) .fs-wayfinder{visibility:hidden}
  .fs-on .quest-banner{top:auto;bottom:168px;left:10px;right:10px;max-width:none;transform:none;animation-name:bannerUp;font-size:12.5px}
  .fs-on:has(>.fact-card:not([hidden])) .quest-banner{visibility:hidden}
  .fs-polaroid{width:min(170px,60%)}
  .fs-cam-tip{top:12px;max-width:calc(100% - 130px);font-size:12px;left:12px;transform:none}
  .fs-cam-close{top:10px;right:10px;padding:9px 13px;font-size:13px}
  .fs-cam-bar{bottom:40px;gap:18px}.fs-shutter{width:74px;height:74px}
  .fs-photo .fact-card{top:auto;bottom:140px}
  .fs-guide-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
}
@media(prefers-reduced-motion:reduce){.fs-dial-face,.fs-wedge span{transition:none}.fs-focus,.fs-polaroid,.fs-polaroid img,.fs-quest.briefing,.fs-on .pulse{animation:none}}
.quiet .fs-dial-face,.quiet .fs-wedge span{transition:none}.quiet :is(.fs-focus,.fs-polaroid,.fs-polaroid img,.fs-quest.briefing){animation:none}
.fs-guide-photo .fs-silhouette{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;filter:brightness(0);opacity:.22}
.fs-guide-photo .fs-silhouette+span{position:relative;color:#7f9a84}
