:root{--royal-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201536%22%3E%3Cpath%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2052%2012%20H%20974%20Q%201010%2012%201010%2053%20V%201460%20Q%201010%201498%20972%201498%20H%2052%20Q%2014%201498%2014%201460%20V%2053%20Q%2014%2012%2052%2012%20Z%20M%20210%20167%20H%20815%20Q%20947%20167%20947%20278%20V%20909%20Q%20947%201008%20912%201008%20H%20730%20L%20695%20969%20H%20329%20L%20295%201008%20H%20177%20Q%2076%201008%2076%20912%20V%20278%20Q%2076%20167%20210%20167%20Z%22%2F%3E%3C%2Fsvg%3E")}
/* One card family; neutral silver source is tinted only on its frame layer. */
.royal-card{--royal-ink:#ebe6db;--royal-edge:#b8c0c9;--royal-filter:grayscale(1);position:relative!important;display:block;isolation:isolate;container-type:inline-size;aspect-ratio:2/3;background:#090b0d!important;border:0!important;outline:0!important;border-radius:3%!important;box-shadow:0 9px 18px #0007!important;overflow:visible!important;font-family:Georgia,'Times New Roman',serif!important;text-align:center;color:var(--royal-ink);padding:0!important;animation:none!important}
.royal-card::before,.royal-card::after{content:none!important;display:none!important}
.royal-card.champion{--royal-edge:#66d795;--royal-filter:sepia(.85) saturate(1.9) hue-rotate(85deg)}
.royal-card.rare{--royal-edge:#7eb6ff;--royal-filter:sepia(.85) saturate(2.8) hue-rotate(173deg)}
.royal-card.legendary{--royal-edge:#f1cb75;--royal-filter:sepia(.95) saturate(1.8)}
.royal-card .royal-art{display:block;position:absolute;left:7%;top:10%;width:86%;height:57%;overflow:hidden;background:radial-gradient(ellipse at center,#252a29,#07090b);border:0;z-index:0}
/* Reset legacy NPC rules: absolute insets, feather mask and rounded cutouts caused the broken portraits. */
.royal-card .royal-art img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;object-fit:cover!important;object-position:center 20%!important;transform:none!important;scale:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;mask:none!important;-webkit-mask:none!important;opacity:1!important;margin:0!important;padding:0!important}
.royal-card .royal-art .tcg-mob-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:28cqw;background:radial-gradient(#283029,#0b0c0b)}
.royal-card .royal-frame{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:fill;z-index:2;pointer-events:none;filter:var(--royal-filter);mask-image:var(--royal-mask);mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:var(--royal-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.royal-card .royal-name{position:absolute;left:23%;top:4.3%;width:55%;height:5.9%;display:flex;align-items:center;justify-content:center;z-index:3;font:bold 5.2cqw/1.05 Georgia,serif;color:#171611;text-shadow:0 1px 0 #fff5;overflow:hidden;overflow-wrap:anywhere}
.royal-card .royal-name-long{font-size:4.2cqw}
.royal-card .royal-level{position:absolute;left:82%;top:4.2%;width:12%;height:6.3%;z-index:3;display:flex;flex-direction:column;justify-content:center;color:#eee6d6;font:6cqw/1 Georgia,serif}
.royal-level small{font:3cqw/1.2 sans-serif;color:#c8bfa9}
.royal-card .royal-rarity{position:absolute;left:32%;top:64.4%;width:36%;height:3.4%;display:grid;place-items:center;z-index:3;font:bold 4cqw/1 Georgia,serif;letter-spacing:.3px;color:#171611}
.royal-card .royal-mark{position:absolute;left:42%;top:69.7%;width:16%;color:var(--royal-edge);font:5cqw/1 Georgia,serif;z-index:3}
.royal-card .royal-stats{position:absolute!important;left:13%!important;right:auto!important;top:73%!important;bottom:auto!important;width:74%!important;height:8%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;z-index:3;color:#f1e9d9!important}
.royal-card .royal-stats>span{display:flex;flex-direction:column;justify-content:center;gap:3px;color:#f1e9d9!important}
.royal-card .royal-stats small{font:3.8cqw/1 sans-serif;letter-spacing:.5px;color:#b7b2a7}
.royal-card .royal-stats b{font:bold 7.5cqw/1 Georgia,serif!important;color:#f1e9d9!important}
.royal-card .royal-stats>span+span{border-left:1px solid #c9c1a922}
.royal-card .royal-ability{position:absolute;top:83%;left:16%;width:68%;height:6.8%;display:flex;align-items:center;justify-content:center;color:#d5cbb6;font:4.8cqw/1.2 Georgia,serif;z-index:3;overflow:hidden}
.royal-card .royal-brand{position:absolute;left:33%;top:93%;width:34%;height:2.8%;display:grid;place-items:center;color:#282018;font:bold 2.7cqw/1 Georgia,serif;z-index:3;white-space:nowrap}
.royal-card .royal-count{position:absolute;right:-5px;top:15%;z-index:5;background:#1a1c19;border:1px solid var(--royal-edge);padding:4px 6px;border-radius:5px;color:#f9edce;font:bold 12px sans-serif}
.royal-card .royal-effects{position:absolute;right:-22px;top:24%;z-index:5;display:flex;flex-direction:column;gap:4px;max-width:95px;font:11px sans-serif}.royal-effects>span{background:#161c1ff0;border:1px solid #967c4f;border-radius:4px;padding:4px;color:#ede2cb}
/* Collection and draft slots share exactly the same artwork and frame. */
.ac-card.royal-card{width:100%;height:auto;aspect-ratio:2/3;border-radius:3%!important;box-shadow:0 5px 12px #0008!important}
.ac-large .royal-card{width:100%;height:auto}.ac-slot>.royal-card{width:100%;height:100%}.ac-owned{font-size:11px}.ac-slot-number{z-index:5}
.royal-compact .royal-ability,.royal-compact .royal-brand,.royal-compact .royal-mark{display:none}
.royal-compact .royal-name{font-size:5.6cqw}.royal-compact .royal-name-long{font-size:4.2cqw}.royal-compact .royal-stats{top:74%!important;height:13%}.royal-compact .royal-stats b{font-size:8cqw!important}.royal-compact .royal-stats small{font-size:5cqw}.royal-compact .royal-level{font-size:7cqw}
/**** Keep layout and animation hooks while removing the old second borders. ****/
.hand-card-mini.royal-hand{padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}.royal-hand>.royal-card{width:100%;height:100%}
.hand-card-mini.royal-hand::before,.hand-card-mini.royal-hand::after{content:none!important}
#combat-screen .zone-card-slot .royal-card{border:0!important;background:#090b0d!important;box-shadow:none!important;filter:drop-shadow(0 8px 8px #0009)!important}
#combat-screen .royal-hand{border:0!important}
.royal-card.legendary .royal-mark{animation:royal-glimmer 4s ease-in-out infinite}
@keyframes royal-glimmer{0%,100%{text-shadow:0 0 2px #c99c38;opacity:.8}50%{text-shadow:0 0 10px #ffe3a1;opacity:1}}
.pack-card-back{background:radial-gradient(ellipse,#333126,#0d0d0e 70%)!important;border-color:#b49a65!important}.pack-back-inner{color:#dfc795!important}.pack-back-symbol{color:#dfc795!important}
@media(prefers-reduced-motion:reduce){.royal-card.legendary .royal-mark{animation:none}}
.royal-placeholder{position:absolute;inset:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--royal-edge);opacity:.6}.royal-placeholder svg{width:50%;height:auto}.royal-placeholder small{font:3cqw/1.4 sans-serif;letter-spacing:1px}.royal-art img~.royal-placeholder{display:none}.royal-art.royal-art-unavailable .royal-placeholder{display:flex}
/* Retire old mobile side-by-side !important placements and compact-hand scaling. */
#combat-screen .arena-field-enemy{grid-column:2!important;grid-row:1!important}
#combat-screen .arena-field-player{grid-column:2!important;grid-row:3!important}
#combat-screen .arena-pvp-center{grid-column:2!important;grid-row:2!important}
#combat-screen .arena-field-slot{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#combat-screen .combat-profile{grid-column:1!important;grid-row:3!important}
#combat-screen .arena-avatar-enemy{grid-column:3!important;grid-row:1!important}
#combat-screen .arena-hand-section{display:block!important;min-width:0!important;width:100%;background:none!important}
#combat-screen .arena-hand-cards{width:100%;min-width:0;align-items:flex-start!important;justify-content:flex-start!important;min-height:0!important;padding:8px 4px!important;box-sizing:border-box}
#combat-screen .arena-hand-cards .royal-card{transform:none!important;scale:none!important;margin:0!important;transform-origin:center!important}
#combat-screen .arena-hand-cards>.royal-card{width:90px!important;height:135px!important;flex:0 0 90px!important}
#combat-screen .demo-hand-button{width:86px;flex:0 0 86px!important;min-height:129px!important;height:129px!important;margin:0!important}
#combat-screen .demo-hand-button .royal-card{width:86px!important;height:129px!important;pointer-events:none}
@media(max-width:650px){
 #combat-screen .arena-wrapper{width:100%!important;box-sizing:border-box}
 #combat-screen .arena-main{width:100%!important;box-sizing:border-box}
 #combat-screen .arena-hand-cards>.royal-card{width:76px!important;height:114px!important;flex-basis:76px!important}
 #combat-screen .demo-hand-button{width:72px;flex-basis:72px!important;min-height:108px!important;height:108px!important}
 #combat-screen .demo-hand-button .royal-card{width:72px!important;height:108px!important}
 #combat-screen .arena-hand-section{padding:4px!important;order:0!important}
 #combat-screen .arena-action-panel .arena-bottom-row{align-items:stretch!important}
 #combat-screen .arena-avatar-enemy{position:relative!important;inset:auto!important;display:flex!important}
 .royal-card .royal-effects{font-size:9px;max-width:70px;right:-16px}
}
.royal-mark svg{display:block;width:100%;height:auto}.royal-pack-back{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:15px;overflow:hidden;outline:1px solid #b49a6566;outline-offset:-9px}.royal-back-crest{width:40%;color:#d7bd7f}.royal-back-crest svg{display:block;width:100%;height:auto}.royal-back-title{font:700 14px Georgia,serif;letter-spacing:1px;color:#e5d0a3}.royal-back-subtitle{font:9px Arial,sans-serif;letter-spacing:3px;color:#ac9973}

.tcg-card.royal-card{outline:none!important;border:0!important;outline-offset:0!important}
.tcg-card.royal-card{animation:none!important}
/* v16: visual grades are independent of Champion and do not alter gameplay. */
.royal-card.bronze{--royal-edge:#c99365;--royal-filter:sepia(1) saturate(1.8) brightness(.78)}
.royal-card.silver{--royal-edge:#d0d8e0;--royal-filter:grayscale(1)}
.royal-card.gold{--royal-edge:#f2ce75;--royal-filter:sepia(1) saturate(2) brightness(1.05)}
.royal-card.epic{--royal-edge:#f56970;--royal-filter:sepia(1) saturate(5) hue-rotate(310deg) brightness(.85)}
.royal-card .royal-origin{font:bold 3.5cqw Georgia;color:var(--royal-edge);white-space:nowrap}
.royal-card.bronze{--royal-edge:#bf875a;--royal-filter:sepia(1) saturate(1.7) hue-rotate(345deg) brightness(.76)}