@import url("./stress-control.css");
.domain-card{border:2px solid #9d99a3;border-radius:17px;overflow:hidden;background:#e8e1d1;color:#282535;box-shadow:0 8px 20px #0004}
.domain-card .crown{height:118px;position:relative;border-bottom:4px solid #d9bc70;background:linear-gradient(130deg,color-mix(in srgb,var(--domain),transparent 20%),#13192966),url('/citadel.png') center 46%/cover}
.domain-card .banner{position:absolute;top:0;left:17px;width:49px;height:95px;clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);background:var(--domain);border-left:2px solid #dfc477;border-right:2px solid #dfc477;display:flex;align-items:center;flex-direction:column;padding:10px;color:#fff}
.domain-card .banner b{font:18px Overpass}
.domain-card .banner img{width:26px;height:26px;object-fit:contain;filter:brightness(0) invert(1);margin-top:6px}
.domain-card .recall{position:absolute;right:15px;top:14px;border:1px solid #d7d3c2;border-radius:50%;width:33px;height:33px;text-align:center;line-height:31px;background:#232938;color:#fff}
.domain-card .kind{position:absolute;bottom:-14px;left:25%;right:25%;background:var(--domain);border:2px solid #d9bc70;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);text-align:center;color:white;font:10px Eveleth;padding:6px}
.domain-card h3{font:16px/1.4 Eveleth;text-align:center;margin:27px 12px 10px;min-height:44px}
.domain-card .rules{height:158px;overflow:auto;padding:0 17px 12px;font-size:13px;line-height:1.6;scrollbar-width:thin}
.domain-card .rules p{margin:0 0 10px}
.domain-card .controls{background:#202837;color:#e2e7ef;padding:15px;min-height:192px;display:flex;flex-direction:column;gap:11px;border-top:1px solid #b7a479}
.domain-card .controls p{font-size:12px;margin:0;color:#bbc7d7}
.domain-card .stepper{display:flex;align-items:center;gap:8px}
.domain-card .stepper>button{width:34px;padding:0;min-height:36px;background:transparent;border-color:transparent;font-size:20px;color:#dbc079}
.domain-card .medallion{width:49px;height:49px;display:grid;place-items:center;position:relative;color:#e6c67e;font:600 20px Overpass}
.domain-card .medallion svg{position:absolute;inset:0;width:100%;height:100%;fill:#3a3440;stroke:#dfc079;stroke-width:1.8}
.domain-card .medallion b{position:relative;font-weight:600}
.domain-card .medallion small{position:absolute;bottom:-12px;font-size:9px;white-space:nowrap}
.domain-card .cost{display:inline-flex;align-items:center;gap:5px}
.domain-card .hope{width:13px;height:13px;display:inline-block;border:2px solid #e8c475;transform:rotate(45deg);box-shadow:inset 0 0 0 2px #202837;background:#e8c475;margin:0 3px}
.domain-card .stress{width:17px;height:17px;stroke:#c8b1e4;fill:none;stroke-width:1.7;vertical-align:middle}
.domain-card .controls select{max-width:100%;background:#293345;color:#e7eaf0;border:1px solid #6a758a;border-radius:4px;padding:6px}
.domain-card .rules{height:150px}
.domain-card .banner img[src$=".png"],.domain-card .copy-domain img[src$=".png"]{filter:grayscale(1) contrast(3);mix-blend-mode:screen}
.domain-card .controls>button{align-self:flex-start}
.domain-card .controls{height:218px;min-height:218px}
.domain-card .controls .pick-options{display:flex;flex-wrap:wrap;gap:6px}
.domain-card .controls .pick-options button{font-size:11px;padding:5px 8px}
.domain-card{border:2px solid #d1b36f;border-radius:14px;box-shadow:0 5px 16px #0005,inset 0 0 0 1px #f2dea345}
.domain-card .crown{height:135px;border-bottom-width:3px}
.domain-card .controls{height:43px;min-height:43px;padding:3px 10px;display:flex;flex-direction:row;gap:9px;align-items:center;justify-content:flex-end;border-top:1px solid #bd9b56;background:#202837;overflow:visible}
.domain-card .controls.no-controls{display:none}
.domain-card .controls>button{align-self:auto}
.domain-card .controls button{min-height:32px;height:32px;min-width:32px;padding:3px 6px;font-size:14px;border:0;background:transparent;border-radius:4px;color:#d8bf83;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.domain-card .controls button:hover{background:#d9bf7b16}
.domain-card .controls button.ready{background:#d9bf7b12}
.domain-card .controls .tiny-label{font:11px/1.2 Overpass;color:#c8d0dc;white-space:nowrap}
.domain-card .controls .split-use{display:flex;align-items:center;justify-content:space-between;width:100%;gap:3px;font:10px/1.15 Overpass}
.domain-card .status-dot{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #9dabb6;box-shadow:0 0 0 3px #111b2844}
.domain-card .status-dot.available{background:#8fbc9d;border-color:#b4d5be}
.domain-card .status-dot.spent{background:transparent;border-color:#78818b;box-shadow:inset 0 0 0 2px #202837}
.domain-card .controls .stepper{gap:0;margin-right:auto}
.domain-card .controls .stepper>button{width:28px;min-width:28px;font-size:18px}
.domain-card .medallion{width:30px;height:30px;font:600 14px Overpass}
.domain-card .medallion svg{fill:#272d37;stroke:#c5ad72;stroke-width:1.4}
.domain-card .medallion b{background:#272d37;min-width:12px;text-align:center;line-height:16px;border-radius:3px}
.domain-card .medallion small,.domain-card .controls .badge,.domain-card .controls .foot{display:none}
.domain-card .controls .cost{gap:3px;font-size:11px}
.domain-card .controls .hope{width:12px;height:12px;margin:0 2px}
.domain-card .controls .stress{width:18px;height:18px}
.domain-card .toggle-track{display:block;width:25px;height:13px;border:1px solid #7d8692;border-radius:10px;padding:2px}
.domain-card .toggle-track i{display:block;width:7px;height:7px;border-radius:50%;background:#7d8692}
.domain-card .toggle-track.on{border-color:#dfc078}
.domain-card .toggle-track.on i{background:#dfc078;margin-left:11px}
.domain-card .fort-threshold{font:12px Overpass;color:#e1cd9e;white-space:nowrap;margin-right:auto}
.domain-card .fort-hp{display:flex;gap:5px}
.domain-card .controls .hp{width:19px;height:12px;min-width:19px;min-height:12px;border:1px solid #aebed3;border-radius:3px;padding:0;background:transparent}
.domain-card .controls .hp.on{background:#da8b95;border-color:#f1b7be}
.domain-card .compact-choices{display:flex;gap:4px;margin-right:auto}
.domain-card .controls .compact-choices button{font-size:10px;border:1px solid #586172;min-height:25px;height:25px}
.domain-card .controls .compact-choices button.ready{border-color:#c7ac69;color:#edd28f}
.domain-card .nested-copy{margin:3px;border:1px solid #ac8e55;border-radius:7px;background:#f0eadc;padding:10px;box-shadow:0 2px 7px #0002}
.domain-card .nested-copy strong{display:block;font:12px Eveleth}
.domain-card .nested-copy small{display:block;font-size:10px;margin:4px 0 7px}
.domain-card .nested-copy p{font-size:12px}
.domain-card .rules{height:182px}
.domain-card h3{min-height:40px;font-size:15px;margin-top:25px}
.domain-card .controls .dot-button{width:32px}
.domain-card .controls button{min-height:36px}
.domain-card .controls{height:46px;min-height:46px}
.domain-card .banner{width:55px;left:16px;padding:7px}
.domain-card .banner b{font-size:21px;font-weight:600}
.domain-card .banner img{width:32px;height:32px;margin-top:5px}
.domain-card .recall{display:flex;align-items:center;justify-content:center;gap:2px;font-weight:600}
.domain-card .recall svg{width:12px;height:21px;fill:#f6cb4f}
.domain-card .kind{padding:2px;border:0;background:#d9bc70;left:22%;right:22%}
.domain-card .kind>span{display:block;padding:5px 7px;background:var(--domain);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
.domain-card .controls{gap:5px;padding:3px 7px}
.domain-card .ability-controls{display:flex;align-items:center;gap:5px;min-width:0;flex:1}
.domain-card .controls .move-card{flex:0 0 33px;width:33px;border-left:1px solid #c5a66166;border-radius:0;margin-left:3px}
.domain-card .card-flags{display:flex;gap:3px;flex-shrink:0}
.domain-card .controls .card-flags .badge{display:block;font-size:9px;padding:1px 3px;white-space:nowrap}
.domain-card .controls:has(.split-use){height:65px}
.domain-card .controls:has(.split-use) .card-flags{display:none}
.domain-card .controls .split-use{display:grid;grid-template-columns:1fr 32px;gap:0 6px;font-size:11px}
.domain-card .status-dot.available{background:#43bd70;border-color:#43bd70;box-shadow:0 0 5px #32c76c55}
.domain-card .active-label{font-size:13px;font-weight:600;color:#43bd70;text-shadow:0 0 5px #32c76c33}
.domain-card .medallion{width:31px;height:33px}
.domain-card .medallion svg{fill:#302d28;stroke:#d2b97b;stroke-width:1.2}
.domain-card .medallion b{background:transparent;font-weight:500}
.domain-card .controls .stepper{margin-right:0}
.domain-card .controls .stepper>button{width:23px;min-width:23px}
.domain-card .spell-reset{color:#d7bd7e;font-size:9px;margin-left:5px}
.domain-card .controls .split-use button{height:28px;min-height:28px}
.domain-card .card-flags:has(.duration-note){flex-direction:column;gap:0}
.domain-card{height:440px;display:flex;flex-direction:column}
.domain-card .crown{flex:0 0 135px}
.domain-card h3{flex-shrink:0}
.domain-card .rules{height:auto;min-height:0;flex:1}
.domain-card .controls{flex:0 0 43px}
.domain-card .controls:has(.split-use){height:65px;flex-basis:65px}
.domain-card .ability-controls>.cost-button:last-child,.domain-card .ability-controls>.ongoing-right:last-child,.domain-card .ability-controls>.toggle-button{margin-left:auto}
.domain-card .fort-threshold{display:flex;gap:3px;margin:0 auto;font-size:11px}
.domain-card .fort-threshold>span{border:1px solid #7f8ea0;border-radius:3px;display:grid;text-align:center;padding:1px 4px;line-height:1.1}
.domain-card .fort-threshold small{font-size:7px;text-transform:uppercase}
.domain-card .fort-threshold b{font-size:12px;font-weight:600}
.domain-card .fort-hp{gap:3px}
.domain-card .controls .hp{width:17px;min-width:17px}
.domain-card .medallion{width:32px;height:32px}
.domain-card .medallion svg{fill:#35485c;stroke:#a2bdd3;stroke-width:1.6}
.domain-card .medallion b{color:#edf2f6;line-height:1;font-size:15px}
.domain-card .medallion svg path,.domain-card .medallion svg rect{vector-effect:non-scaling-stroke}
.domain-card .toggle-track.on{border-color:#43bd70;background:#43bd7022}
.domain-card .toggle-track.on i{background:#43bd70;box-shadow:0 0 5px #43bd7066}
.domain-card .controls .toggle-button{gap:9px}
.domain-card .nested-copy{height:100%;min-height:140px;margin:0;padding:12px;background:#eee6d5;border:0;border-left:3px solid #bca26a;border-radius:0;box-shadow:none;overflow:auto}
.domain-card .rules:has(.nested-copy){padding:0 12px 10px}
.domain-card .nested-copy strong{font-size:13px}
.domain-card .nested-copy p{font-size:13px;line-height:1.55}
.domain-card .ability-controls>.cost-button:last-child,.domain-card .ability-controls>.ongoing-right:last-child,.domain-card .ability-controls>.toggle-button{margin-left:0}
.domain-card:is([data-example="6"],[data-example="7"],[data-example="8"],[data-example="9"],[data-example="10"],[data-example="11"]) .ability-controls>button{order:-2;flex:0 0 62px;width:62px;min-width:62px;justify-content:center;margin:0}
.domain-card[data-example="8"] .ability-controls>button{flex-basis:88px;width:88px;min-width:88px}
.domain-card:is([data-example="9"],[data-example="10"]) .stepper{margin:0 auto;order:0}
.domain-card[data-example="11"] .fort-threshold{order:-1;margin:0 auto}
.domain-card[data-example="11"] .fort-hp{order:0;margin-left:auto}
.domain-card[data-example="13"] .toggle-button{margin:0;justify-content:flex-start}
.domain-card .day-tracker{display:flex;align-items:center;gap:2px;margin-left:auto}
.domain-card .day-banner{display:grid;place-items:center;width:35px;height:34px;background:linear-gradient(#45536a,#253044);border-top:1px solid #d2b875;border-bottom:1px solid #d2b875;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);line-height:1}
.domain-card .day-banner b{font-size:16px;color:#f0d18c;font-weight:600}
.domain-card .day-banner small{font-size:7px;letter-spacing:1px;color:#c4ccdb;padding-bottom:5px}
.domain-card .nested-copy{padding:0;border:1px solid #bda571;border-radius:8px;overflow:hidden;background:#eee6d5;display:flex;flex-direction:column;box-shadow:0 2px 5px #33280e18}
.domain-card .copy-heading{display:flex;gap:10px;align-items:center;padding:10px;background:linear-gradient(115deg,var(--copy-domain),#222b3d);color:#f4ead6;border-bottom:2px solid #c8ad6b;flex:none}
.domain-card .copy-heading>div{min-width:0}
.domain-card .copy-heading small{margin:0 0 3px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#e1c581}
.domain-card .copy-heading strong{font-size:12px;line-height:1.5}
.domain-card .copy-domain{display:flex;align-items:center;gap:6px;flex:none}
.domain-card .copy-domain img{width:26px;height:26px;filter:brightness(0) invert(1)}
.domain-card .copy-domain b{font-size:16px;font-weight:600}
.domain-card .copy-rules{padding:12px;overflow:auto;min-height:0}
.domain-card .copy-rules p{margin:0 0 8px;font-size:13px;line-height:1.6}
.domain-card .controls{position:relative}
.domain-card .controls button{border:1px solid #8e805e;border-radius:4px;background:#293343;padding:3px 6px}
.domain-card .controls .move-card{border:1px solid #8e805e;border-radius:4px;margin-left:3px;flex-basis:30px;width:30px;min-width:30px}
.domain-card .controls .stepper,.domain-card .controls .day-tracker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;display:grid;grid-template-columns:24px 34px 24px;gap:5px;align-items:center;width:92px}
.domain-card .controls .stepper>button,.domain-card .controls .day-tracker>button{width:24px;min-width:24px;height:26px;min-height:26px;padding:0;font:16px/1 Overpass;display:grid;place-items:center;border:1px solid #8e805e;color:#dfc58b}
.domain-card .medallion{width:34px;height:34px;margin:0;isolation:isolate}
.domain-card .medallion svg{fill:none;stroke:none;filter:drop-shadow(0 1px 2px #0007)}
.domain-card .medallion svg .face{fill:#2f4356;stroke:#b0c7d7;stroke-width:1}
.domain-card .medallion svg .facet{fill:#69849c;stroke:#b0c7d766;stroke-width:.5}
.domain-card .medallion svg .rim{fill:#233446;stroke:#a2bdce;stroke-width:.7}
.domain-card .medallion-token svg .face{fill:#4b3e2c;stroke:#d5b873}
.domain-card .medallion-token svg .rim{fill:#2f302e;stroke:#9c824f}
.domain-card .medallion svg .engraving{fill:#ddbf78;stroke:none}
.domain-card .medallion b{font:600 15px/1 Overpass;color:#eff5f8;background:none;min-width:0;transform:translateY(1px)}
.domain-card .medallion-token b{color:#f0d99c}
.domain-card .controls .day-banner{width:34px;height:34px;clip-path:none;border:1px solid #d2b875;border-radius:3px;background:linear-gradient(135deg,#3b485a,#263143);display:flex;flex-direction:column;justify-content:center;gap:2px;padding:2px 0 0;box-shadow:inset 2px 0 #d2b87522,inset -2px 0 #d2b87522}
.domain-card .day-banner b{font-size:15px;line-height:15px}
.domain-card .day-banner small{padding:0;font-size:7px;line-height:8px;letter-spacing:.8px}
.domain-card .fort-defense-group{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px}
.domain-card[data-example="11"] .fort-defense-group .fort-threshold,.domain-card[data-example="11"] .fort-defense-group .fort-hp{margin:0}
.domain-card .fort-defense-group .fort-hp{gap:3px}
.domain-card .fort-defense-group .fort-threshold{gap:3px}
.domain-card .controls .fort-defense-group .hp{width:15px;min-width:15px;height:13px;min-height:13px;padding:0;border-color:#aebed3}
.domain-card[data-example="11"] .ability-controls>button{flex-basis:53px;width:53px;min-width:53px;padding:2px}
.domain-card .copy-summary{display:flex;align-items:center;gap:4px;min-width:0}
.domain-card .copy-summary .tiny-label{white-space:normal;line-height:1.2}
.domain-card .controls .copy-summary button{flex:0 0 24px;min-width:24px;width:24px;height:26px;min-height:26px;padding:0}
.domain-card[data-example="15"] .ability-controls{gap:4px}
.domain-card[data-example="15"] .ability-controls>button{min-width:27px;width:27px;padding:2px}
.domain-card .controls .split-use{grid-template-columns:32px minmax(0,1fr);column-gap:7px}
.domain-card .medallion-d8 svg .d8-inner-rim{fill:none;stroke:#a2bdce;stroke-width:.65}
.domain-card .medallion-d8 b{font-size:13px;text-shadow:0 1px 2px #142535}
.domain-card .copy-domain img[src$=".png"]{filter:grayscale(1) contrast(3);mix-blend-mode:screen}
.domain-card h3{min-height:0;margin:22px 12px 8px;line-height:1.4}
.domain-card{background:radial-gradient(ellipse at 20% 25%,#fffaf033,transparent 70%),repeating-linear-gradient(105deg,#ffffff05 0 1px,#55401c03 1px 3px),#e8e1d1;border-color:#c9ad6d;box-shadow:0 5px 15px #0004,inset 0 0 0 1px #fff3c34d}
.domain-card .crown{box-shadow:inset 0 1px #ffecb433,inset 0 -10px 20px #121b2422}
.domain-card .kind{background:linear-gradient(110deg,#a88a47,#f0d99c 48%,#b59552)}
.domain-card .rules,.domain-card .copy-rules{font-size:13px;line-height:1.55;color:#302c29;text-wrap:pretty;scrollbar-color:#9e947f #d8cfbc55;scrollbar-gutter:stable}
.domain-card .rules p,.domain-card .copy-rules p{margin:0 0 9px}
.domain-card .rules p:last-child,.domain-card .copy-rules p:last-child{margin-bottom:0}
.domain-card .rule-key{font-weight:650;color:#242329}
.domain-card .rule-name{display:block;font-weight:700;font-size:13px;color:#423826;margin-bottom:3px}
.domain-card .rule-option{padding-left:10px;text-indent:-10px;margin-bottom:4px!important}
.domain-card .controls{background:linear-gradient(#242e3c,#202937);border-top-color:#a78f5955}
.domain-card .controls button{border-color:#9d89604d;background:#ffffff03;box-shadow:inset 0 1px #ffffff06}
.domain-card .controls button:hover{border-color:#d4bc7b;background:#d4bc7b10}
.domain-card .controls button:focus-visible{outline:2px solid #82cbdf;outline-offset:2px}
.domain-card .controls .stepper>button,.domain-card .controls .day-tracker>button,.domain-card .controls .move-card{border-color:#9d896066;background:#ffffff03}
.domain-card .controls button:has(.active-label){border-color:#43bd7077;background:#43bd7010;box-shadow:inset 0 0 7px #43bd7009,0 0 4px #43bd7018}
.domain-card .controls button:has(.status-dot.spent){border-color:#7d89904d;background:#7d899008}
.domain-card .controls .card-flags .badge{border-color:#b29a61;color:#d1bd8d}
.domain-card h3{color:#282633;letter-spacing:.1px}
.domain-card .crown{background-image:linear-gradient(90deg,#11182718,transparent 45%,#11182712),var(--domain-art,url('/citadel.png'));background-position:center 45%;background-size:cover}
.domain-card .crown{height:176px;flex-basis:176px;background:linear-gradient(120deg,var(--domain),#182331);border-bottom:0;isolation:isolate;box-shadow:none}
.domain-card .crown::before{content:"";position:absolute;inset:0 0 0 66px;background-image:var(--domain-art,url('/citadel.png'));background-size:cover;background-position:var(--art-position,50% 45%);background-repeat:no-repeat;z-index:-1}
.domain-card .crown::after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#a78943,#f2d88e 35%,#b99649 65%,#e4c77d);clip-path:polygon(0 0,32% 0,35% 65%,65% 65%,68% 0,100% 0,100% 38%,69% 38%,66% 100%,34% 100%,31% 38%,0 38%);pointer-events:none}
.domain-card .banner{left:9px;width:48px;height:96px;border-color:#dcc27f}
.domain-card .recall{right:9px;top:9px;width:29px;height:29px;font-size:13px;background:#182331e8}
.domain-card .kind{z-index:2;left:29%;right:29%;bottom:-8px;padding:2px;clip-path:polygon(0 50%,10% 0,90% 0,100% 50%,90% 100%,10% 100%);background:linear-gradient(110deg,#a78943,#f5df9e 48%,#bc9b52);font-size:9px}
.domain-card .kind>span{padding:3px 5px;clip-path:polygon(0 50%,10% 0,90% 0,100% 50%,90% 100%,10% 100%)}
.domain-card h3{margin:16px 12px 6px;line-height:1.2;font-size:15px}
.domain-card .rules,.domain-card .copy-rules{line-height:1.35}
.domain-card .rules p,.domain-card .copy-rules p{margin-bottom:6px}
.domain-card .rule-option{margin-bottom:3px!important}
.domain-card[style*="arcana-"]{--art-position:45% 42%}
.domain-card[style*="blade-"]{--art-position:45% 40%}
.domain-card[style*="bone-"]{--art-position:30% 45%}
.domain-card[style*="codex-"]{--art-position:48% 45%}
.domain-card[style*="dread-"]{--art-position:50% 48%}
.domain-card[style*="grace-"]{--art-position:45% 42%}
.domain-card[style*="midnight-"]{--art-position:52% 42%}
.domain-card[style*="sage-"]{--art-position:42% 45%}
.domain-card[style*="splendor-"]{--art-position:50% 42%}
.domain-card[style*="valor-"]{--art-position:48% 42%}
.domain-card .crown{background-image:linear-gradient(90deg,#17212ce6, #17212c99 20%,#17212c00 42%),var(--domain-art,url('/citadel.png'));background-size:cover;background-position:var(--art-position,50% 45%)}
.domain-card .crown::before{mask-image:linear-gradient(90deg,transparent,#000 16px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px)}
.domain-card .crown{border-bottom:6px solid #d5b66b;background-clip:padding-box}
.domain-card .crown::after{bottom:-6px;height:6px;clip-path:none;background:linear-gradient(90deg,#b19350,#f0d793 45%,#b19350)}
.domain-card .kind{left:27%;right:27%;font-size:10px;line-height:12px;bottom:-14px}
.domain-card .kind>span{padding:4px 6px}
.domain-card h3{margin-top:19px}
.domain-card[style*="bone-"] .crown::before{left:80px;background-position:0% 45%}
.domain-card[style*="bone-"] .crown::before{background-position:25% 45%}
.domain-card .recall{font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;gap:2px;padding:2px 0 0}
.domain-card .recall svg{width:11px;height:19px;flex:none;transform:translateY(-1px)}
.domain-card .recall-number{display:block;line-height:1;transform:translateY(1px)}
/* Production face: identical anatomy in loadout, vault, library and every picker. */
.domain-card.domain-card{padding:0!important;width:320px;min-width:0;max-width:100%;height:440px!important;min-height:440px!important;max-height:440px!important;display:flex!important;flex-direction:column!important;text-align:left;gap:0!important;overflow:hidden;flex-shrink:0;background:#e8e1d1!important;color:#302c29!important}
.domain-card.domain-card .crown{margin:0!important;height:176px;flex:0 0 176px;border-radius:0;position:relative}
.domain-card.domain-card h3{font:15px/1.2 Eveleth,sans-serif!important;text-align:center;margin:19px 12px 6px!important;padding:0!important;min-height:0!important;color:#282633!important;flex:none}
.domain-card.domain-card .rules{font:13px/1.35 Overpass,sans-serif!important;flex:1;min-height:0;height:auto;overflow:auto;padding:0 17px 12px!important;color:#302c29!important;text-transform:none;letter-spacing:normal}
.domain-card .rules p{font:inherit!important;color:inherit!important;margin:0 0 6px!important;padding:0!important}
.domain-card .controls{height:auto;min-height:43px;flex:0 0 auto;display:flex!important;align-items:center;gap:5px;padding:3px 7px!important}
.domain-card .domain-feature-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.domain-card .domain-feature-row{position:relative;min-height:32px;display:flex;align-items:center;gap:5px}
.domain-card .domain-feature-row .card-flags{margin-left:auto;display:flex;flex-direction:row}
.domain-card .domain-feature-row .badge{display:block;font:9px/1.2 Overpass;padding:2px 3px;border:1px solid #b29a61;border-radius:2px;color:#d1bd8d;white-space:nowrap;background:none}
.domain-card .cycle-button{flex:0 0 58px;width:58px;justify-content:center}
.domain-card .domain-feature-row:has(.feature-name) .cycle-button{flex-basis:58px;width:58px}
.domain-card .feature-name{font-size:10px;line-height:1.1;white-space:normal}
.domain-card .controls .stepper,.domain-card .controls .day-tracker,.domain-card .fort-defense-group{position:absolute;left:calc(50% + 19px);top:50%;transform:translate(-50%,-50%);margin:0}
.domain-card .domain-feature-row.pool>button:not(.cycle-button){margin-right:auto}
.domain-card .controls .fort-defense-group{gap:5px}
.domain-card .controls .hp{min-width:14px;width:14px;padding:0}
.domain-card .selection-foot{margin:0!important;padding:6px!important;flex:none;font:11px Overpass;text-align:center;color:#e1cf9e;background:#202837}
.domain-card .crown[data-domain="bone"]::before{left:80px;background-position:25% 45%}
.domain-card .recall-number{transform:translateY(1px)}
.domain-copy-results{display:grid;gap:5px;max-height:50vh;overflow:auto}
#card-options:has(.domain-card){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.domain-card .rules .nested-copy{min-height:0;height:100%;padding:0}
.domain-card .rules .copy-heading{padding:8px;display:block}
.domain-card .rules .copy-heading small{display:block}
.domain-card .controls .compact-choices button{padding:2px 5px;font-size:10px}
.domain-card .controls .experiences button{font-size:11px}
@media print{.domain-card .controls{display:none!important}.domain-card{break-inside:avoid}}

/* Shared book strip: full-size controls, normal labels, one divider. */
.domain-card .domain-feature-list.paired-features{flex-direction:row;gap:6px}
.domain-card .paired-features>.domain-feature-row{flex:1 1 0;min-width:0;gap:4px}
.domain-card .paired-features>.domain-feature-row+.domain-feature-row{border-left:1px solid #b29a61;padding-left:6px}
.domain-card .controls .cycle-button,.domain-card .domain-feature-row:has(.feature-name) .cycle-button{flex:0 0 58px;width:58px;min-width:58px;max-width:58px;height:32px;min-height:32px;padding:0 4px;font-size:11px}
.domain-card .controls .active-label{font-size:11px}
.domain-card .feature-name{font-size:11px;line-height:1.15;white-space:normal;overflow-wrap:normal;min-width:0}
.domain-card .controls .feature-name{white-space:normal;flex:1 1 0;min-width:0;font:11px/1.15 Overpass;}
.domain-card .domain-feature-list.conditional-features{flex-direction:row;align-items:center;gap:7px}.domain-card .domain-prerequisite{display:flex;align-items:center;justify-content:center;flex:0 0 58px;height:32px;font:11px Overpass;border:1px solid #7d89904d;border-radius:4px;color:#89939e;background:#7d899008}.domain-card .domain-prerequisite.on{color:#48db83;border-color:#43bd7077;background:#43bd7010;text-shadow:0 0 5px #43bd7044}
.domain-card .controls .move-card svg{width:24px;height:24px;fill:none;stroke:#e6e9f0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.domain-card .controls .domain-prerequisite.on{color:#43bd70;text-shadow:none}