/* A stitched field folio, printed in moonlight and carried into the woods. */
.fr-danger[hidden]{display:none!important}
#forest-watch .fr-danger{position:relative;display:flex;align-items:center;gap:8px;margin:7px 0 1px;padding:6px 8px 8px;color:#fff0c7;background:#142b2b;border-left:3px solid #d7c598;border-radius:2px 9px 3px 2px;overflow:hidden;line-height:1.2}
#forest-watch .fr-danger[data-kind=danger]{background:#342d27;color:#ffe8b5;border-color:#ffd79a;box-shadow:0 0 0 1px #161c22}
#forest-watch .fr-danger:after{content:'';position:absolute;left:0;bottom:0;width:calc(var(--danger-progress,0)*100%);height:3px;background:currentColor}
#forest-watch .fr-danger-arrow{display:block;font:25px/1 Georgia,serif;min-width:24px;text-align:center;transform-origin:center}
#forest-watch .fr-danger>div{min-width:0}
#forest-watch .fr-danger strong,#forest-watch .fr-danger small{display:block;font-size:11px;font-weight:400}
#forest-watch .fr-danger strong{font-weight:700}
#forest-watch .fr-danger small{font-size:10px;margin-top:2px;color:inherit}
#forest-watch .fr-danger[data-kind=reward]{color:#dbf8cf;border-color:#c7e5ac}
.fr-danger-announcement{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.forest-controls .fr-dodge.has-threat{outline:3px solid #ffe2a7;outline-offset:2px;box-shadow:0 0 0 6px #142124,0 0 18px #ebbf7a77!important;color:#fff3cf!important}
#forest-folio .fr-brave-bones{margin:17px 0 22px;border-top:1px solid #6e796355;border-bottom:1px solid #6e796355}
#forest-folio .fr-brave-bones summary{padding:14px 0;cursor:pointer;color:#29473d;font:italic 18px/1.25 Georgia,serif}
#forest-folio .fr-brave-bones summary span{float:right}
#forest-folio .fr-brave-bones ol{list-style:none;margin:0;padding:0}
#forest-folio .fr-brave-bones li{display:flex;gap:14px;padding:10px 0 14px}
#forest-folio .fr-brave-bones li>svg{width:42px;height:48px;flex:0 0 42px;color:#755a3e}
#forest-folio .fr-brave-bones strong{font:italic 20px/1.2 Georgia,serif;color:#29473d}
#forest-folio .fr-brave-bones p{font-size:13px;line-height:1.5;margin:5px 0 0}
body.mobile-clear-view.compact-ui #forest-watch .fr-danger{margin-top:5px;padding:5px 7px 7px;min-height:37px}
@media(prefers-reduced-motion:reduce){.forest-controls .fr-dodge.has-threat{animation:none!important}}
#forest-watch, #forest-folio, .forest-controls { --fr-ink:#173135; --fr-paper:#e9d9ad; --fr-rust:#b96949; --fr-moss:#9baa82; --fr-candle:#eccb87; box-sizing:border-box; }
#forest-watch *, #forest-folio *, .forest-controls * { box-sizing:border-box; }
#forest-watch[hidden], .forest-controls[hidden] { display:none !important; }
body.forest-ui-visible > .status, body.forest-ui-visible > .journal, body.forest-ui-visible > .location, body.forest-ui-visible #surge-banner, body.forest-ui-visible #prompt, body.forest-ui-visible #unlock-toast, body.forest-ui-visible .bottom > .actions, body.forest-ui-visible .bottom > .control-options { display:none !important; }
body.forest-ui-visible .bottom { pointer-events:none; }
#forest-watch { position:fixed; z-index:14; top:116px; left:max(24px,env(safe-area-inset-left)); width:365px; color:#ecdfb7; padding:13px 16px 12px; border:1px solid #889277; border-radius:2px 12px 2px 2px; background:repeating-linear-gradient(1deg,#203a35 0 13px,#254038 14px 15px); box-shadow:0 9px 30px #061d2c66,3px 4px 0 #122c2d; font-family:Georgia,'Times New Roman',serif; pointer-events:none; }
#forest-watch::after { content:''; position:absolute; inset:5px; border:1px dashed #a4ab7d77; border-radius:0 8px 0 0; pointer-events:none; }
#forest-watch .fr-watch-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:28px; margin:0 0 6px; font:9px/1.4 ui-monospace,monospace; letter-spacing:.1em; color:#bdc4a1; }
#forest-watch .fr-watch-heading b { color:#e6d4a5; font-weight:400; }
#forest-watch .fr-help { position:relative; z-index:1; pointer-events:auto; min-width:44px; width:44px; min-height:44px; height:44px; margin:-8px -8px -5px 0; padding:0; border:0; border-radius:50%; background:transparent; color:#e9d5a2; font:italic 25px/1 Georgia,serif; box-shadow:none; }
#forest-watch .fr-help:hover { background:#e9d5a216; }
#forest-watch .fr-wave-line { display:grid; grid-template-columns:.7fr 1fr 1.15fr 1.1fr; gap:10px; align-items:end; border-bottom:1px solid #99a58166; padding-bottom:9px; }
#forest-watch .fr-wave-line > div { min-width:0; }
#forest-watch .fr-wave-line small { display:block; font:8px/1.4 ui-monospace,monospace; letter-spacing:.07em; white-space:nowrap; color:#c1c4a4; }
#forest-watch .fr-wave-line strong { display:block; margin:3px 0 0; font:29px/.95 Georgia,serif; font-weight:400; color:#f0ddb2; font-variant-numeric:tabular-nums; }
#forest-watch .fr-carry { border-left:1px solid #9da68466; padding-left:10px; }
#forest-watch .fr-carry strong { color:#d5be7e; }
#forest-watch .fr-long-label { display:none; }
#forest-watch .fr-short-label { display:inline; }
#forest-watch .fr-party { display:grid; grid-template-columns:1fr 1fr; gap:8px 13px; margin-top:10px; }
#forest-watch .fr-hero { opacity:.85; min-width:0; }
#forest-watch .fr-hero.is-self { opacity:1; }
#forest-watch .fr-hero > div { display:flex; gap:5px; align-items:baseline; justify-content:space-between; }
#forest-watch .fr-hero strong { font:11px/1.3 Georgia,serif; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#forest-watch .fr-hero small { font:8px/1.3 ui-monospace,monospace; white-space:nowrap; color:#c3c6ab; }
#forest-watch .fr-hero.is-fallen { opacity:.5; }
#forest-watch meter { display:block; appearance:none; -webkit-appearance:none; width:100%; height:4px; border:0; border-radius:0; background:#112d2e; margin-top:4px; }
#forest-watch meter::-webkit-meter-bar { height:4px; border:0; border-radius:0; background:#112d2e; }
#forest-watch meter::-webkit-meter-optimum-value { background:#bfd3a7; border-radius:0; }
#forest-watch meter::-moz-meter-bar { background:#bfd3a7; }
#forest-watch .fr-watch-note { margin:9px 0 0; color:#c9ccab; font:italic 11px/1.4 Georgia,serif; }
.forest-controls { position:fixed; z-index:25; bottom:max(22px,env(safe-area-inset-bottom)); right:max(28px,env(safe-area-inset-right)); width:min(500px,50vw); display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:8px; pointer-events:auto; }
.forest-controls button { position:relative; display:flex; justify-content:flex-start; align-items:center; gap:9px; min-width:0; min-height:76px; padding:12px; color:#f0dfb8; background:#1c3738; border:1px solid #8fa184; border-radius:3px 13px 3px 3px; box-shadow:0 4px 0 #0c2529,0 8px 18px #09212d66; text-align:left; touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.forest-controls button::after { content:''; position:absolute; inset:4px; border:1px dotted #b8bc8a70; border-radius:0 9px 0 0; pointer-events:none; }
.forest-controls button svg { width:36px; height:36px; flex:0 0 36px; color:#c9d1ac; }
.forest-controls button span { display:block; min-width:0; }
.forest-controls button strong { display:block; font:18px/1.15 Georgia,serif; font-weight:400; }
.forest-controls button small { display:block; margin-top:4px; color:#c2c7a7; font:9px/1.2 ui-monospace,monospace; }
.forest-controls button kbd { position:absolute; top:-9px; right:10px; padding:2px 6px; border:1px solid #8e9c7c; border-radius:0; color:#e6d5aa; background:#213c38; font:9px/1.3 ui-monospace,monospace; box-shadow:none; }
.forest-controls button em { position:absolute; right:7px; bottom:5px; color:#e1c183; font:10px/1 ui-monospace,monospace; }
.forest-controls button:disabled { opacity:.5; filter:none; }
.forest-controls button:focus-visible { outline:3px solid #f0d798; outline-offset:5px; }
.forest-controls .fr-cast { background:#a76348; border-color:#dab783; }
.forest-controls .fr-cast svg, .forest-controls .fr-cast small { color:#f3dbaf; }
.forest-controls .fr-cast.is-casting { transform:translateY(2px); background:#bd7651; box-shadow:0 2px 0 #523b30,0 0 25px #d6ac5740; }
.forest-controls .fr-cast.is-casting svg { animation:fr-rattle .18s steps(2) infinite; }
body.forest-folio-open .forest-controls { pointer-events:none; opacity:.4; }
#forest-folio { position:fixed; inset:0; z-index:150; width:min(1050px,calc(100vw - 48px)); max-width:none; height:auto; max-height:calc(100dvh - 48px); margin:auto; padding:0; overflow:hidden; border:1px solid #a89b73; border-radius:3px 15px 5px 3px; background:#1c3535; color:#203b39; box-shadow:0 26px 100px #061821bb,5px 7px 0 #73684f; font-family:Georgia,'Times New Roman',serif; }
#forest-folio::backdrop { background:#091e29cb; backdrop-filter:blur(5px); }
#forest-folio:not([open]) { display:none; }
#forest-folio .fr-binding { display:grid; grid-template-columns:34% minmax(0,1fr); width:100%; max-height:calc(100dvh - 50px); }
#forest-folio .fr-woodcut { position:relative; min-width:0; overflow:hidden; border-right:8px solid #485343; background:#1b3334; }
#forest-folio .fr-woodcut::after { content:''; position:absolute; top:8px; bottom:8px; right:-5px; border-left:2px dotted #d2ba7b; }
#forest-folio .fr-forest-print { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
#forest-folio .fr-plate-caption { position:relative; margin:32px 35px 0; text-align:left; color:#efdfb9; }
#forest-folio .fr-plate-caption > span { display:block; font:8px/1.5 ui-monospace,monospace; letter-spacing:.2em; }
#forest-folio .fr-plate-caption > strong { display:block; margin-top:10px; font:47px/.94 Georgia,serif; font-weight:400; letter-spacing:-.05em; text-shadow:0 2px 12px #123332; }
#forest-folio .fr-plate-caption > small { display:block; margin-top:17px; max-width:200px; color:#c8c9a6; font:italic 13px/1.4 Georgia,serif; }
#forest-folio .fr-print-number { position:absolute; bottom:18px; left:31px; right:20px; color:#c0c7a3; font:8px/1.3 ui-monospace,monospace; letter-spacing:.1em; }
#forest-folio .fr-paper { position:relative; overflow:auto; overscroll-behavior:contain; min-width:0; padding:0 30px 0 35px; background:repeating-linear-gradient(0deg,transparent 0 5px,#ae94640a 6px 7px),radial-gradient(ellipse at 95% 100%,#c2aa7390,transparent 75%),#e9d9ad; scrollbar-color:#8b9472 #d4c498; }
#forest-folio .fr-paper::before { content:''; position:absolute; top:0; bottom:0; left:10px; width:1px; background:#b6836260; }
#forest-folio .fr-mast { position:relative; inset:auto; display:flex; flex-direction:row; align-items:center; justify-content:space-between; height:auto; min-height:66px; width:auto; gap:10px; padding:0; margin:0; border:0; border-bottom:1px solid #627a6266; color:#627158; background:transparent; box-shadow:none; }
#forest-folio .fr-mast > span { font:8px/1.4 ui-monospace,monospace; letter-spacing:.13em; }
#forest-folio .fr-close { display:block; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:0; border:1px solid #67806a60; border-radius:50%; background:transparent; box-shadow:none; color:#254239; font:30px/1 Georgia,serif; }
#forest-folio .fr-close:hover { background:#b8b48c55; }
#forest-folio .fr-folio-content { padding:23px 0 8px; }
#forest-folio .fr-ink-label { margin:0 0 10px; color:#956043; font:9px/1.5 ui-monospace,monospace; letter-spacing:.12em; }
#forest-folio h2#forest-folio-title { margin:0 0 16px; color:#203c3b; font:49px/.94 Georgia,serif; font-weight:400; letter-spacing:-.055em; text-align:left; }
#forest-folio .fr-lede { max-width:515px; margin:0 0 20px; color:#4b5c48; font:14px/1.5 Georgia,serif; }
#forest-folio button { cursor:pointer; }
#forest-folio button:disabled { cursor:default; }
#forest-folio button:focus-visible, #forest-folio summary:focus-visible { outline:3px solid #ab6349; outline-offset:4px; }
#forest-folio .fr-combat-primer { border-top:1px solid #6a7d5b66; border-bottom:1px solid #6a7d5b66; padding:6px 0; margin:10px 0 20px; }
#forest-folio .fr-combat-primer p { display:flex; align-items:center; gap:15px; margin:11px 0; font:12px/1.45 Georgia,serif; color:#435c4d; }
#forest-folio .fr-combat-primer kbd { flex:0 0 49px; display:flex; justify-content:center; align-items:center; width:49px; min-height:32px; padding:4px; border:1px solid #627759; color:#345146; background:transparent; font:9px/1 ui-monospace,monospace; box-shadow:2px 2px 0 #9a9c7480; }
#forest-folio .fr-combat-primer strong { color:#273f37; }
#forest-folio .fr-bestiary { margin:0; border:0; background:transparent; padding:0; }
#forest-folio .fr-bestiary summary { min-height:44px; display:list-item; padding:12px 0 10px; color:#29443b; cursor:pointer; font:italic 17px/1.2 Georgia,serif; }
#forest-folio .fr-bestiary > div { display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; padding:7px 0 18px; }
#forest-folio .fr-bestiary article { display:flex; align-items:flex-start; gap:10px; min-width:0; }
#forest-folio .fr-monster-print { width:69px; height:69px; flex:0 0 69px; transform:rotate(-2deg); filter:drop-shadow(2px 3px 0 #9d976a80); }
#forest-folio .fr-bestiary article:nth-child(even) .fr-monster-print { transform:rotate(2deg); }
#forest-folio .fr-bestiary h3 { color:#344e3f; font:14px/1.15 Georgia,serif; font-weight:400; margin:1px 0 5px; }
#forest-folio .fr-bestiary p { color:#5c674e; margin:0; font:11px/1.4 Georgia,serif; }
#forest-folio .fr-guide-rule { margin:8px 0 12px; font:13px/1.55 Georgia,serif; color:#405842; }
#forest-folio .fr-currency-note, #forest-folio .fr-browser-note { font:10px/1.5 ui-monospace,monospace; color:#767250; margin:12px 0 16px; }
#forest-folio .fr-main-action { display:block; width:100%; min-height:52px; padding:14px 20px; background:#264a40; color:#eee0b5; border:1px solid #244337; border-radius:2px 10px 2px 2px; box-shadow:3px 3px 0 #728161; font:17px/1.3 Georgia,serif; text-align:center; }
#forest-folio .fr-main-action:hover:not(:disabled) { background:#355f4c; }
#forest-folio .fr-main-action:disabled { background:#727b5e; border-color:#727b5e; color:#e9dab0; opacity:.75; box-shadow:2px 2px 0 #999c78; }
#forest-folio .fr-text-action, #forest-folio .fr-leave { display:block; width:100%; min-height:44px; padding:12px 0; margin:9px 0 0; border:0; border-bottom:1px solid #7a885f66; border-radius:0; box-shadow:none; color:#4c634b; background:transparent; font:12px/1.4 Georgia,serif; text-align:center; }
#forest-folio .fr-leave { color:#8a563e; font-size:11px; border-bottom:0; }
#forest-folio .fr-camp-print { display:flex; justify-content:space-around; gap:9px; padding:14px 0; border-block:1px solid #87916b77; }
#forest-folio .fr-camp-print .fr-monster-print { width:min(22%,97px); height:auto; flex:0 1 97px; }
#forest-folio .fr-handwritten { margin:26px 0; text-align:center; font:italic 24px/1.2 Georgia,serif; color:#a06346; transform:rotate(-3deg); }
#forest-folio .fr-party-ready { min-height:34px; padding:8px 0 12px; color:#5a6e4b; font:10px/1.5 ui-monospace,monospace; text-align:center; }
#forest-folio .fr-relic-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:27px 0 13px; }
#forest-folio .fr-relic { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-width:0; width:100%; min-height:258px; padding:13px 12px 14px; border:1px solid #7a8965; border-radius:0; background:#f0e4bd; color:#385443; box-shadow:2px 4px 0 #9e9d7490; text-align:left; transform:rotate(-1.5deg); }
#forest-folio .fr-relic:nth-child(2) { transform:rotate(1deg); background:#dfe0b9; }
#forest-folio .fr-relic:nth-child(3) { transform:rotate(-.5deg); background:#ead5b1; }
#forest-folio .fr-relic::before { content:''; position:absolute; top:-8px; left:calc(50% - 14px); width:28px; height:14px; border:1px solid #9a9870; background:#b2b68a88; transform:rotate(4deg); }
#forest-folio .fr-relic-number { display:flex; align-items:center; justify-content:space-between; width:100%; color:#738063; font:7px/1.3 ui-monospace,monospace; letter-spacing:.05em; }
#forest-folio .fr-relic-number kbd { padding:2px 4px; border:1px solid #9ba07c; background:transparent; color:#657555; font:8px/1 ui-monospace,monospace; box-shadow:none; border-radius:0; }
#forest-folio .fr-relic > svg { align-self:center; width:72px; height:72px; margin:12px 0 9px; color:#647c59; }
#forest-folio .fr-relic > strong { display:block; color:#2e4c3f; font:19px/1.05 Georgia,serif; font-weight:400; margin:0 0 10px; }
#forest-folio .fr-relic-description { display:block; color:#5d6b50; font:11px/1.45 Georgia,serif; margin-bottom:13px; }
#forest-folio .fr-relic-stamp { display:block; margin-top:auto; border-top:1px solid #89947377; padding-top:8px; width:100%; color:#9a5c3d; font:9px/1.3 ui-monospace,monospace; }
#forest-folio .fr-relic:disabled { opacity:.53; filter:none; }
#forest-folio .fr-relic.is-chosen { opacity:1; border:2px solid #36573d; padding:12px 11px 13px; box-shadow:3px 4px 0 #60764c; }
#forest-folio .fr-relic.is-chosen .fr-relic-stamp { color:#335b3c; }
#forest-folio .fr-crossroads { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:26px 0 2px; padding:17px 0; border-block:1px solid #7a8a5e77; }
#forest-folio .fr-crossroads > div { min-width:0; }
#forest-folio .fr-crossroads span { display:block; color:#8c6043; font:8px/1.4 ui-monospace,monospace; letter-spacing:.1em; }
#forest-folio .fr-crossroads strong { display:block; color:#32503c; margin:6px 0; font:23px/1.1 Georgia,serif; font-weight:400; }
#forest-folio .fr-crossroads strong b { font-weight:400; }
#forest-folio .fr-crossroads small { display:block; max-width:240px; color:#64734e; font:11px/1.4 Georgia,serif; }
#forest-folio .fr-extract { min-height:48px; min-width:130px; padding:11px 15px; border:1px solid #8e7047; border-radius:2px; background:#c4a06b; color:#314b39; font:14px/1.2 Georgia,serif; box-shadow:2px 3px 0 #8b8c5e; }
#forest-folio .fr-extract:disabled { opacity:.5; }
#forest-folio .fr-expedition-receipt { margin:25px 0 15px; border-block:1px solid #81926877; padding:9px 0; }
#forest-folio .fr-expedition-receipt > div { display:flex; align-items:baseline; justify-content:space-between; gap:15px; border-bottom:1px dashed #8c987855; padding:12px 0; }
#forest-folio .fr-expedition-receipt > div:last-child { border:0; }
#forest-folio .fr-expedition-receipt dt { color:#6d7752; font:9px/1.4 ui-monospace,monospace; letter-spacing:.08em; }
#forest-folio .fr-expedition-receipt dd { margin:0; color:#33513d; font:29px/1 Georgia,serif; font-variant-numeric:tabular-nums; }
#forest-folio .fr-error { min-height:0; margin:0; color:#9b4e3c; font:12px/1.45 Georgia,serif; }
#forest-folio .fr-error:not(:empty) { margin:10px 0; }
#forest-folio .fr-record { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; position:relative; inset:auto; padding:16px 0 20px; margin-top:12px; width:auto; height:auto; border:0; border-top:1px solid #89936d66; background:transparent; color:#737b56; font:8px/1.5 ui-monospace,monospace; }
#forest-folio .fr-record b { font-weight:400; color:#37563f; }
@keyframes fr-rattle { from { transform:rotate(-3deg); } to { transform:rotate(3deg); } }
@media(max-width:1050px) {
 #forest-watch { top:100px; width:335px; }
 #forest-folio .fr-plate-caption { margin:30px 26px 0; }
 #forest-folio .fr-plate-caption > strong { font-size:39px; }
 #forest-folio .fr-paper { padding-inline:25px; }
 #forest-folio .fr-bestiary > div { grid-template-columns:1fr; }
 #forest-folio .fr-bestiary .fr-monster-print { width:62px; height:62px; flex-basis:62px; }
 .forest-controls { width:450px; max-width:54vw; }
 .forest-controls button { gap:5px; padding:9px; }
 .forest-controls button strong { font-size:16px; }
 .forest-controls button small { font-size:8px; }
 .forest-controls button svg { width:29px; height:29px; flex-basis:29px; }
}
@media(max-width:720px) {
 #forest-folio { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; border-radius:3px 12px 3px 3px; box-shadow:0 16px 70px #061821bb,3px 4px 0 #73684f; }
 #forest-folio .fr-binding { display:block; max-height:none; }
 #forest-folio .fr-woodcut { height:155px; min-height:0; border-right:0; border-bottom:5px solid #485343; }
 #forest-folio .fr-forest-print { width:44%; height:320px; left:0; top:-138px; }
 #forest-folio .fr-plate-caption { margin:17px 20px 0 43%; }
 #forest-folio .fr-plate-caption > span { font-size:6px; }
 #forest-folio .fr-plate-caption > strong { font-size:31px; margin-top:7px; }
 #forest-folio .fr-plate-caption > small { font-size:10px; margin-top:7px; }
 #forest-folio .fr-print-number { bottom:8px; left:16px; font-size:6px; }
 #forest-folio .fr-paper { overflow:visible; padding:0 21px; }
 #forest-folio .fr-mast { min-height:59px; }
 #forest-folio .fr-mast > span { font-size:7px; letter-spacing:.09em; }
 #forest-folio .fr-folio-content { padding-top:18px; }
 #forest-folio h2#forest-folio-title { font-size:39px; margin-bottom:14px; }
 #forest-folio .fr-lede { font-size:13px; margin-bottom:15px; }
 #forest-folio .fr-ink-label { font-size:8px; letter-spacing:.08em; }
 #forest-folio .fr-bestiary > div { gap:14px; }
 #forest-folio .fr-bestiary h3 { font-size:15px; }
 #forest-folio .fr-bestiary p { font-size:12px; }
 #forest-folio .fr-relic-rail { grid-template-columns:1fr; gap:18px; margin-top:21px; }
 #forest-folio .fr-relic { display:grid; grid-template-columns:66px minmax(0,1fr); grid-template-rows:auto auto auto auto; gap:0 13px; min-height:135px; padding:12px 14px; }
 #forest-folio .fr-relic-number { grid-column:1/-1; margin-bottom:7px; font-size:8px; }
 #forest-folio .fr-relic > svg { grid-row:2/5; width:64px; height:64px; align-self:center; margin:0; }
 #forest-folio .fr-relic > strong { grid-column:2; font-size:20px; margin:0 0 6px; }
 #forest-folio .fr-relic-description { grid-column:2; font-size:12px; margin-bottom:9px; }
 #forest-folio .fr-relic-stamp { grid-column:2; font-size:9px; padding-top:6px; }
 #forest-folio .fr-relic.is-chosen { padding:11px 13px; }
 #forest-folio .fr-crossroads { gap:10px; }
 #forest-folio .fr-crossroads strong { font-size:22px; }
 #forest-folio .fr-extract { min-width:108px; padding:11px; font-size:13px; }
 #forest-folio .fr-main-action { font-size:16px; }
 #forest-folio .fr-record { font-size:8px; gap:7px 12px; justify-content:flex-start; }
 #forest-watch { top:75px; left:12px; right:12px; width:auto; padding:9px 13px 10px; }
 #forest-watch .fr-watch-heading { font-size:8px; margin-bottom:4px; }
 #forest-watch .fr-wave-line { padding-bottom:7px; gap:10px; }
 #forest-watch .fr-wave-line strong { font-size:24px; }
 #forest-watch .fr-long-label { display:none; }
 #forest-watch .fr-short-label { display:inline; }
 #forest-watch .fr-watch-note { font-size:10px; line-height:1.3; margin-top:7px; }
 #forest-watch .fr-party { margin-top:8px; gap:7px 12px; }
 .forest-controls { width:185px; max-width:none; right:max(12px,env(safe-area-inset-right)); bottom:max(17px,env(safe-area-inset-bottom)); grid-template-columns:1fr 1fr; gap:10px 8px; }
 .forest-controls button { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; min-height:74px; padding:8px 5px; text-align:center; }
 .forest-controls button svg { width:27px; height:27px; flex:0 0 27px; }
 .forest-controls button strong { font-size:15px; }
 .forest-controls button small { font-size:7px; line-height:1.2; margin-top:3px; }
 .forest-controls button kbd { font-size:7px; top:-7px; padding:2px 4px; right:7px; }
 .forest-controls .fr-cast { grid-column:1/-1; flex-direction:row; min-height:62px; gap:15px; }
 .forest-controls .fr-cast svg { width:38px; height:38px; flex-basis:38px; }
 .forest-controls .fr-cast strong { font-size:22px; }
 .forest-controls .fr-cast small { font-size:9px; }
 body.forest-ui-visible #touch { position:fixed; left:max(13px,env(safe-area-inset-left)); bottom:max(27px,env(safe-area-inset-bottom)); width:120px; pointer-events:auto; }
}
@media(max-width:350px) {
 #forest-watch { top:66px; left:8px; right:8px; }
 #forest-watch .fr-watch-heading { font-size:7px; }
 #forest-watch .fr-wave-line { gap:7px; grid-template-columns:.65fr 1fr 1.1fr 1.1fr; }
 #forest-watch .fr-wave-line small { font-size:7px; letter-spacing:.02em; }
 #forest-watch .fr-wave-line strong { font-size:23px; }
 #forest-watch .fr-hero strong { font-size:10px; }
 #forest-watch .fr-hero small { font-size:7px; }
 #forest-watch .fr-watch-note { font-size:9px; }
 .forest-controls { width:173px; right:8px; }
 body.forest-ui-visible #touch { width:114px; left:6px; }
 #forest-folio .fr-paper { padding-inline:18px; }
 #forest-folio h2#forest-folio-title { font-size:36px; }
 #forest-folio .fr-plate-caption { margin-left:44%; margin-right:10px; }
 #forest-folio .fr-plate-caption > strong { font-size:28px; }
 #forest-folio .fr-relic { grid-template-columns:53px minmax(0,1fr); gap:0 10px; }
 #forest-folio .fr-relic > svg { width:51px; height:59px; }
 #forest-folio .fr-relic > strong { font-size:19px; }
 #forest-folio .fr-relic-description { font-size:11px; }
 #forest-folio .fr-expedition-receipt dt { font-size:8px; }
}
@media(max-height:500px) and (min-width:501px) {
 #forest-watch { top:65px; left:12px; width:300px; padding:7px 12px; }
 #forest-watch .fr-watch-heading { font-size:7px; min-height:22px; margin:0 0 3px; }
 #forest-watch .fr-help { width:44px; height:44px; min-height:44px; margin-block:-11px; }
 #forest-watch .fr-wave-line { gap:8px; padding-bottom:6px; }
 #forest-watch .fr-wave-line small { font-size:7px; }
 #forest-watch .fr-wave-line strong { font-size:21px; }
 #forest-watch .fr-long-label { display:none; }
 #forest-watch .fr-short-label { display:inline; }
 #forest-watch .fr-party { margin-top:6px; gap:5px 10px; }
 #forest-watch .fr-hero strong { font-size:10px; }
 #forest-watch .fr-hero small { font-size:7px; }
 #forest-watch .fr-watch-note { display:none; }
 #forest-folio { width:calc(100vw - 24px); max-height:calc(100dvh - 20px); overflow:hidden; }
 #forest-folio .fr-binding { display:grid; grid-template-columns:27% minmax(0,1fr); max-height:calc(100dvh - 22px); }
 #forest-folio .fr-woodcut { height:auto; border-bottom:0; border-right:5px solid #485343; }
 #forest-folio .fr-forest-print { inset:0; width:100%; height:100%; }
 #forest-folio .fr-plate-caption { margin:19px 16px 0; }
 #forest-folio .fr-plate-caption > span { font-size:6px; }
 #forest-folio .fr-plate-caption > strong { font-size:28px; }
 #forest-folio .fr-plate-caption > small { font-size:9px; line-height:1.4; }
 #forest-folio .fr-print-number { left:15px; bottom:14px; font-size:6px; }
 #forest-folio .fr-paper { overflow:auto; padding-inline:22px; }
 #forest-folio .fr-mast { min-height:54px; }
 #forest-folio h2#forest-folio-title { font-size:34px; }
 #forest-folio .fr-lede { font-size:12px; }
 #forest-folio .fr-relic-rail { grid-template-columns:1fr; }
 #forest-folio .fr-relic { display:grid; grid-template-columns:55px minmax(0,1fr); min-height:125px; gap:0 12px; }
 #forest-folio .fr-relic-number { grid-column:1/-1; }
 #forest-folio .fr-relic > svg { grid-row:2/5; width:54px; height:54px; margin:0; }
 #forest-folio .fr-relic > strong, #forest-folio .fr-relic-description, #forest-folio .fr-relic-stamp { grid-column:2; }
 .forest-controls { position:fixed; width:248px; max-width:none; bottom:max(12px,env(safe-area-inset-bottom)); right:max(12px,env(safe-area-inset-right)); grid-template-columns:1.1fr 1fr 1fr; gap:7px; }
 .forest-controls button, .forest-controls .fr-cast { grid-column:auto; flex-direction:column; gap:4px; min-height:84px; padding:9px 4px; text-align:center; }
 .forest-controls button svg, .forest-controls .fr-cast svg { width:29px; height:29px; flex-basis:29px; }
 .forest-controls button strong, .forest-controls .fr-cast strong { font-size:13px; }
 .forest-controls button small, .forest-controls .fr-cast small { font-size:7px; margin-top:3px; }
 body.forest-ui-visible #touch { position:fixed; left:max(13px,env(safe-area-inset-left)); bottom:max(9px,env(safe-area-inset-bottom)); width:115px; pointer-events:auto; }
}
@media(prefers-reduced-motion:reduce) { .forest-controls .fr-cast.is-casting svg { animation:none; } }

/* Three little lights on one living branch. These are combat tells, not another panel. */
#forest-watch .fr-chain { position:relative; display:flex; align-items:center; gap:9px; min-width:0; min-height:38px; margin:6px -2px -2px; color:#d6d8b4; }
#forest-watch .fr-chain[hidden] { display:none!important; }
#forest-watch[data-phase=combat] .fr-watch-note { display:none; }
#forest-watch .fr-chain-art { flex:0 0 128px; width:128px; height:38px; overflow:visible; }
#forest-watch .fr-chain-branch { fill:none; stroke:#8da486; stroke-width:1; opacity:.65; }
#forest-watch .fr-chain-clock { fill:none; stroke:#dcc18a; stroke-width:1.4; opacity:.7; transition:stroke-dashoffset .14s linear; }
#forest-watch .fr-chain-bead { fill:#1b3636; stroke:#92a48b; stroke-width:1.2; transition:fill .2s,stroke .2s,filter .2s; }
#forest-watch .fr-chain-bead.is-filled { fill:#c8d8a9; stroke:#e7e2b4; filter:drop-shadow(0 0 3px #c0dda852); }
#forest-watch .fr-chain-bead.is-next { stroke:#ecd28b; stroke-width:1.8; }
#forest-watch .fr-chain-copy { display:block; flex:1; min-width:0; padding:2px 0; }
#forest-watch .fr-chain-copy strong { display:block; font:italic 13px/1.2 Georgia,serif; font-weight:400; color:#d6d6b1; transition:color .2s; }
#forest-watch .fr-chain-copy small { display:block; color:#aaba9d; font:8px/1.5 ui-monospace,monospace; margin-top:4px; }
#forest-watch .fr-chain-copy [data-chain=marks] { color:#cbbf91; }
#forest-watch .fr-chain.has-crescent .fr-crescent-bead { fill:#e8c184; stroke:#f2db9e; filter:drop-shadow(0 0 4px #e9bb6c66); }
#forest-watch .fr-chain.has-crescent .fr-chain-copy strong { color:#e4ca92; }
#forest-watch .fr-chain.has-riposte .fr-chain-copy strong { color:#f4dc9a; }
#forest-watch .fr-chain.has-riposte .fr-chain-clock { stroke:#ffdfa1; stroke-width:2; }
#forest-watch .fr-chain.has-riposte .fr-chain-art { filter:drop-shadow(0 0 5px #e6be7060); }
#forest-watch .fr-riposte-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#forest-watch .fr-counter-change { animation:fr-number-rise .24s ease-out; }
#forest-watch meter::-webkit-meter-optimum-value { transition:width .22s ease-out; }
#forest-watch meter::-moz-meter-bar { transition:width .22s ease-out; }
.forest-controls .fr-cast.has-crescent { border-color:#efcc8b; }
.forest-controls .fr-cast.has-riposte { background:#ab8150; border-color:#f6dd9d; box-shadow:0 3px 0 #604e32,0 0 22px #ebbf6240; }
.forest-controls .fr-cast.has-riposte::after { border-color:#fae7b89c; }
.forest-controls .fr-cast.has-riposte small { color:#fff0bd; }
@keyframes fr-number-rise { from { opacity:.45; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:720px) {
 #forest-watch .fr-chain { min-height:34px; gap:8px; margin-top:4px; }
 #forest-watch .fr-chain-art { width:115px; flex-basis:115px; height:34px; }
 #forest-watch .fr-chain-copy strong { font-size:12px; }
 #forest-watch .fr-chain-copy small { font-size:7px; line-height:1.5; margin-top:3px; }
}
@media(max-width:350px) {
 #forest-watch .fr-chain { gap:6px; }
 #forest-watch .fr-chain-art { width:96px; flex-basis:96px; }
 #forest-watch .fr-chain-copy strong { font-size:11px; }
 #forest-watch .fr-chain-copy small { font-size:7px; letter-spacing:-.2px; }
}
@media(max-height:500px) and (min-width:501px) {
 #forest-watch .fr-chain { min-height:28px; margin-top:3px; margin-bottom:-3px; }
 #forest-watch .fr-chain-art { width:102px; flex-basis:102px; height:30px; }
 #forest-watch .fr-chain-copy strong { font-size:11px; }
 #forest-watch .fr-chain-copy small { font-size:7px; margin-top:2px; }
}
@media(prefers-reduced-motion:reduce) { #forest-watch .fr-counter-change { animation:none; } #forest-watch * { transition:none!important; } }

/* A live promise is one small line. Real pickups briefly leave a note beneath it. */
#forest-watch .fr-live-field[hidden],#forest-watch .fr-live-field [hidden]{display:none!important}
#forest-watch .fr-live-field{position:relative;margin:3px 0 0;min-width:0}
#forest-watch .fr-live-vow{display:flex;align-items:center;gap:6px;min-width:0;margin:0;padding-top:3px;color:#d8c795;font:10px/1.35 Georgia,serif}
#forest-watch .fr-live-vow>svg{width:17px;height:17px;flex:0 0 17px;color:#d9cb9b}
#forest-watch .fr-live-vow>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#forest-watch .fr-live-vow[data-vow-phase=broken]{color:#cda68c}
#forest-watch .fr-live-vow[data-vow-phase=won]{color:#cee2ae}
#forest-watch .fr-live-cue{position:absolute;top:100%;left:-9px;right:-9px;padding:9px 11px 8px;margin:13px 0 0;border-radius:3px 3px 30% 20%/3px 3px 10px 8px;background:#162f30ed;box-shadow:0 5px 12px #061e2a55;color:#c9e7d4;font:italic 11px/1.35 Georgia,serif;animation:fr-field-arrive .22s ease-out}
#forest-watch .fr-live-cue[data-tone=wild],#forest-watch .fr-live-cue[data-tone=seed]{color:#edcf91}
#forest-watch .fr-live-cue[data-tone=vow]{color:#d7d2a2}
#forest-watch .fr-field-hint{margin:6px 0 0;color:#bbc8a2;font:italic 10px/1.35 Georgia,serif}
@keyframes fr-field-arrive{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
@media(max-width:720px){
 #forest-watch .fr-live-vow{font-size:10px;padding-top:2px}
 #forest-watch .fr-live-cue{font-size:11px;margin-top:11px}
 #forest-watch .fr-field-hint{font-size:9px;margin-top:4px}
}
@media(max-height:500px) and (min-width:501px){
 #forest-watch .fr-live-field{position:static;margin:0}
 #forest-watch.has-live-vow .fr-watch-heading>span{visibility:hidden}
 #forest-watch .fr-live-vow{position:absolute;top:11px;left:13px;max-width:calc(100% - 65px);margin:0}
 #forest-watch .fr-live-vow{font-size:9px;padding-top:0;line-height:1.2}
 #forest-watch .fr-live-vow>svg{width:14px;height:14px;flex-basis:14px}
 #forest-watch .fr-live-cue{left:-1px;right:-1px;padding:6px 10px;font-size:10px;line-height:1.2;margin-top:6px}
 #forest-watch .fr-field-hint{font-size:8px;line-height:1.2;margin-top:2px}
}
@media(prefers-reduced-motion:reduce){#forest-watch .fr-live-cue{animation:none}}

/* Sand has its own generous column: small-screen counters must never shrink the deadline. */
body.forest-ui-visible #forest-watch .fr-wave-line{grid-template-columns:.45fr .75fr minmax(142px,1.6fr) .65fr;gap:7px;align-items:center}
body.forest-ui-visible #forest-watch .fr-carry{padding-left:6px}
body.forest-ui-visible #forest-watch .fr-hourglass{position:relative;display:flex;align-items:center;gap:4px;min-width:0;min-height:68px;padding:6px 5px 10px;color:#f2d496;background:radial-gradient(ellipse at 58% 75%,#b395432d,transparent 80%),#10292cd9;border-radius:14% 5% 19% 7%/10px 5px 8px 5px;box-shadow:inset 0 1px 0 #d9bd7155,0 2px 0 #0a202788}
body.forest-ui-visible #forest-watch .fr-hourglass>svg:first-child{width:24px;height:49px;flex:0 0 24px;overflow:visible;filter:drop-shadow(0 0 5px #dfb86b55)}
body.forest-ui-visible #forest-watch .fr-hourglass>div{min-width:0;flex:1}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass small{font-size:8px;letter-spacing:.025em;color:#f0d89e;white-space:nowrap}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass strong{margin-top:3px;color:#fff0c9;font:44px/.95 Georgia,'Times New Roman',serif;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.065em;text-shadow:0 1px 2px #061c23,0 0 14px #e4ae5433}
body.forest-ui-visible #forest-watch .fr-hourglass .fr-sand-thread{position:absolute;bottom:3px;left:6px;width:calc(100% - 12px);height:6px;overflow:visible}
body.forest-ui-visible #forest-watch .fr-sand-thread line{stroke:#e4bf7c33;stroke-width:4;stroke-linecap:round}
body.forest-ui-visible #forest-watch .fr-sand-thread path{fill:none;stroke:#f5d493;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .15s linear}
body.forest-ui-visible #forest-watch .fr-hourglass.is-resting>svg:first-child{opacity:.55}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass.is-resting strong{font-size:24px;letter-spacing:.015em;color:#c4cdac;text-shadow:none}
body.forest-ui-visible #forest-watch .fr-hourglass.is-resting .fr-sand-thread{opacity:.3}
body.forest-ui-visible #forest-watch .fr-hourglass.is-urgent{color:#f8b282}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass.is-urgent small{color:#ffc096}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass.is-urgent strong{color:#ffd5a7;text-shadow:0 0 15px #d66b3c99}
body.forest-ui-visible #forest-watch .fr-hourglass.is-urgent>svg:first-child{animation:fr-last-grains 1.6s ease-in-out infinite}
body.forest-ui-visible #forest-watch .fr-hourglass.is-urgent .fr-sand-thread path{stroke:#ffc59b}
body.forest-ui-visible #forest-watch .fr-hourglass.is-critical{background:radial-gradient(ellipse at 60% 80%,#e3864233,transparent 85%),#392826;box-shadow:inset 0 0 0 1px #f0b27e99,0 0 18px #e1a35722}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass.is-critical small{color:#ffdbb4;letter-spacing:.12em}
body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass.is-critical strong{color:#fff4db;text-shadow:0 1px 2px #1c1919,0 0 15px #ffbe7c66}
body.forest-ui-visible #forest-watch .fr-sand-announcement,body.forest-ui-visible #forest-watch .fr-recovery-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#forest-watch .fr-skull-recovery[hidden],#forest-watch .fr-gate-way[hidden]{display:none!important}
#forest-watch .fr-skull-recovery{position:relative;display:flex;gap:10px;align-items:flex-start;min-width:0;margin:9px -4px -2px;padding:11px 10px 10px 5px;border-top:1px solid #c8aa7b70;border-radius:0 0 20% 9%/0 0 10px 5px;background:linear-gradient(110deg,#c3834a1a,transparent 90%);color:#e9cda2}
#forest-watch .fr-skull-recovery>svg{width:38px;height:42px;flex:0 0 38px;color:#e8d5ac;transform:rotate(-9deg)}
#forest-watch .fr-skull-recovery>div{flex:1;min-width:0;padding-right:15px}
#forest-watch .fr-skull-recovery strong{display:block;margin:0 0 5px;font:italic 18px/1.1 Georgia,serif;font-weight:400;color:#f0d9b3}
#forest-watch .fr-skull-recovery [data-skull=direction]{display:block;font:11px/1.3 ui-monospace,monospace;color:#e7c68e}
#forest-watch .fr-skull-recovery small{display:block;margin-top:5px;color:#c7ccb0;font:10px/1.45 Georgia,serif}
#forest-watch .fr-skull-recovery em{display:block;margin-top:5px;font:italic 11px/1.35 Georgia,serif;color:#c4ba9a}
#forest-watch .fr-skull-compass{position:absolute;right:0;top:30px;display:block;width:22px;height:22px;border:1px solid #d1b77a55;border-radius:50%;color:#ecd1a1;font:22px/1 Georgia,serif}
#forest-watch .fr-skull-compass i{position:absolute;top:-11px;left:7px;font:7px/1 ui-monospace,monospace;color:#cbb781}
#forest-watch .fr-skull-compass b{position:absolute;inset:0;display:grid;place-items:center;font-weight:400;transition:rotate .13s linear}
#forest-watch .fr-gate-way{display:flex;align-items:center;gap:8px;margin:9px 0 1px;padding-top:7px;border-top:1px solid #a7bc8f55;color:#cee0b9}
#forest-watch .fr-gate-way>svg{width:25px;height:32px;flex:0 0 25px;transform:rotate(-4deg)}
#forest-watch .fr-gate-way>span{display:block;min-width:0}
#forest-watch .fr-gate-way strong{display:block;font:italic 13px/1.25 Georgia,serif;font-weight:400}
#forest-watch .fr-gate-way small{display:block;margin-top:4px;color:#b4c7a5;font:9px/1.35 ui-monospace,monospace}
#forest-watch.is-headless .fr-field-hint{display:none!important}
.forest-controls.is-headless button:disabled{opacity:.46;filter:saturate(.55);cursor:default}
.forest-controls.is-headless button small{color:#e9cda6!important}
#forest-folio .fr-sand-and-bones{position:relative;margin:26px 0 27px;padding:0 0 23px;border-bottom:1px solid #a18b5e55}
#forest-folio .fr-sand-and-bones h3{margin:6px 0 23px;color:#6a694d;font:italic 29px/1.1 Georgia,serif;font-weight:400}
#forest-folio .fr-sand-and-bones ol{list-style:none;display:grid;gap:22px;margin:0;padding:0}
#forest-folio .fr-sand-and-bones li{display:flex;gap:15px;align-items:flex-start;min-width:0}
#forest-folio .fr-sand-and-bones li>svg{flex:0 0 50px;width:50px;height:66px;padding:3px 6px;color:#a88551;transform:rotate(-4deg)}
#forest-folio .fr-sand-and-bones li:nth-child(2)>svg{color:#8d8363;transform:rotate(7deg)}
#forest-folio .fr-sand-and-bones li:nth-child(3)>svg{color:#7f926c}
#forest-folio .fr-sand-and-bones strong{display:block;color:#66744e;font:19px/1.2 Georgia,serif;font-weight:400}
#forest-folio .fr-sand-and-bones p{margin:7px 0 0;color:#72785b;font:12px/1.65 Georgia,serif}
#forest-folio .fr-sand-and-bones b{color:#946e48;font-weight:400}
@keyframes fr-last-grains{50%{filter:drop-shadow(0 0 7px #e3a35b99)}}
@media(max-width:600px){
 body.forest-ui-visible #forest-watch .fr-wave-line{gap:7px}
 body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass strong{font-size:46px}
 #forest-watch .fr-skull-recovery{gap:8px;padding-top:9px}
 #forest-watch .fr-skull-recovery>svg{width:31px;height:36px;flex-basis:31px}
 #forest-watch .fr-skull-recovery strong{font-size:17px}
 #forest-watch .fr-skull-recovery em{font-size:10px}
 #forest-folio .fr-sand-and-bones li{gap:10px}
 #forest-folio .fr-sand-and-bones li>svg{width:43px;flex-basis:43px;height:56px;padding-inline:4px}
 #forest-folio .fr-sand-and-bones h3{font-size:26px}
 #forest-folio .fr-sand-and-bones strong{font-size:18px}
}
@media(max-width:350px){
 body.forest-ui-visible #forest-watch .fr-wave-line{gap:5px;grid-template-columns:.4fr .8fr minmax(140px,1.55fr) .75fr}
 body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass small{font-size:8px;letter-spacing:0}
 body.forest-ui-visible #forest-watch .fr-hourglass>svg:first-child{width:23px;flex-basis:23px}
 body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass strong{font-size:44px}
 #forest-watch .fr-skull-recovery strong{font-size:16px}
 #forest-watch .fr-skull-recovery [data-skull=direction]{font-size:10px}
}
@media(max-height:500px) and (orientation:landscape){
 body.forest-ui-visible #forest-watch .fr-hourglass{min-height:60px;padding-top:4px;padding-bottom:8px}
 body.forest-ui-visible #forest-watch .fr-hourglass>svg:first-child{height:42px;width:23px;flex-basis:23px}
 body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass strong{font-size:42px}
 body.forest-ui-visible #forest-watch .fr-wave-line .fr-hourglass small{font-size:8px}
 #forest-watch .fr-skull-recovery{margin-top:5px;padding:6px 2px 3px;gap:7px}
 #forest-watch .fr-skull-recovery>svg{width:28px;height:32px;flex-basis:28px}
 #forest-watch .fr-skull-recovery strong{font-size:15px;margin-bottom:3px}
 #forest-watch .fr-skull-recovery small{font-size:9px;margin-top:3px}
 #forest-watch .fr-skull-recovery em{font-size:9px;line-height:1.2;margin-top:3px}
 #forest-watch .fr-skull-compass{top:19px;font-size:21px}
 #forest-watch .fr-gate-way{margin-top:5px;padding-top:5px}
}
@media(prefers-reduced-motion:reduce){body.forest-ui-visible #forest-watch .fr-hourglass.is-urgent>svg:first-child{animation:none}body.forest-ui-visible #forest-watch .fr-sand-thread path,#forest-watch .fr-skull-compass b{transition:none}}
/* The mobile clear-view layer deliberately shrinks ordinary counters. Keep sand exempt. */
body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line{grid-template-columns:.4fr .75fr minmax(150px,1.6fr);gap:8px}
body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass strong{font-size:48px}
body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass small{font-size:9px;letter-spacing:0}
body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-hourglass>svg:first-child{width:28px;height:54px;flex-basis:28px}
body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass.is-resting strong{font-size:30px}
@media(max-width:350px){
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line{gap:6px}
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass strong{font-size:44px}
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-hourglass>svg:first-child{width:24px;height:50px;flex-basis:24px}
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass small{font-size:8px}
}
@media(max-height:500px) and (orientation:landscape){
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass strong{font-size:42px}
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-hourglass>svg:first-child{width:24px;height:44px;flex-basis:24px}
 body.forest-ui-visible.mobile-clear-view.compact-ui #forest-watch .fr-wave-line .fr-hourglass small{font-size:8px}
}
#forest-folio .fr-ground-gather{position:relative;margin:21px 0 24px;padding:15px 17px 14px;border-block:1px solid #9b986c66;border-radius:7% 3% 11% 4%/6px 3px 9px 4px;background:#c4cba549}
#forest-folio .fr-ground-gather strong{display:block;color:#3c5a42;font:italic 21px/1.2 Georgia,serif;font-weight:400}
#forest-folio .fr-ground-gather p{margin:8px 0;color:#50644b;font:12px/1.55 Georgia,serif}
#forest-folio .fr-ground-gather small{display:block;color:#65704e;font:10px/1.5 ui-monospace,monospace}
#forest-folio .fr-ground-gather.is-full small{color:#925b3e}
#forest-folio .fr-gather-action{display:block;width:100%;min-height:48px;margin-top:13px;padding:11px 12px;border:1px solid #647a58;border-radius:2px 9px 2px 2px;color:#294a3d;background:#e9dfb6;box-shadow:2px 3px 0 #9b9d75;font:15px/1.3 Georgia,serif;text-align:center}
#forest-folio .fr-gather-action:hover:not(:disabled){background:#f3eac7}
#forest-folio .fr-gather-action:disabled{opacity:.6;cursor:default}
@media(max-height:500px) and (orientation:landscape){
 #forest-watch .fr-skull-recovery,#forest-watch .fr-gate-way{position:fixed;top:calc(60px + env(safe-area-inset-top));left:calc(50% + 24px);right:max(12px,env(safe-area-inset-right));width:auto;margin:0;padding:10px 12px 10px 9px;border:0;border-radius:18% 7% 25% 8%/9px 5px 13px 6px;background:#193333ed;box-shadow:0 5px 15px #0b242c33}
 #forest-watch .fr-skull-recovery>div{padding-right:11px}
 #forest-watch .fr-skull-recovery>svg{width:25px;flex-basis:25px}
 #forest-watch .fr-skull-compass{right:5px;top:29px}
 .forest-controls.is-headless button small{display:none}
 .forest-controls.is-headless button{min-height:64px}
}

/* A folded packing leaf; its paths and pockets open only when curiosity asks. */
#forest-folio .fr-pack-fold{position:relative;margin:19px 0 22px;border:0;border-block:1px solid #9b986c66;padding:0;background:none}
#forest-folio .fr-pack-fold>summary{position:relative;display:flex;align-items:center;gap:13px;min-height:73px;padding:12px 4px;list-style:none;cursor:pointer;color:#64784e}
#forest-folio .fr-pack-fold>summary::-webkit-details-marker{display:none}
#forest-folio .fr-pack-fold>summary::after{content:'+';margin-left:auto;padding:6px;color:#8a8056;font:25px/1 Georgia,serif}
#forest-folio .fr-pack-fold[open]>summary::after{content:'−'}
#forest-folio .fr-pack-fold>summary>svg{width:40px;height:48px;flex:0 0 40px;color:#929363;transform:rotate(-8deg)}
#forest-folio .fr-pack-fold>summary>span{display:block;min-width:0;flex:1}
#forest-folio .fr-pack-fold>summary strong{display:block;font:italic 24px/1.15 Georgia,serif;font-weight:400}
#forest-folio .fr-pack-fold>summary small{display:block;font:9px/1.6 ui-monospace,monospace;color:#8b825b;margin-top:6px}
#forest-folio .fr-loop-help{color:#75805b;font:12px/1.6 Georgia,serif;margin:12px 4px 17px;max-width:490px}
#forest-folio .fr-loop-help b{font-weight:400;color:#956e48}
#forest-folio .fr-loop-choice{position:relative;display:flex;align-items:flex-start;gap:13px;min-height:64px;width:100%;padding:15px 9px 17px;border:0;border-bottom:1px solid #9b9f7260;border-radius:0 0 18% 7%/0 0 9px 4px;background:none;box-shadow:none;transform:none;color:#7e9168;text-align:left;transition:background .2s,color .2s}
#forest-folio .fr-loop-choice>svg{position:relative;width:45px;height:50px;flex:0 0 45px;padding:7px;border-radius:50% 50% 37% 42%;background:#e4d7b461;transform:rotate(-6deg);color:#8c925e}
#forest-folio .fr-loop-choice>span{position:relative;display:block;flex:1;min-width:0;padding-right:11px}
#forest-folio .fr-loop-choice strong{display:block;font:22px/1.1 Georgia,serif;font-weight:400;letter-spacing:-.025em;color:#5c704c}
#forest-folio .fr-loop-choice small{display:block;margin-top:7px;color:#727b59;font:11px/1.55 Georgia,serif}
#forest-folio .fr-loop-choice em{display:block;margin-top:8px;color:#987245;font:italic 11px/1.4 Georgia,serif}
#forest-folio .fr-loop-choice:nth-child(2){margin-left:7px;width:calc(100% - 7px)}
#forest-folio .fr-loop-choice:nth-child(2)>svg{color:#ab8457;transform:rotate(7deg)}
#forest-folio .fr-loop-choice:nth-child(3)>svg{color:#7f9980}
#forest-folio .fr-loop-choice:hover:enabled,#forest-folio .fr-loop-choice.is-packed{background:linear-gradient(100deg,#b8c49335,#c8c29016 85%,transparent)}
#forest-folio .fr-loop-choice.is-packed>svg{background:#bcc99b5e;color:#59774c}
#forest-folio .fr-loop-choice:disabled{opacity:.56;filter:none}
#forest-folio .fr-loop-choice.is-packed:disabled{opacity:.9}
#forest-folio .fr-loop-selection{position:absolute;right:0;top:0;color:#728850;font:21px/1 Georgia,serif}
#forest-folio .fr-loop-clear{min-height:44px;display:block;padding:10px 8px;margin:7px 0 12px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:#87785b;text-decoration:underline;text-decoration-color:#b7a77a77;text-underline-offset:5px;font:italic 12px/1.5 Georgia,serif;text-align:left}
#forest-folio .fr-loop-clear:disabled{opacity:.5}
#forest-folio .fr-pocket-fold,#forest-folio .fr-quarry-fold{margin:15px 0 0;padding:0 3px 11px;border:0;border-top:1px solid #9e9c7160;background:none}
#forest-folio :is(.fr-pocket-fold,.fr-quarry-fold)>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:11px 0;cursor:pointer;color:#6b7c53;font:italic 18px/1.2 Georgia,serif;list-style:none}
#forest-folio :is(.fr-pocket-fold,.fr-quarry-fold)>summary::after{content:'↙';font:20px/1 Georgia,serif;color:#a18d5e}
#forest-folio :is(.fr-pocket-fold,.fr-quarry-fold)[open]>summary::after{content:'↖'}
#forest-folio :is(.fr-pocket-fold,.fr-quarry-fold)>summary>small{font:8px/1.4 ui-monospace,monospace;color:#8b8a64;max-width:130px;text-align:right;margin-left:auto}
#forest-folio .fr-quarry-species{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
#forest-folio .fr-quarry-species button{position:relative;min-height:84px;min-width:0;padding:6px 2px;border:0;border-radius:50% 50% 25% 25%;background:none;box-shadow:none;transform:none;color:#65774f;font:11px/1.3 Georgia,serif}
#forest-folio .fr-quarry-species .fr-monster-print{display:block;width:54px;height:54px;margin:0 auto 7px;max-width:100%;filter:none}
#forest-folio .fr-quarry-species button.is-packed{background:#c4c79955;outline:1px solid #86956977}
#forest-folio .fr-quarry-species button:disabled{opacity:.55}
#forest-folio .fr-route-page h3{font:italic 26px/1.15 Georgia,serif;color:#64794f;font-weight:400;margin:16px 3px 0}
#forest-folio .fr-route-votes{font:9px/1.6 ui-monospace,monospace;color:#8a835d;margin:12px 4px 20px}
#forest-folio .fr-salvage-pouch{display:flex;flex-wrap:wrap;gap:10px 18px;margin:8px 7px 12px;color:#867652;font:11px/1.4 Georgia,serif}
#forest-folio .fr-salvage-pouch b{display:inline-block;color:#647a54;font:25px/1 Georgia,serif;font-weight:400;margin-right:3px}
#forest-folio .fr-mastery-stamps{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:15px 0;padding:0}
#forest-folio .fr-mastery-stamps li{display:flex;align-items:center;gap:8px;color:#6c7f55;font:12px/1.3 Georgia,serif}
#forest-folio .fr-mastery-stamps .fr-monster-print{width:40px;height:40px;flex:0 0 40px;filter:none}
#forest-folio .fr-mastery-stamps b{display:block;letter-spacing:3px;font:11px/1.5 ui-monospace,monospace;color:#8b9a69;margin-top:4px}
#forest-watch .fr-loop-whisper{margin:7px 0 0;padding-top:5px;border-top:1px solid #a6b38b40;color:#dfcf9b;font:italic 11px/1.35 Georgia,serif}
#forest-watch .fr-loop-whisper[hidden]{display:none!important}
#forest-watch .fr-loop-whisper[data-kind=panic]{color:#f0c48c}
#forest-watch .fr-loop-whisper[data-kind=mastery]{color:#c8d7b5}
@media(max-width:600px){
 #forest-folio .fr-pack-fold>summary{gap:10px;min-height:69px}
 #forest-folio .fr-pack-fold>summary strong{font-size:22px}
 #forest-folio .fr-pack-fold>summary small{font-size:8px}
 #forest-folio .fr-pack-fold>summary>svg{width:32px;flex-basis:32px}
 #forest-folio .fr-loop-choice{gap:9px;padding-inline:3px 6px}
 #forest-folio .fr-loop-choice>svg{width:38px;height:43px;flex-basis:38px;padding:5px}
 #forest-folio .fr-loop-choice strong{font-size:21px}
 #forest-folio .fr-quarry-species{gap:4px}
 #forest-folio .fr-quarry-species button{font-size:10px}
 #forest-folio .fr-quarry-species .fr-monster-print{width:47px;height:47px}
 #forest-watch .fr-loop-whisper{font-size:10px}
}
@media(max-height:500px) and (orientation:landscape){#forest-watch .fr-loop-whisper{margin-top:4px;padding-top:3px;font-size:9px;line-height:1.25}}
@media(prefers-reduced-motion:reduce){#forest-folio .fr-loop-choice{transition:none}}

/* A first leaf has three gestures. The handbook waits until it is invited. */
#forest-folio .fr-first-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:21px 0 14px;padding:0}
#forest-folio .fr-first-steps li{display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0;padding:0 4px;color:#294d40}
#forest-folio .fr-first-steps svg{width:43px;height:43px;color:#55715a;filter:drop-shadow(1px 2px 0 #b7ad7e66)}
#forest-folio .fr-first-steps strong{font:18px/1.2 Georgia,serif;margin-top:6px;font-weight:400}
#forest-folio .fr-first-steps small{display:block;font:10px/1.4 ui-monospace,monospace;color:#56674f;margin-top:4px}
#forest-folio .fr-first-rule{display:flex;align-items:center;justify-content:center;gap:9px;color:#655740;font:12px/1.4 Georgia,serif;margin:0 0 17px}
#forest-folio .fr-first-rule svg{width:24px;height:24px;flex:none;color:#946a43}
#forest-folio .fr-field-manual{border-block:1px solid #7e8a6566;margin:16px 0 0}
#forest-folio .fr-field-manual>summary{min-height:48px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#345140;font:italic 18px/1.3 Georgia,serif;padding:12px 2px;list-style:none}
#forest-folio .fr-field-manual>summary::before{content:'+';font:22px/1 Georgia,serif;color:#9a6644}
#forest-folio .fr-field-manual[open]>summary::before{content:'−'}
#forest-folio .fr-field-manual>summary::-webkit-details-marker{display:none}
#forest-folio .fr-field-manual>summary span{margin-left:auto;font:9px/1.3 ui-monospace,monospace;color:#657553}
#forest-folio:is([data-forest-page=camp],[data-forest-page=guide]) .fr-lede{margin-bottom:12px}
#forest-folio[data-forest-page=camp] .fr-party-ready{min-height:26px;padding:0 0 10px;text-align:left}
#forest-folio[data-forest-page=camp] .fr-camp-print{padding:8px 0;margin:12px 0 16px;border:0}
#forest-folio[data-forest-page=camp] .fr-camp-print .fr-monster-print{width:49px;max-height:49px;flex-basis:49px;opacity:.72}
#forest-folio[data-forest-page=break] .fr-crossroads{margin-top:16px}
#forest-folio[data-forest-page=break] .fr-build-hollow{margin-top:20px}
@media(max-width:720px){
 #forest-folio[data-forest-page=camp] .fr-woodcut,#forest-folio[data-forest-page=guide] .fr-woodcut{height:90px}
 #forest-folio[data-forest-page=camp] .fr-plate-caption,#forest-folio[data-forest-page=guide] .fr-plate-caption{margin:12px 16px 0 35%}
 #forest-folio[data-forest-page=camp] .fr-plate-caption>span,#forest-folio[data-forest-page=guide] .fr-plate-caption>span{font-size:6px}
 #forest-folio[data-forest-page=camp] .fr-plate-caption>strong,#forest-folio[data-forest-page=guide] .fr-plate-caption>strong{font-size:26px;margin-top:4px}
 #forest-folio[data-forest-page=camp] .fr-plate-caption>small,#forest-folio[data-forest-page=guide] .fr-plate-caption>small{display:none}
 #forest-folio[data-forest-page=camp] .fr-forest-print,#forest-folio[data-forest-page=guide] .fr-forest-print{width:35%;top:-166px}
 #forest-folio[data-forest-page=camp] .fr-print-number,#forest-folio[data-forest-page=guide] .fr-print-number{display:none}
 #forest-folio[data-forest-page=camp] .fr-mast,#forest-folio[data-forest-page=guide] .fr-mast{min-height:48px}
 #forest-folio[data-forest-page=camp] .fr-folio-content,#forest-folio[data-forest-page=guide] .fr-folio-content{padding-top:13px}
 #forest-folio[data-forest-page=camp] h2#forest-folio-title,#forest-folio[data-forest-page=guide] h2#forest-folio-title{font-size:32px;margin-bottom:10px}
 #forest-folio .fr-first-steps{gap:5px;margin-top:18px}
 #forest-folio .fr-first-steps svg{width:36px;height:36px}
 #forest-folio .fr-first-steps strong{font-size:17px;margin-top:4px}
 #forest-folio .fr-first-steps small{font-size:9px}
 #forest-folio .fr-first-rule{font-size:12px;justify-content:flex-start;gap:7px}
 #forest-folio .fr-field-manual>summary{font-size:17px}
}