.ctgRules{max-width:78ch;margin:auto;line-height:1.6;padding:1rem}.ctgRules img{max-width:100%;height:auto}.ctgRules h2{margin-top:1.5em}.ctgRules li{margin:.4em 0}

/* Illustrated rules, scoped independently of the game board. */
.ctgRules.ctgRulesIllustrated{container-type:inline-size;max-width:760px;padding:clamp(10px,3%,24px);color:#38291e;background:#f4ead5;font:15px/1.65 system-ui,sans-serif;overflow-wrap:break-word;border:1px solid #d6bd93;border-radius:5px}
.ctgRulesIllustrated *{box-sizing:border-box}.ctgRulesIllustrated .ctgRuleHero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-1px -1px 14px;padding:16px 12px;background:linear-gradient(120deg,#493323,#775332);color:#fff3d8;border-bottom:4px solid #ac7f47}
.ctgRulesIllustrated .ctgRuleHero h1{font:30px/1.1 Georgia,serif;margin:5px 0;color:inherit}.ctgRulesIllustrated .ctgRuleHero span{font-size:11px;letter-spacing:1px}.ctgRulesIllustrated .ctgRuleHeroCards{display:flex;padding-right:12px}.ctgRulesIllustrated .ctgRuleHeroCards img{width:46px;height:auto;margin-right:-15px;box-shadow:0 3px 5px #0005;border-radius:3px}.ctgRulesIllustrated .ctgRuleHeroCards img:first-child{transform:rotate(-10deg)}.ctgRulesIllustrated .ctgRuleHeroCards img:last-child{transform:rotate(9deg)}
.ctgRulesIllustrated .ctgRuleContents{border:1px solid #ccb48b;background:#fff8e9;padding:8px 12px;margin-bottom:20px;border-radius:4px}.ctgRulesIllustrated .ctgRuleContents summary{cursor:pointer;font-weight:600}.ctgRulesIllustrated .ctgRuleContents nav{display:grid;gap:5px;padding-top:8px}.ctgRulesIllustrated .ctgRuleContents a{color:#7c2f30;text-decoration:underline;font-size:13px}
.ctgRulesIllustrated .ctgRuleSection{margin:0 0 24px;scroll-margin-top:12px}.ctgRulesIllustrated .ctgRuleSection h2{font:600 19px/1.3 Georgia,serif;color:#fff7e6;background:#873e3e;padding:8px 10px;margin:0 0 12px;border-left:4px solid #c49959;border-radius:0 3px 3px 0;overflow-wrap:normal}
.ctgRulesIllustrated p{margin:10px 0}.ctgRulesIllustrated ul{padding-left:21px;margin:10px 0}.ctgRulesIllustrated li{margin:8px 0;padding-left:2px}.ctgRulesIllustrated li::marker{color:#873e3e}.ctgRulesIllustrated b{font-weight:700}
.ctgRulesIllustrated .ctgRuleImportant{background:#ecddbf;border:1px solid #c7a477;border-left:4px solid #873e3e;padding:10px 12px;border-radius:3px}.ctgRulesIllustrated .ctgRuleExample{background:#fff9ed;border-left:3px solid #bd955e;padding:10px 12px;margin-bottom:0}
.ctgRulesIllustrated .ctgRuleArt{margin:14px 0 20px;padding:12px 8px;background:#e7d6b5;border:1px solid #d2b88d;border-radius:4px;max-width:100%}.ctgRulesIllustrated .ctgRuleArt img{display:block;height:auto;border-radius:3px;box-shadow:0 2px 4px #4d301e40}
.ctgRulesIllustrated .ctgRuleGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;text-align:center}.ctgRulesIllustrated .ctgRuleGallery img{width:100%;max-width:100px;margin:auto}.ctgRulesIllustrated .ctgRuleGallery span{display:block;font-size:11px;line-height:1.3;margin-top:6px}
.ctgRulesIllustrated .ctgRuleSetup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:380px;margin:auto}.ctgRulesIllustrated .ctgRuleSetup img{width:100%}.ctgRulesIllustrated .ctgRuleEmpty{aspect-ratio:5/7;border:2px dashed #997a52;border-radius:4px}
.ctgRulesIllustrated .ctgRuleCompare{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:8px}.ctgRulesIllustrated .ctgRuleCompare>div{min-width:0;text-align:center}.ctgRulesIllustrated .ctgRuleCompare>div>span:last-child{display:block;font-weight:700;margin-top:6px}.ctgRulesIllustrated .ctgRuleArrow{font-size:24px;color:#873e3e}.ctgRulesIllustrated .ctgRuleFan{display:flex;justify-content:center;padding-right:25px}.ctgRulesIllustrated .ctgRuleFan img{width:clamp(25px,11cqw,55px);min-width:0;margin-right:-25px;flex-shrink:0}
.ctgRulesIllustrated .ctgRuleScore{display:flex;gap:3px;align-items:center;flex-wrap:wrap;margin:8px 0}.ctgRulesIllustrated .ctgRuleScore img{width:clamp(24px,10cqw,58px)}.ctgRulesIllustrated .ctgRuleScore strong{margin-left:auto;color:#873e3e;font:700 24px Georgia,serif}
.ctgRulesIllustrated .ctgRuleFooter{display:flex;justify-content:flex-end;border-top:1px solid #cfb58d;padding-top:12px}.ctgRulesIllustrated .ctgRuleFooter img{width:56px;height:auto}
@container(min-width:500px){.ctgRulesIllustrated .ctgRuleGallery{grid-template-columns:repeat(5,minmax(0,1fr))}.ctgRulesIllustrated .ctgRuleContents nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ctgRulesIllustrated .ctgRuleHero h1{font-size:38px}}
.ctgRulesIllustrated .ctgRuleHero>div:first-child{min-width:0}.ctgRulesIllustrated .ctgRuleHeroCards{flex:0 0 86px;padding-right:14px}.ctgRulesIllustrated .ctgRuleHeroCards img{width:38px;margin-right:-14px;flex-shrink:0}.ctgRulesIllustrated .ctgRuleHero h1{font-size:clamp(24px,8cqw,38px)}