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

:root{
  --bg:#0d171e; /* games/werewords/style.css :root --bg: #0d171e */
  --ink:#f4dfbb; /* games/werewords/style.css :root --paper: #f4dfbb */
  --muted:#aec0c4; /* games/werewords/style.css :root --muted: #aec0c4 */
  --accent:#ed8b50; /* games/werewords/style.css :root --accent: #ed8b50 */
  --line:#3e5056; /* games/werewords/style.css :root --line: #3e5056 */
  --panel:linear-gradient(135deg,#182d37,#13242d); /* games/werewords/style.css .panel: linear-gradient(135deg,#182d37,#13242d) */
  --display:Georgia,'Times New Roman',serif; /* games/werewords/style.css :root: Georgia,'Times New Roman',serif (inherited/default) */
  --reading:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; /* games/werewords/style.css :root: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif */
  --label:ui-monospace,monospace; /* games/werewords/style.css .ending-art figcaption: ui-monospace,monospace */
  --sheet:#0d171e; /* games/werewords/style.css :root --bg: #0d171e */
  --titleInk:#f4dfbb; /* games/werewords/style.css :root --paper: #f4dfbb */
  --dot:#ed8b50; /* games/werewords/style.css :root --accent: #ed8b50 */
  --weight:700; /* games/werewords/style.css .word: 700 */
  --tracking:-.03em; /* games/werewords/style.css h1,h2: -.03em */
  --casing:none; /* games/werewords/style.css [hidden]: none */
  --italic:normal; /* games/werewords/style.css .secret .word: normal */
  --buttonBg:#f4dfbb; /* games/werewords/style.css :root --paper: #f4dfbb */
  --buttonInk:#121f27; /* games/werewords/style.css :root --ink: #121f27 */
  --buttonBorder:#f4dfbb; /* games/werewords/style.css :root --paper: #f4dfbb */
  --buttonRadius:5px; /* games/werewords/style.css button: 5px */
  --buttonShadow:none; /* games/werewords/style.css [hidden]: none */
  --panelInk:#f4dfbb; /* games/werewords/style.css :root --paper: #f4dfbb */
  --panelMuted:#aec0c4; /* games/werewords/style.css :root --muted: #aec0c4 */
  --panelBorder:#3e5056; /* games/werewords/style.css :root --line: #3e5056 */
  --panelRadius:6px; /* games/werewords/style.css :root: 6px */
  --panelShadow:0 10px 30px #0002; /* games/werewords/style.css .panel: 0 10px 30px #0002 */
  --cover-position:50% 48%;
  --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)}

[data-toy=folded-cover]{height:390px;margin:22px 0;position:relative}
[data-toy=answer-trays]{height:420px;margin:22px 0;position:relative}
[data-toy=sealed-vote]{height:430px;margin:22px 0;position:relative}
.uw-table{position:absolute;inset:0;background:linear-gradient(15deg,#211c18ee,#473627eb),url(assets/back-room-1280.webp) bottom/cover;border:1px solid #78654b;border-radius:50%/6%;box-shadow:inset 0 0 40px #080a09;padding:18px;color:#eee2c9;box-sizing:border-box}
.uw-blank,.uw-coffee,.uw-lamp-pull,.uw-table button{cursor:pointer;font:inherit}
.uw-blank:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.uw-coffee:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.uw-lamp-pull:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.uw-table button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.uw-table button:disabled{cursor:default;opacity:.55}
.uw-cover-table{display:flex;align-items:center;justify-content:center;gap:22px}
.uw-fold{position:relative;width:min(68%,270px);height:332px;padding:0;border:0;background:#e5d8b9;box-shadow:6px 9px 0 #0e121580;perspective:700px;color:#251f1c}
.uw-card-back{position:absolute;inset:0;display:grid;place-items:center;letter-spacing:.12em;background:linear-gradient(90deg,#e7d8b8,#b8a683 49%,#f3e5c8 51%);transition:transform .35s,opacity .2s;transform-origin:left;z-index:1}
.uw-role-face{display:flex;position:absolute;inset:0;flex-direction:column;align-items:center;padding:12px;gap:5px;opacity:0;transition:opacity .2s}
.uw-role-face img{width:124px;height:124px;object-fit:contain}
.uw-role-face strong{font:700 20px Georgia,serif}
.uw-duty{font:15px/1.4 Georgia,serif}
.uw-word{font:700 18px Georgia,serif;border-top:1px solid #62533b;padding-top:8px}
.uw-fold[data-open=true] .uw-card-back{transform:rotateY(-85deg);opacity:0}
.uw-fold[data-open=true] .uw-role-face{opacity:1}
.uw-redeal{margin-left:auto;height:44px}
.uw-redeal,.uw-refill,.uw-stack{width:44px;border:1px solid #b6a27d;background:#e6d6b5;color:#31281e;box-shadow:3px 3px #77654d,6px 6px #1d1b16;flex-shrink:0}
.uw-refill,.uw-stack{height:56px}
.uw-trays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.uw-token{background:transparent;border:0;color:inherit;padding:0;min-width:0;display:flex;align-items:center;flex-direction:column;gap:3px}
.uw-token img{width:100%;max-width:82px;height:auto;aspect-ratio:1}
.uw-token span{font:14px Georgia,serif}
.uw-token small{font:18px Georgia,serif}
.uw-pool{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;max-width:300px;margin:20px auto}
.uw-pool i{aspect-ratio:1;border-radius:50%;background:#d9c594;box-shadow:0 2px #89734c}
.uw-pool i[data-spent=true]{opacity:.12}
.uw-received{position:absolute;bottom:66px;left:44%}
.uw-received,.uw-received img{width:74px;height:74px}
.uw-slid{animation:uw-slide .38s ease-out}
.uw-table-note{position:absolute;bottom:15px;left:16px;right:16px;font:16px/1.4 Georgia,serif;min-height:45px}
.uw-hourglass{position:absolute;bottom:68px;left:22px;width:72px;height:108px;background:none;border:0;color:#f1dfae}
.uw-glass-shape{display:block;width:56px;height:82px;background:linear-gradient(0deg,#cda960 30%,#b49b6a22 0);clip-path:polygon(0 0,100% 0,58% 50%,100% 100%,0 100%,42% 50%);border-top:7px solid #cab58b;border-bottom:7px solid #cab58b;transition:transform .35s}
.uw-glass-marks{display:block;font:13px Georgia,serif;opacity:0}
.uw-hourglass[aria-expanded=true] .uw-glass-marks{opacity:1}
.uw-hourglass[aria-expanded=true] .uw-glass-shape{transform:rotate(180deg)}
.uw-refill{position:absolute;bottom:92px;right:25px}
.uw-ballots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px auto;max-width:480px}
.uw-ballot{position:relative;border:0;background:#e5d8b9;color:#31251b;padding:0;height:130px;min-width:0;perspective:600px}
.uw-ballot-back{position:absolute;inset:0;display:grid;place-items:center;font:36px Georgia,serif;background:repeating-linear-gradient(45deg,#c8b691 0 2px,#e4d5b5 2px 6px)}
.uw-ballot-face{display:flex;position:absolute;inset:0 0 24px;flex-direction:column;align-items:center;opacity:0;transform:rotateY(90deg);transition:transform .35s,opacity .25s}
.uw-ballot-face img{width:80px;height:80px}
.uw-ballot-face span{font:14px Georgia,serif}
.uw-seat{position:absolute;bottom:0;left:0;right:0;background:#eee0bc;font:14px/24px Georgia,serif}
.uw-ballot[data-face=up] .uw-ballot-face{opacity:1;transform:none}
.uw-ballot[data-face=up] .uw-ballot-back{opacity:0}
.uw-ballot[data-face=up]:disabled{opacity:1}
.uw-stamps{display:flex;gap:14px;align-items:center}
.uw-stamp{min-height:44px;border:2px solid #9c7658;background:#201b17;color:#e7c7a2;font:14px Georgia,serif!important;transform:rotate(-3deg);padding:8px}
.uw-stamp[aria-pressed=true]{border-color:#e8c486;box-shadow:0 2px 0 #e8c486}
[data-toy=room-lamp]{position:absolute;z-index:1;left:calc((100cqw - var(--uw-w)) * .5 + var(--uw-w) * .494);top:calc((100cqh - var(--uw-h)) * .48);width:calc(var(--uw-w) * .075);height:calc(var(--uw-h) * .16)}
.uw-lamp-pull{border:0;background:transparent;width:100%;height:100%}
.cover.uw-dim .cover-art{filter:brightness(.65)}
.cover-art{transition:filter .3s}
.cover-copy{pointer-events:none}
.cover-copy a{pointer-events:auto}
[data-toy=coffee-cup]{height:100px;position:relative;margin-top:16px}
.uw-coffee{position:relative;width:68px;height:66px;border:0;border-radius:8px 8px 22px 22px;background:#c1af8f;box-shadow:inset 0 8px #372a22,5px 4px #100f0c;background-image:url(assets/rules-coffee-cup.webp);background-size:contain;background-repeat:no-repeat}
.uw-coffee::after{content:"";right:-20px;top:12px;width:26px;height:32px;border:7px solid #c1af8f;box-sizing:border-box}
.uw-coffee::after,.uw-steam{position:absolute;border-radius:50%}
.uw-steam{left:25px;top:-20px;width:16px;height:35px;border-left:3px solid #ddd2b5;opacity:0}
.uw-coffee[data-warm=true] .uw-steam{animation:uw-steam .9s ease-out}



/* Temporary painted cup stand-in; replace with assets/rules-coffee-cup.webp. */[data-toy=blank-cover]{height:90px;position:relative}
.uw-blank{margin-left:60%;width:110px;height:62px;background:#dbceb0;border:0;transform:rotate(6deg);box-shadow:4px 5px #151512;transition:transform .3s}
.uw-blank span{display:block;transform:scaleX(-1);visibility:hidden;color:#31251b;font:16px Georgia,serif}
.uw-blank[aria-pressed=true]{transform:rotate(-5deg)}
.uw-blank[aria-pressed=true] span{visibility:visible}
@keyframes uw-slide{0%{transform:translateY(-95px) rotate(-25deg);opacity:.3}}
@keyframes uw-steam{0%{opacity:0;transform:translateY(8px)}
35%{opacity:.7}
to{opacity:0;transform:translateY(-28px)}}
@media(prefers-reduced-motion:reduce){.uw-coffee[data-warm=true]{box-shadow:0 0 0 3px #dac398}}
#rules-content [data-toy] strong{color:inherit}
.cover{container-type:size;--uw-w:max(100cqw,209.836cqh);--uw-h:max(100cqh,47.656cqw)}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere;transition:height .26s ease}
[data-toy] [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}