/* Generated by game-rules.mjs. Edit game-rules-themes.mjs. */
@font-face{font-family:'Lantern Mincho';src:url("/play/games/legal-fiction/fonts/lantern.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Hollow Uncial';src:url("/play/games/legal-fiction/fonts/hill.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Stove Literata';src:url("/play/games/legal-fiction/fonts/stove.woff2") format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Roadside Type';src:url("/play/games/legal-fiction/fonts/roadside.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Orchard Lora';src:url("/play/games/legal-fiction/fonts/orchard.woff2") format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Gate Serif';src:url("/play/games/legal-fiction/fonts/paper-gate.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Crossing Garamond';src:url("/play/games/legal-fiction/fonts/crossing.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Spindle Fell';src:url("/play/games/legal-fiction/fonts/spindle.woff2") format('woff2');font-weight:400;font-display:swap}
:root{
  --bg:#151d1b; /* games/legal-fiction/style.css .lf: #151d1b */
  --ink:#f0e8d7; /* games/legal-fiction/style.css .lf: #f0e8d7 */
  --muted:#b1b1a3; /* games/legal-fiction/style.css .lf --muted: #b1b1a3 */
  --accent:#d7b873; /* games/legal-fiction/style.css .lf --gold: #d7b873 */
  --line:#ffffff21; /* games/legal-fiction/style.css .lf --line: #ffffff21 */
  --panel:#e9dfca; /* games/legal-fiction/style.css .lf --paper: #e9dfca */
  --display:Georgia,'Times New Roman',serif; /* games/legal-fiction/style.css .lf --serif: Georgia,'Times New Roman',serif */
  --reading:Arial,Helvetica,sans-serif; /* games/legal-fiction/style.css .lf --sans: Arial,Helvetica,sans-serif */
  --label:'Courier New',monospace; /* games/legal-fiction/style.css .lf --mono: 'Courier New',monospace */
  --sheet:#151d1b; /* games/legal-fiction/style.css .lf: #151d1b */
  --titleInk:#f0e8d7; /* games/legal-fiction/style.css .lf: #f0e8d7 */
  --dot:#d7b873; /* games/legal-fiction/style.css .lf --gold: #d7b873 */
  --weight:400; /* games/legal-fiction/style.css .lf h1,.lf h2,.lf h3: 400 */
  --tracking:-7px; /* games/legal-fiction/style.css .opening h1: -7px */
  --casing:none; /* games/legal-fiction/style.css .lf [hidden]: none */
  --italic:normal; /* games/legal-fiction/style.css .status.status-visible: normal */
  --buttonBg:#b24734; /* games/legal-fiction/rule-cards.css .lf.rule-card-game --red: #b24734 */
  --buttonInk:#fff3df; /* games/legal-fiction/style.css .lf .primary: #fff3df */
  --buttonBorder:#b24734; /* games/legal-fiction/rule-cards.css .lf.rule-card-game --red: #b24734 */
  --buttonRadius:3px; /* games/legal-fiction/style.css .lf button: 3px */
  --buttonShadow:none; /* games/legal-fiction/style.css .lf [hidden]: none */
  --panelInk:#191d1b; /* games/legal-fiction/style.css .lf --ink: #191d1b */
  --panelMuted:#191d1b; /* games/legal-fiction/style.css .lf --ink: #191d1b */
  --panelBorder:#ffffff21; /* games/legal-fiction/style.css .lf --line: #ffffff21 */
  --panelRadius:6px; /* games/legal-fiction/style.css .edition: 6px */
  --panelShadow:none; /* games/legal-fiction/style.css .lf [hidden]: none */
  --cover-position:50% 46%;
  --motif:"❧";
}
#rules-content h2::before{content:counter(section,upper-roman);}
.opening-initial::first-letter{float:left;font:var(--weight) 4.1em/.85 var(--display);padding:.08em .13em 0 0;color:var(--accent)}
.play-button{font:600 14px/1.5 var(--reading);padding:13px 22px;justify-content:space-between;gap:25px}.play-button::after{content:"↗";font-size:18px;font-weight:400}.play-button:hover{background:#b34d38}.title-name{font-size:clamp(80px,8.5vw,135px);line-height:.85}.title-name em{color:#d4bb88;font-weight:400}@media(max-width:600px){.title-name{font-size:94px}}.glance{border:8px solid var(--panel);outline:1px solid var(--line);outline-offset:-14px}

[data-toy=guest-hand],[data-toy=moth-pocket],[data-toy=word-workshop]{position:relative;margin:24px 0}
.desk{background:#14221d}
.desk,.pocket{border:1px solid #6c755d;color:#eaddbd}
.pocket{padding:18px;display:grid;grid-template-columns:130px 1fr;grid-template-rows:140px 1fr;gap:10px;background:#20382a}
.table{background:#14221d;border:1px solid #6c755d;color:#eaddbd;display:grid;gap:12px}
.inscription{color:#d9ba81;margin-bottom:10px}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.6}
button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#rules-content [data-toy] strong{color:inherit}
.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#08110d;padding:5px}
.cell{min-width:0;background:#302f25;color:#bbb298;padding:3px;font:700 12px/1.2 Georgia;position:relative;height:44px}
.cell[data-ink=true]{color:#252d23;background:#e5d7b9}
.cell[data-ink=true]::after{content:"";position:absolute;bottom:7px;left:5px;right:5px;border-bottom:2px solid #6a3f25;transform:rotate(-2deg)}
.cell[aria-pressed=true],.word[aria-pressed=true]{outline:2px solid #e8be79;transform:translateY(-4px)}
.spare{background:#263a2d;color:#e4cfa3;border:1px dashed #998970;min-height:44px;padding:7px 16px;font:15px Georgia;margin-top:8px}
.spares{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.word{font:700 13px/1.3 Georgia;min-height:44px;padding:8px;background:#e4d7bd;color:#253426;border:0}
.rules{overflow:auto;padding:12px;background:#e5d9bf;color:#243025;border-left:4px solid #a89066;height:auto}
.rule-line+.rule-line{margin-top:12px}
.rule-line span,.rule-line strong{display:block}
.rule-line strong{font:700 13px/1.4 Georgia}
.rule-line span{font:15px/1.4 Georgia}
.note{font:14px/1.5 Georgia;margin-top:12px}
.resources{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tokens{display:flex;gap:4px;align-items:center}
.tokens strong{font:12px Georgia}
.counter{font:12px/21px Georgia;text-align:center;width:20px;height:22px;background:#d9bf85;color:#243528}
.counter[data-spent=true]{opacity:.2}
.guests{display:grid;gap:12px 9px;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;padding:8px 3px}
.guest{position:relative;min-width:0;padding:20px 3px 6px;display:flex;flex-direction:column;align-items:center;background:#f0e7d6;color:#29392c;border:1px solid #afa185;overflow:hidden;min-height:0}
.guest[aria-pressed=true]{transform:translateY(-7px);outline:2px solid #d69767}
.rank{position:absolute;left:6px;top:3px;font:16px Georgia}
.portrait{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden;max-height:110px}
.portrait img{position:absolute;width:calc(var(--cols) * 100%);height:calc(var(--rows) * 100%);max-width:none}
.guest strong{font:700 12px/1.25 Georgia;padding-top:5px}
.realm{font:10px/1.5 Georgia}
.score{background:#e8dbbf;color:#213426;padding:12px;font:700 19px/1.4 Georgia}
.hand-tools,.tell{display:flex;align-items:center}
.tell{gap:8px;background:none;border:0;color:#e5c286;font:18px Georgia}
.discard{background:#39483c;border:1px solid #a1997e;min-height:44px;padding:8px 16px;color:#f0dfb9;font:16px Georgia}
.redeal{margin-left:auto;background:#e5d9bf;border:0;width:44px;height:55px;color:#27392d;font:25px Georgia}

/* Temporary painted lantern: art/rules-lantern.webp, at Tell and the header. */.lantern{display:block;width:38px;height:56px;border:3px solid #826b43;border-radius:42% 42% 25% 25%;background:#9d804655 url(art/rules-lantern.webp) 50%/contain no-repeat}
.moth{border:1px dashed #b5a582;background:#2b4533;color:#e9d8b4;padding:8px 10px}
.moth img{width:95px;height:95px;margin:auto}
.moth strong{font:14px Georgia}
.moth[data-used=true] img{opacity:.25;transform:translateY(-9px)}
.curio-print{grid-column:1/-1;font:15px/1.5 Georgia}
.coin-pile{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px}
.coin-pile strong{width:100%;text-align:center;font:22px Georgia}
.coin{width:23px;height:23px;border-radius:50%;border:2px solid #d4bb7f;background:#aa8a4a}
[data-toy=score-receipt]{position:relative;margin:8px 0}
.why{font:inherit;color:inherit;background:none;border:0;padding:0;font-style:italic;text-decoration:underline dotted;text-underline-offset:4px}
.breakdown{overflow:auto;background:#e6d9ba;color:#283c2c;padding:16px;font:15px/1.5 Georgia}
.breakdown div+div{margin-top:8px}
[data-toy=score-receipt][data-open=true] .breakdown{animation:lf-unfold .3s ease-out;transform-origin:top}
.breakdown[hidden]{display:none}
.light[aria-pressed=true] .lantern{background-color:#e2b56a;box-shadow:0 0 45px #edb253aa}
.cover.warm .cover-art{filter:sepia(.25) brightness(1.15)}
.cover-copy{pointer-events:none}
.cover-copy a{pointer-events:auto}
.tail{position:absolute;left:3px;top:20px;width:calc(100% - 6px);aspect-ratio:1;background:url(art/beings-atlas.webp) 0 0/300% 200%;clip-path:polygon(0 0,50% 0,51% 30%,40% 52%,56% 88%,0 100%);pointer-events:none;transform-origin:60% 75%}
.fox-touched .tail{animation:lf-tail .4s ease-in-out}
.moth-fed .coin{animation:lf-feed .4s ease-out}
@keyframes lf-tail{50%{transform:rotate(-8deg)}}
@keyframes lf-feed{0%{transform:translateY(-22px);opacity:.2}}
@keyframes lf-unfold{0%{transform:scaleY(.2);opacity:.2}}
@media(max-width:560px){.score{font-size:17px}
.guests{gap:12px 6px}
.guest strong{font-size:11px}
.tokens{gap:2px}
.counter{width:17px}
.cell{font-size:11px}
.grid{gap:4px}
.discard{padding:8px 10px}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere}
[data-toy] [hidden]{display:none!important}
.cover{container-type:size;overflow:clip;--iw:max(100cqw,177.683316cqh);--ih:max(100cqh,56.279904cqw)}
.light[data-found][aria-pressed=true] .lantern{opacity:1}
[data-toy=guest-hand],[data-toy=moth-pocket],[data-toy=score-receipt],[data-toy=word-workshop]{height:auto;min-height:0}
.breakdown,.desk,.pocket,.table{position:relative;inset:auto;height:auto}
.rules,.spares{min-height:0}
.desk,.table{padding:12px}
.hand-tools{gap:8px;flex-wrap:wrap}
.rules:empty{display:none}
[data-toy=score-receipt]:not([data-open=true]){height:0}
.cover .art-hit{background:none;border:0;padding:0;outline:0;cursor:default}
.art-hit:hover{cursor:pointer}
.art-hit:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.art-hit::after,.art-hit::before,.art-hit>*{opacity:0;visibility:hidden}
.art-hit[data-found]::after,.art-hit[data-found]>span{visibility:visible}
.cover-hit{position:absolute;inset:auto;left:calc((100cqw - var(--iw)) * var(--crop-x,.5) + var(--iw) * var(--x));top:calc((100cqh - var(--ih)) * .46 + var(--ih) * var(--y));width:calc(var(--iw) * var(--w));height:calc(var(--ih) * var(--h));z-index:1}
@media(max-width:560px){.cover{--crop-x:0;--cover-position:0% 46%}}
[data-toy] *{transition:transform .3s,translate .3s,opacity .3s}
.cover-hit>button{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}