/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */

:root{
  --bg:#0b100e; /* games/understory/style.css :root --bg: #0b100e */
  --sheet:#f1e5c8; /* games/understory/style.css :root --paper: #f1e5c8 */
  --ink:#2b2119; /* games/understory/style.css :root --paper-ink: #2b2119 */
  --muted:#6a5a44; /* games/understory/style.css :root --paper-muted: #6a5a44 */
  --accent:#8a3a14; /* games/understory/style.css .us-stamp: #8a3a14 */
  --line:#6a5a44; /* games/understory/style.css :root --paper-muted: #6a5a44 */
  --display:Rockwell,"Rockwell Nova","Roboto Slab","Bookman Old Style",Georgia,serif; /* games/understory/style.css :root --type: Rockwell,"Rockwell Nova","Roboto Slab","Bookman Old Style",Georgia,serif */
  --reading:Rockwell,"Rockwell Nova","Roboto Slab","Bookman Old Style",Georgia,serif; /* games/understory/style.css :root --type: Rockwell,"Rockwell Nova","Roboto Slab","Bookman Old Style",Georgia,serif */
  --label:ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace; /* games/understory/style.css :root --mono: ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace */
  --titleInk:#2b2119; /* games/understory/style.css :root --paper-ink: #2b2119 */
  --outerInk:#ebe7dc; /* games/understory/style.css :root --ink: #ebe7dc */
  --dot:#cf5236; /* games/understory/style.css .us-cover h1 span: #cf5236 */
  --weight:900; /* games/understory/style.css .us-cover h1: 900 */
  --tracking:-.02em; /* games/understory/style.css .us-cover h1: -.02em */
  --casing:uppercase; /* games/understory/style.css .us-cover h1: uppercase */
  --italic:normal; /* games/understory/style.css .us-decree-col i: normal */
  --buttonBg:#e8b64c; /* games/understory/style.css :root --accent: #e8b64c */
  --buttonInk:#1d1306; /* games/understory/style.css :root --accent-ink: #1d1306 */
  --buttonBorder:#e8b64c; /* games/understory/style.css :root --accent: #e8b64c */
  --buttonRadius:3px; /* games/understory/style.css .us-main button,.us-top button,.us-rules button,.results-dialog button: 3px */
  --buttonShadow:none; /* games/understory/style.css .us-main button,.us-top button,.us-rules button,.results-dialog button: none */
  --panel:#e8d9b6; /* games/understory/style.css :root --paper2: #e8d9b6 */
  --panelInk:#2b2119; /* games/understory/style.css :root --paper-ink: #2b2119 */
  --panelMuted:#6a5a44; /* games/understory/style.css :root --paper-muted: #6a5a44 */
  --panelBorder:#6a5a44; /* games/understory/style.css :root --paper-muted: #6a5a44 */
  --panelRadius:2px; /* games/understory/style.css .us-main: 2px */
  --panelShadow:0 1px 0 #fff4 inset,0 14px 40px #0009; /* games/understory/style.css .us-doc: 0 1px 0 #fff4 inset,0 14px 40px #0009 (inherited/default) */
  --cover-position:50% 44%;
  --motif:"❧";
}
.opening-initial::first-letter{float:left;font:var(--weight) 4.1em/.85 var(--display);padding:.08em .13em 0 0;color:var(--accent)}
:root{--reading-inset:24px}.lead,.sticky-name{color:var(--outerInk)}.cover-copy .eyebrow{color:var(--muted)}.cover-copy{background:var(--sheet);color:var(--ink);padding:24px!important;border-top:7px solid var(--ink)}.cover-copy nav,.cover-copy .eyebrow{color:var(--muted)}.rulebook{background:var(--sheet);color:var(--ink);box-shadow:0 14px 40px #0009;padding:24px}#rules-content h2,#rules-content h3{font:700 1.15em/1.4 var(--label)}.glance{border-top:7px solid var(--panelInk)}.document-strip{border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:36px;font:700 13px/1.6 var(--label);letter-spacing:.14em}.glance::before{content:"FIELD COPY";color:var(--accent);display:block;width:max-content;border:2px solid var(--panelInk);padding:2px 8px;margin-bottom:16px;font:700 11px var(--label);transform:rotate(-3deg)}
:root{--reading-inset:27px}.rulebook{border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:-9px}.glance::before{content:"A FABLE"}.cover-copy{border:3px solid var(--ink)}

[data-toy=wood-powers]{height:0}
[data-toy=burrow-lantern]{height:170px}
[data-toy=wood-margin]{height:0;position:relative}
.print{box-sizing:border-box;padding:16px;position:relative;background:#f1e5c8;color:#302519;border:2px solid #65533a;overflow:hidden;font:15px/1.4 Georgia;height:auto}
.imprint{font:11px monospace;border-bottom:2px solid #746044;padding-bottom:9px}
.battle-clearing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:14px}
.battle-side{min-width:0;text-align:center}
.woodcut{display:block;width:100%;height:180px;object-fit:contain;mix-blend-mode:multiply}
.battle-side strong{display:block;font-size:16px}
.side-die{display:inline-grid;place-items:center;width:40px;height:40px;background:#ead9b7;border:2px solid #5e482c;font:700 26px monospace;margin:10px}
.pieces{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;min-height:27px}
.warrior{display:grid;place-items:center;background:#bd6034;color:#fff4d3;width:22px;height:26px;border:1px solid #553923;clip-path:polygon(0 100%,0 25%,20% 0,43% 20%,75% 0,100% 25%,100% 100%);font:12px monospace}
.warrior[aria-label^=High]{background:#5a7c93}
.building{border:1px solid #59472d;background:#d9cbaa;padding:3px;font:11px monospace}
.battle-dice{display:block;margin:14px auto;background:#e2d0a9;border:2px solid #59442b;border-radius:5px;padding:12px;font:700 23px monospace;color:#302519;cursor:pointer}
.deadfall-card{font-size:12px;background:#e4d2b2;position:relative;right:auto;bottom:auto;display:block;margin:8px auto;transform:rotate(3deg);width:100px}
.deadfall-card .woodcut{height:60px}
.tally{border-block:1px solid #89704e;padding:9px;font:700 14px monospace}
.battle-report{overflow:auto;padding-top:9px;font-size:14px;height:auto;min-height:0}
.three-clearings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative;margin:15px 0}
.three-clearings::before{content:"";position:absolute;left:10%;right:10%;top:50%;height:9px;background:#a8865c}
.clearing{position:relative;min-width:0;height:170px;border:2px solid #746444;border-radius:45% 35% 38% 32%;background:#e3d9af;color:#34281c;padding:18px 4px;cursor:pointer;font:12px Georgia}
.clearing strong,.clearing>span{display:block}
.clearing strong{font-size:12px;overflow-wrap:anywhere}
.clearing .warrior{width:16px;height:21px;font-size:10px}
.clearing[data-banner]::after{content:"";position:absolute;left:50%;top:-15px;width:22px;height:22px;background:#537a91;border-left:2px solid #4e3827;clip-path:polygon(0 0,100% 0,75% 30%,100% 60%,8% 60%,8% 100%,0 100%)}
.clearing[data-banner=cats]::after{background:#bd6034}
.rule-banner{height:42px;padding:12px 0;box-sizing:border-box;font:14px monospace}
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.path{background:#dfc69a;border:1px solid #846039;border-radius:4px;min-height:48px;color:#352719;font:12px Georgia;padding:5px}
.path,.reset{cursor:pointer}
.reset{margin:15px 0;width:44px;height:44px;border:1px solid #695033;background:transparent;color:#493422;font-size:23px}
.craft-card{display:block;margin:16px auto;width:230px;max-width:100%;height:265px;padding:9px;background:#eaddbb;border:1px solid #705735;transform:rotate(-3deg);color:#33271b;cursor:pointer;font:14px Georgia}
.craft-card .woodcut{height:155px}
.craft-card span,.craft-card strong{display:block;margin:6px 0}
.craft-pieces{display:flex;gap:16px;justify-content:center;padding:10px}
.craft-forge{min-width:0;width:128px;height:70px;background:#cdb387;color:#322315;border:2px solid #775330;font:14px Georgia;cursor:pointer}
.craft-forge[aria-pressed=true]{transform:rotate(13deg)}
.forges-spent .craft-forge{transform:rotate(90deg) scale(.8)}
.craft-result{overflow:auto;font-size:14px;margin-top:14px;height:auto;min-height:0}
#rules-content h3:nth-of-type(n+4):nth-of-type(-n+13){margin-bottom:280px}
.power-heading{display:block;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.power-plate{position:relative;height:260px;box-sizing:border-box;margin-top:-260px;margin-bottom:0;padding:16px;border:2px solid #78603c;background:#e8d8b2;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;overflow:auto;font:16px/1.45 Georgia}
.power-plate .woodcut{height:180px}
.power-scoring{grid-column:1/-1}
.power-plate[data-open=false]{background:#b6b994 url(art/back.webp) 50%/130px auto no-repeat;overflow:hidden}
.power-plate[data-open=false]>*{visibility:hidden}
.edge{position:absolute;left:-20px;top:-60px;width:30px;height:100px;overflow:hidden;z-index:1}
.edge .woodcut{width:90px;height:100px;max-width:none;transform:translateX(-85px)}
.edge.peeking{width:75px}
.edge.peeking .woodcut{transform:translateX(-15px)}



/* CSS stand-ins: sun and lantern art is pending. */[data-toy=wood-sun]{position:absolute;right:12%;top:28px;width:60px;height:60px;z-index:3}
.sun{width:100%;height:100%;border:0;border-radius:50%;background:#d8af5f url(art/rules-sun.webp) 50%/contain no-repeat;cursor:pointer}
.dusk .cover-art{filter:sepia(.25) brightness(.66) saturate(.7)}
.dusk .sun{transform:translateY(45px);opacity:.25}
.dusk.fall[data-motion=move]{animation:wood-evening .7s ease-out}
@keyframes wood-evening{30%{filter:sepia(.65)}
to{filter:none}}
.burrow-door{position:relative;display:block;width:145px;height:160px;border:0;background:transparent;cursor:pointer}
.burrow-door .woodcut{height:160px}
.lantern-light{position:absolute;left:56%;top:55%;width:12px;height:18px;border:2px solid #584329;background:#806638 url(art/rules-lantern.webp) 50%/contain no-repeat}
.lantern-lit .lantern-light{background-color:#eabe68;box-shadow:0 0 20px 8px #df9b4855}
.fall[data-motion=move]{animation:wood-fall .38s ease-out}
.return[data-motion=move]{animation:wood-return .42s ease-out}
@keyframes wood-fall{0%{transform:translateY(-10px) rotate(-2deg)}}
@keyframes wood-return{50%{transform:translateX(12px)}
to{transform:translateX(0)}}
.power-heading:focus-visible{outline:3px solid #9b4824;outline-offset:3px}
[data-toy] button:focus-visible{outline:3px solid #9b4824;outline-offset:3px}
.side-pieces{position:relative}
.casualty{position:absolute;right:0;top:0;opacity:0}
.fall[data-motion=move] .casualty{animation:casualty .4s}
.fall[data-motion=move] .side-die{animation:wood-return .4s}
@keyframes casualty{0%{opacity:1}
to{opacity:0;transform:translateY(20px)}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.deadfall-card[data-played=true]{transform:rotate(-6deg)}
.paper,[data-toy=wood-battle]{height:auto}
.battle-side .woodcut{height:135px}
.battle-report:empty{display:none}
[data-toy=wood-craft],[data-toy=wood-paths]{height:auto}
.craft-result:empty{display:none}
[data-toy] *{transition:transform .3s,translate .3s,opacity .3s}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}
