/* Arcanum frame families. Geometry corresponds to the supplied 1024 × 1536 PNGs. */
#frame-status{font:12px/1.5 'Barlow',sans-serif;color:var(--accent);margin:12px 0 0;overflow-wrap:anywhere}
#retry-frame[hidden]{display:none}
.art-card:not([data-frame-ready=true]) .frame-skin,.art-card:not([data-frame-ready=true]) .card-copy,.art-card:not([data-frame-ready=true]) .frame-luster{visibility:hidden}
.layout-workbench{margin:26px 0 0;text-align:left;max-width:260px;color:#d1c1a6}
.layout-heading h3{font:500 25px/1.1 'Grenze',Georgia,serif;margin:6px 0 14px}
.layout-options{display:grid;gap:6px}.layout-options button{display:flex;align-items:center;gap:13px;text-align:left;padding:10px;background:#100f0dcc;border:1px solid #b39a6b36;color:#b6a88e;cursor:pointer;transition:background .2s,border-color .2s}
.layout-options button[aria-pressed=true]{background:linear-gradient(100deg,#60462c66,#17140fd9);border-color:var(--accent);color:#f2dfb9;box-shadow:inset 3px 0 var(--accent)}
.layout-options button:hover{border-color:var(--accent)}.layout-options small{display:block;font:9px 'Barlow',sans-serif;letter-spacing:1.4px}.layout-options b{display:block;font:500 23px/1.1 'Grenze',Georgia,serif}.layout-options em{font:normal 10px 'Barlow',sans-serif;color:#c3b69e}
.layout-outline{display:block;width:29px;height:41px;border:1px solid currentColor;position:relative;flex:none;background:linear-gradient(0deg,#bba17233 0 25%,transparent 25% 75%,#bba17233 75%);border-radius:3px}
.dominion-outline{clip-path:polygon(0 0,100% 0,94% 85%,50% 100%,6% 85%);border-radius:0;background:linear-gradient(0deg,transparent 0 12%,#bba17244 12% 38%,transparent 38%)}
.sanctum-outline{border-radius:13px 13px 2px 2px;background:linear-gradient(90deg,#bba17266 0 24%,transparent 24%),linear-gradient(0deg,#bba17244 0 28%,transparent 28%)}
#layout-description{font:12px/1.55 'Barlow',sans-serif;color:#c1b49d;margin:13px 0}.art-fit-label,.crop-label{display:flex;align-items:center;justify-content:space-between;font:11px 'Barlow',sans-serif;margin:13px 0 8px;gap:8px}
.art-fit-label select{max-width:150px;background:#171510;color:#e3d4b6;border:1px solid #b49a6a55;padding:6px;font:11px 'Barlow',sans-serif}.layout-workbench input[type=range]{width:100%;accent-color:var(--accent);height:18px}
.frame-download{display:block;color:#ead6ad;font:12px 'Barlow',sans-serif;margin-top:12px;text-underline-offset:4px}.sample-note{display:block;font:10px/1.5 'Barlow',sans-serif;margin-top:10px;color:#b1a38b}.story-note{display:none!important}
.card-wrap{container-type:inline-size}.art-card{aspect-ratio:2/3;background:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 18px 20px #0009)}
.art-card .art-window{position:absolute;inset:13.5% 6% 41.5%;overflow:hidden;border-radius:4%;isolation:isolate;background:#171718}
.art-window #main-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--art-focus,40%);border-radius:0;aspect-ratio:auto}
.art-window>div,.art-window>canvas{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}
.art-card .frame-skin{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;border-radius:0;pointer-events:none;z-index:5}
.art-card .card-copy{z-index:6;color:#f6e6bd;text-shadow:0 1px 2px #000;line-height:1.1;border-radius:0}
.card-copy>*{position:absolute;text-align:center;transform:translate(-50%,-50%);margin:0}
.card-name{left:50%;top:9%;width:73%;font:600 7cqw/1 'Grenze',Georgia,serif;letter-spacing:.03em}
.card-type{left:50%;top:61.8%;width:72%;font:500 3.2cqw/1.15 'Barlow',sans-serif;letter-spacing:.06em}
.card-rules{left:50%;top:74.5%;width:73%;font:400 3.8cqw/1.4 'Barlow',sans-serif}.card-rules>strong{font:600 5cqw/1.15 'Grenze',Georgia,serif}.card-rules p{margin:1.8cqw 0 2cqw}.card-rules small{font:500 2.25cqw 'Barlow',sans-serif;letter-spacing:.06em;opacity:.75}
.card-stat{top:88.8%;width:14%;height:8.4%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#151718e8}.card-stat small{font:500 2.8cqw 'Barlow',sans-serif;letter-spacing:.1em}.card-stat b{font:600 6cqw/1.1 'Grenze',Georgia,serif}.attack{left:21.5%}.defense{left:77.5%}
.art-card .rim{display:none}.art-card[data-layout=dominion] .art-window{inset:6% 6% 48%;border-radius:0;clip-path:polygon(0 0,100% 0,100% 91%,90% 100%,10% 100%,0 91%)}
[data-layout=dominion] .card-name{top:56.3%;font-weight:700;letter-spacing:.07em;font-size:6.7cqw}[data-layout=dominion] .card-type{top:64%}[data-layout=dominion] .card-rules{top:74.5%}
[data-layout=dominion] .card-stat{top:87.2%;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}[data-layout=dominion] .attack{left:28%}[data-layout=dominion] .defense{left:73.5%}
.art-card[data-layout=sanctum] .art-window{inset:16% 6% 40.5% 35%;border-radius:50% 50% 8% 8% / 42% 42% 8% 8%}
[data-layout=sanctum] .card-copy{color:#372c21;text-shadow:none}[data-layout=sanctum] .card-name{top:9.2%;font-style:italic}[data-layout=sanctum] .card-type{top:64.1%}[data-layout=sanctum] .card-rules{top:78%;width:72%;font-size:4cqw}[data-layout=sanctum] .card-rules>strong{font-size:5.4cqw}
[data-layout=sanctum] .card-stat{left:16.5%;width:16%;background:none;height:11%}[data-layout=sanctum] .attack{top:31%}[data-layout=sanctum] .defense{top:51%}
.art-card.no-frame,.art-card.original{aspect-ratio:auto;background:var(--deep);border-radius:10px;filter:none;box-shadow:0 18px 38px #0008}
.art-card.no-frame .art-window,.art-card.original .art-window{position:relative;inset:auto;border-radius:inherit;clip-path:none;overflow:hidden}
.art-card.no-frame #main-art,.art-card.original #main-art{position:relative;inset:auto;height:auto;display:block;width:100%;object-fit:contain}
.art-card.no-frame .frame-skin,.art-card.no-frame .card-copy,.art-card.original .frame-skin,.art-card.original .card-copy{display:none}
[data-layout=dominion] .card-rules{top:73.6%;font-size:3.5cqw}[data-layout=dominion] .card-rules p{margin:1.3cqw 0 1.3cqw}
.card-rules small{display:block;line-height:1.2}
@media(max-width:900px){.element-story{flex-wrap:wrap}.layout-workbench{flex-basis:100%;max-width:none;margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.layout-heading,.layout-options{grid-column:1/-1}.layout-options{grid-template-columns:repeat(3,1fr)}#layout-description{grid-column:1/-1;margin:10px 0}.art-fit-label{grid-row:4}.crop-label{grid-row:4}.layout-workbench input[type=range]{grid-column:2}.frame-download{grid-row:5;margin:0;align-self:center}.sample-note{grid-column:1/-1}.layout-heading h3{font-size:23px;margin:4px 0 10px}}
@media(max-width:630px){.layout-options button{padding:9px 6px;gap:6px}.layout-outline{display:none}.layout-options b{font-size:21px}.layout-options em{font-size:9px}.layout-options small{font-size:8px;letter-spacing:.6px}.layout-workbench{gap:0 12px}.art-fit-label select{max-width:108px;font-size:10px}.sample-note{margin-bottom:8px}}