@import url('https://fonts.googleapis.com/css2?family=Karantina:wght@700&display=swap');
/* Scope the approved card geometry away from game layout and animation controls. */
.card.play-card.painted-card{border:0;border-radius:4.5% / 3.1%;background:#f5ead5;--type:#e4481e;--type-dark:#4a120a;--type-color:var(--type)}
.card.play-card.painted-card.expert{--type:#2496a0;--type-dark:#0b3236}
.card.play-card.painted-card.deal{--type:#ff922b;--type-dark:#67340e}
.painted-card .painted-face{position:absolute;inset:0;isolation:isolate;pointer-events:none;direction:rtl;text-align:center}
.painted-face .art-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.painted-face .face-paper{position:absolute;inset:0;background:#f5ead5 url('golan-layer-study/v3/paper.webp?asset=9f20aa12f8f1') center/100% 100%}
.painted-face .paint{z-index:1}.painted-face .type-pigment{display:none}
.painted-face .scenery-layer{z-index:2;top:6%}
.painted-face .portrait-layer{z-index:3;left:3%;top:0;width:94%;height:auto;object-fit:contain;clip-path:polygon(0 0,100% 0,100% 72%,0 83%)}
.painted-face .frame-layer{z-index:5}
.painted-face .champion-rim{display:none;position:absolute;inset:0;z-index:6;mix-blend-mode:multiply}
.painted-card.champion .champion-rim{display:block}.painted-face .champion-rim svg{width:100%;height:100%;display:block}
.painted-card .painted-face .card-type{position:absolute;z-index:7;display:block;padding:0;border:0;border-radius:0;background:none;aspect-ratio:auto;box-shadow:none;min-width:0;color:#f5ead5}
.painted-card .painted-face .card-type svg{display:block;width:100%;height:100%;filter:none}
.painted-card .painted-face .power{position:absolute;z-index:7;display:block;inset:auto;left:81.8%;top:5.05%;width:11.9%;height:10.8%;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 0 .35cqw var(--type-dark)) drop-shadow(.28cqw .38cqw .1cqw #0000004d)}
.painted-number{display:block;width:100%;height:100%;overflow:visible}
.face-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.painted-card .painted-face .identity{position:absolute;inset:0;z-index:7;width:100%;height:100%;display:block;padding:0;background:none;border:0;transform:none;color:#f3e7d1}
.painted-card .painted-face .identity h3{position:absolute;left:50%;right:auto;top:58.7%;width:max-content;margin:0;padding:0;font:700 30cqw/.85 Karantina,Heebo,sans-serif;white-space:nowrap;letter-spacing:.01em;transform:translateX(-50%) rotate(-8deg) scaleX(var(--name-fit,1)) scaleY(.8);color:transparent;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.32' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .36 0 0 0 0 .12 0 0 0 .24 0'/%3E%3C/filter%3E%3Cpath fill='%23f5e8ce' filter='url(%23n)' d='M0 0h140v140H0z'/%3E%3C/svg%3E"),linear-gradient(#f9edda,#ecdbb9);background-blend-mode:multiply,normal;background-clip:text;-webkit-text-stroke:.08cqw #eddfc6;text-shadow:none;filter:drop-shadow(0 .32cqw .1cqw #16100ab0)}
.painted-card.champion .painted-face .identity h3{background-image:linear-gradient(#f8e7b3,#d9b054 55%,#f3dc9d);-webkit-text-stroke:.13cqw #debf7b}
.painted-card .painted-face .identity p{position:absolute;left:9%;right:9%;top:74.7%;height:5%;margin:0;font:800 6.6cqw/1.05 Heebo,sans-serif;white-space:nowrap;color:#f3e7d1;transform:scaleX(var(--party-fit,1));text-shadow:0 .2cqw .12cqw #0007}
.painted-card .painted-face .ability{position:absolute;z-index:7;inset:auto;left:10%;right:10%;top:83.7%;height:6%;padding:0;margin:0;border:0;background:none;display:flex;align-items:center;justify-content:center;color:#242016}
.painted-card .painted-face .ability strong{display:flex;align-items:center;justify-content:center;gap:2cqw;font:800 8.6cqw/1.1 Heebo,sans-serif;white-space:nowrap}
.painted-card .painted-face .ability .ability-emblem{display:block;position:static;flex:none;width:7.4cqw;height:7.4cqw;padding:0;border:0;background:none;box-shadow:none;fill:#c18a29}
.painted-card .known-bonus{z-index:8}.painted-card kbd{z-index:8}
/* Keep legacy catalog rules from turning a complete face into a long text panel. */
.catalog .card.play-card.painted-card{height:auto;aspect-ratio:459/673}
.catalog .card.play-card.painted-card .rules-copy{display:none}

.painted-card .painted-face .ability strong.no-ability{color:#827561;font-weight:600}