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

:root{
  --bg:#14100c; /* games/coup/style.css :root --bg: #14100c */
  --sheet:#14100c; /* games/coup/style.css :root --bg: #14100c */
  --ink:#f3ead6; /* games/coup/style.css :root --ivory: #f3ead6 */
  --muted:#cdbf9f; /* games/coup/style.css :root --text-2: #cdbf9f */
  --accent:#ecd08c; /* games/coup/style.css :root --gold-text: #ecd08c */
  --line:#4b3b27; /* games/coup/style.css :root --line: #4b3b27 */
  --display:'Cinzel','EB Garamond',Georgia,serif; /* games/coup/style.css :root --display: 'Cinzel','EB Garamond',Georgia,serif */
  --reading:'EB Garamond',Garamond,Georgia,serif; /* games/coup/style.css :root --serif: 'EB Garamond',Garamond,Georgia,serif */
  --label:'Alegreya Sans','Segoe UI',system-ui,sans-serif; /* games/coup/style.css :root --sans: 'Alegreya Sans','Segoe UI',system-ui,sans-serif */
  --titleInk:#ecd08c; /* games/coup/style.css :root --gold-text: #ecd08c */
  --dot:#d24a34; /* games/coup/style.css :root --cinnabar: #d24a34 */
  --weight:600; /* games/coup/style.css .coup-hero h1: 600 */
  --tracking:normal; /* games/coup/style.css .seat-name: normal */
  --casing:none; /* games/coup/style.css button: none */
  --italic:normal; /* games/coup/style.css .seat-name: normal */
  --buttonBg:linear-gradient(135deg,#9c742c 0,#e2c374 24%,#b08636 46%,#f0d995 66%,#a57c30 86%,#d9b862 100%); /* games/coup/style.css :root --leaf: linear-gradient(135deg,#9c742c 0,#e2c374 24%,#b08636 46%,#f0d995 66%,#a57c30 86%,#d9b862 100%) */
  --buttonInk:#1e1408; /* games/coup/style.css button: #1e1408 */
  --buttonBorder:#8a6a2a; /* games/coup/style.css :root --gold-deep: #8a6a2a */
  --buttonRadius:10px; /* games/coup/style.css button: 10px */
  --buttonShadow:none; /* games/coup/style.css button: none */
  --panel:linear-gradient(180deg,#241b13,#1b140e); /* games/coup/style.css .entry-card: linear-gradient(180deg,#241b13,#1b140e) */
  --panelInk:#f3ead6; /* games/coup/style.css :root --ivory: #f3ead6 */
  --panelMuted:#cdbf9f; /* games/coup/style.css :root --text-2: #cdbf9f */
  --panelBorder:#8a6a2a; /* games/coup/style.css :root --gold-deep: #8a6a2a */
  --panelRadius:14px; /* games/coup/style.css button.ghost: 14px */
  --panelShadow:0 0 0 1px #d9b45f22,0 14px 36px #0007; /* games/coup/style.css .entry-bots: 0 0 0 1px #d9b45f22,0 14px 36px #0007 */
  --cover-position:50% 10%;
  --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)}
.cover::after{background:linear-gradient(180deg,transparent 66.6667%,var(--bg) 100%)}.title-name{background:linear-gradient(135deg,#9c742c 0,#e2c374 24%,#b08636 46%,#f0d995 66%,#a57c30 86%,#d9b862 100%);background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000a)}

/* Court objects use the same whole icon paintings, solidus and enamel seals as the game. */[data-toy=court-initial],[data-toy=office-cards]{position:absolute;width:1px;height:1px}
.office-spread,[data-owner-figure]{padding:16px;background:#241b13 url(assets/table-mosaic.webp) 50%/cover;border:1px solid #73502c;border-radius:4px}
.office-card{display:block;position:relative;width:100%;aspect-ratio:2/3;border:0;padding:0;background:transparent;cursor:pointer;perspective:850px;isolation:isolate;transition:translate .18s,filter .18s}
.office-turn{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0)}
.office-card[data-face=up] .office-turn{transform:rotateY(180deg)}
.office-card .office-back,.office-card .office-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;border-radius:6px}
.office-card .office-face{transform:rotateY(180deg)}
.office-held{translate:0 -12px;filter:drop-shadow(0 12px 6px #0009)}
.office-rule-held{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}
[data-toy=court-challenge]{position:relative;margin:28px 0 36px;height:386px}
.challenge-mosaic{position:absolute;inset:0;padding:16px;background:#241b13 url(assets/table-mosaic.webp) 50%/cover;border:1px solid #73502c;display:grid;justify-items:center;gap:4px;grid-template-rows:32px 178px 118px}
.court-claim{font:600 20px var(--display);color:var(--accent)}
.challenge-cards{display:flex;gap:28px;width:244px;justify-content:center}
.challenge-cards .office-card{width:112px;height:168px;align-self:center}
.influence-lost{filter:grayscale(.85) brightness(.45)}
.court-seals{display:flex;gap:32px}
.court-seal{position:relative;border:0;padding:0;cursor:pointer;background:transparent;color:var(--accent);font:600 14px var(--display);width:96px;height:96px;display:grid;place-items:center}
.court-seal img{object-fit:contain;filter:sepia(.6) saturate(1.3) drop-shadow(0 3px 1px #000);position:relative;width:54px;height:54px;margin:0;transform:none}
.court-seal span{display:block;position:absolute;top:100%;font-size:13px}
.court-seal:focus-visible{outline-offset:0}
[data-toy=court-coins]{height:170px;position:relative;margin:20px 0 32px;background:radial-gradient(ellipse at 50% 75%,#a8813c22,transparent 65%)}
.solidus-pile{position:absolute;left:50%;top:16px;width:220px;height:108px;transform:translateX(-50%)}
.solidus{position:absolute;width:62px;height:62px;object-fit:contain;left:calc(15px + mod(var(--coin),4) * 39px);top:calc(42px - round(down,var(--coin) / 4) * 16px);filter:drop-shadow(0 3px 1px #0008)}
.treasury-count{position:absolute;bottom:4px;width:100%;text-align:center;font:600 18px var(--display);color:var(--accent)}
.treasury-action{position:relative;display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.treasury-action:disabled{opacity:.55;cursor:default}
.dagger-ready::after{content:"";position:absolute;bottom:-6px;left:0;right:-12px;height:4px;background:var(--accent);clip-path:polygon(0 25%,78% 25%,78% 0,100% 50%,78% 100%,78% 75%,0 75%)}
[data-toy=mosaic-gold]{position:absolute;left:35%;top:12%;width:30%;height:28%;z-index:0}
.mosaic-touch{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.cover.gold-touched::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 160px 90px at var(--glint-x,50%) var(--glint-y,35%),#f6d78066,transparent);mix-blend-mode:screen}
.cover-copy{position:relative;pointer-events:none}
.cover-copy a{pointer-events:auto}
.initial-handled::first-letter{float:none;font:inherit;padding:0}
.typikon-initial{float:left;position:relative;font:var(--weight) 4.1em/.85 var(--display);padding:.08em .13em 0 0;color:var(--accent);border:0;background:none;cursor:pointer}
.typikon-initial.sealed::after{content:"";position:absolute;width:38px;height:38px;bottom:0;right:-3px;background:url(assets/seals/duke.webp) 50%/contain no-repeat;transform:rotate(-15deg);animation:seal-press .22s ease-out}
@keyframes seal-press{0%{transform:rotate(-15deg) scale(1.5);opacity:.2}
to{transform:rotate(-15deg) scale(1)}}



/* Temporary wax surrounds until the named painted seals in art-wanted.md arrive.
   The existing enamel icons remain real art; these CSS wax discs are stand-ins. */.court-seal::before{content:"";position:absolute;background:radial-gradient(circle at 38% 30%,#aa4f38,#70251e 62%,#491a18);inset:0;width:96px;height:96px;background-color:transparent;background-repeat:no-repeat;box-shadow:none;border-radius:0;background-size:100% 100%}
.court-seal[aria-label=Believe]::before,.court-seal[aria-label=Challenge]::before{background-size:contain}
#rules-content>[data-owner-figure]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 32px}
#rules-content>[data-owner-figure]>figure{margin:0;min-width:0}
@media(max-width:560px){#rules-content>[data-owner-figure]{grid-template-columns:repeat(3,minmax(0,1fr))}}
[data-toy]{overflow:clip;min-width:0;max-width:100%;overflow-wrap:anywhere;transition:height .26s ease}
[data-toy] [hidden]{display:none!important}
.court-seal:active{transform:translateY(2px)}
.court-seal:active img,.court-seal:active::before{transform:none}
.court-seal:active::before{box-shadow:inset 0 5px 12px #250909aa;border-radius:45%}
.court-seal[aria-label=Believe]::before{background-image:url(assets/rules-believe-wax.webp)}
.court-seal[aria-label=Challenge]::before{background-image:url(assets/rules-challenge-wax.webp)}
@media(prefers-reduced-motion:reduce){[data-toy],[data-toy] *{animation:none!important;transition:none!important}}