.progression-view{height:100%;min-height:0;container:progression/size;color:#f8ecd6;font:14px/1.35 system-ui,sans-serif}.progression-view .pv-layout{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) 34px;gap:12px;color:#f8ecd6;font:14px/1.35 system-ui,sans-serif;padding:12px;background:radial-gradient(ellipse at top right,#52346d77,transparent 60%),#17251f}.progression-view:empty{display:none}.progression-view *{box-sizing:border-box}.progression-view h2,.progression-view h3,.progression-view p{margin:0}.progression-view h2,.progression-view h3{font-family:Georgia,serif;font-weight:400}.progression-view h2{font-size:25px}.progression-view h3{font-size:23px}.progression-view .pv-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.progression-view .pv-identity{display:flex;align-items:center;gap:12px;min-width:0}.progression-view .pv-identity p{font-size:12px;color:#d9c8e6}.progression-view .pv-portrait{width:48px;height:58px;object-fit:contain;object-position:center bottom;background:radial-gradient(#766351,#1a261f);border:2px double #c0a7dc;flex:none}.progression-view .pv-emblem{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:5px}.progression-view .pv-xp{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#ead0ff;flex:none}.progression-view .pv-xp>strong{font-size:25px;text-shadow:0 0 14px #c18aef55}.progression-view .pv-xp>span{font-size:12px}.progression-view .pv-comparison{display:grid;grid-template-columns:1fr 28px 1fr;gap:10px;align-items:center}.progression-view .pv-comparison article{min-width:0;border:1px solid #9b845d;background:#2a3024;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.progression-view .pv-comparison article:last-child{background:#392c45;border-color:#b98adc}.progression-view .pv-arrow{font-size:26px;text-align:center;color:#e7c28b}.progression-view .pv-caption{font-size:12px;color:#dbc6e9;letter-spacing:.4px}.progression-view .pv-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.progression-view .pv-rules{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:0}.progression-view .pv-rules>p{font-size:16px;line-height:1.5}.progression-view .pv-controls{display:flex;align-items:center;gap:8px;justify-content:flex-end}.progression-view button{font:14px/1.2 system-ui,sans-serif;min-height:32px;padding:5px 12px;border:1px solid #a68a63;border-radius:4px;background:linear-gradient(#493c2c,#25291f);color:#f8ecd6;cursor:pointer}.progression-view button:focus-visible{outline:3px solid #efd5ff;outline-offset:2px}.progression-view button:disabled{opacity:.4;cursor:default}.progression-view .pv-choose{background:linear-gradient(#d0a6f2,#9264b5);border-color:#e9c6ff;color:#1e1426;font-weight:750}.progression-view .pv-pager{margin-right:auto;display:flex;gap:10px;align-items:center}.progression-view .pv-pager>span{font-size:12px;white-space:nowrap}.progression-view .pv-pager button{padding:4px 10px}
@container progression (max-width:450px){.progression-view .pv-layout{padding:8px;gap:9px;grid-template-rows:auto auto minmax(0,1fr) auto}.progression-view h2{font-size:22px}.progression-view h3{font-size:19px}.progression-view .pv-header{align-items:flex-start;gap:8px}.progression-view .pv-portrait{width:38px;height:50px}.progression-view .pv-identity{gap:7px}.progression-view .pv-emblem{width:20px;height:20px}.progression-view .pv-xp>strong{font-size:21px}.progression-view .pv-xp>span{max-width:112px;text-align:right}.progression-view .pv-identity p{max-width:150px}.progression-view .pv-comparison{grid-template-columns:1fr 14px 1fr;gap:4px}.progression-view .pv-comparison article{padding:8px;gap:6px}.progression-view .pv-caption{font-size:12px;letter-spacing:0}.progression-view .pv-comparison p{font-size:14px}.progression-view .pv-icon{width:17px;height:17px}.progression-view .pv-controls{flex-wrap:wrap;gap:6px}.progression-view .pv-pager{flex-basis:100%;justify-content:center;margin-right:0}.progression-view .pv-controls>button{flex:1;padding:5px 8px}.progression-view .pv-rules>p{font-size:14px;line-height:1.4}}
@container progression (max-height:230px){.progression-view .pv-layout{padding:4px 8px;gap:4px;grid-template-rows:30px 48px minmax(0,1fr) 28px}.progression-view .pv-portrait{width:24px;height:29px}.progression-view .pv-identity{gap:8px}.progression-view h2{font-size:19px}.progression-view .pv-identity p{font-size:12px}.progression-view .pv-emblem{height:18px;width:18px}.progression-view .pv-xp{gap:0}.progression-view .pv-xp>strong{font-size:20px}.progression-view .pv-xp>span{font-size:12px}.progression-view .pv-comparison{gap:7px;grid-template-columns:1fr 20px 1fr}.progression-view .pv-comparison article{padding:3px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;align-items:center}.progression-view .pv-comparison .pv-caption{grid-column:1/-1;font-size:12px}.progression-view .pv-comparison h3{font-size:18px}.progression-view .pv-comparison p{font-size:14px;white-space:nowrap}.progression-view .pv-comparison p .pv-icon{height:16px;width:16px}.progression-view .pv-arrow{font-size:22px}.progression-view .pv-rules{gap:3px;justify-content:flex-start}.progression-view .pv-rules>.pv-caption{font-size:12px}.progression-view .pv-rules>p{font-size:14px;line-height:1.3}.progression-view .pv-controls{gap:7px}.progression-view button{min-height:28px;padding:3px 10px}.progression-view .pv-pager{gap:8px}}

.experience-meter{position:relative;isolation:isolate;min-height:20px;background:#21152d;border:1px solid #cf9df0;color:#fff1ff;overflow:hidden;font:12px/18px system-ui,sans-serif;text-align:center}.experience-meter>i{position:absolute;z-index:-1;inset:0 auto 0 0;background:linear-gradient(90deg,#69349b,#a266d0);transition:width 200ms ease}.experience-meter>span{position:relative;z-index:1;display:block;padding:0 4px;white-space:nowrap}.progression-view .pv-xp>.experience-meter{width:150px;flex:none}.progression-view .pv-xp>.experience-meter>span{font-size:12px}
@container progression (max-height:230px){.progression-view .pv-xp{display:grid;grid-template-columns:auto 115px;gap:0 8px}.progression-view .pv-xp>span{grid-column:1}.progression-view .pv-xp>.experience-meter{grid-column:2;grid-row:1/3;width:115px;align-self:center}}
@media(prefers-reduced-motion:reduce){.experience-meter>i{transition:none}}
.progression-card{width:min(900px,calc(100vw - 24px));height:min(440px,calc(100dvh - 32px));padding:0;display:block;min-height:0}.progression-card>#progressionContent{height:100%;min-height:0}.candidate-offers{display:flex;gap:8px;flex-wrap:wrap}#candidateShopContent{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:0}#candidateShopContent h3{font:24px Georgia,serif}#candidateShopContent p{font-size:14px;line-height:1.4;margin:0}#candidateShopContent button{font-size:14px}
body[data-progression="xp"] .coin-purse{border-color:#b2a1e3;background:linear-gradient(#282242,#15192b)}body[data-progression="xp"] .coin-count{color:#e1d2ff}body[data-progression="xp"] .cost{color:#e1d2ff}#game .xp-ribbon{position:relative;z-index:7}#game .xp-ribbon button{font-size:14px;min-height:26px;padding:2px 4px;width:100%}#game .xp-ribbon>span{display:block;font-size:12px;line-height:14px;text-align:center}
body[data-progression="xp"] #playerHud{padding:5px 12px 8px}body[data-progression="xp"] #resources{display:grid;grid-template-columns:120px minmax(0,1fr) 145px;gap:14px;width:100%;max-width:100%;padding:5px 14px;align-items:center;border-radius:12px}body[data-progression="xp"] .coin-purse{display:grid;grid-template-columns:35px 1fr;grid-template-rows:38px 17px;gap:0 5px;padding:0;min-width:0;min-height:0;border:0;background:none}body[data-progression="xp"] .coin-purse .purse-icon{width:34px;height:34px;grid-row:1;grid-column:1}body[data-progression="xp"] .coin-count{font-size:38px;line-height:38px;grid-row:1;grid-column:2}body[data-progression="xp"] .coin-caption{font-size:14px;grid-column:1/-1;grid-row:2;text-align:center}body[data-progression="xp"] .secondary-resources{display:flex;justify-content:center;gap:28px;min-width:0}body[data-progression="xp"] .mini-resource{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;color:#f5ecd5}body[data-progression="xp"] .mini-resource>span{display:flex;align-items:center;gap:4px}body[data-progression="xp"] .mini-resource b{font-size:18px;line-height:24px}body[data-progression="xp"] .mini-resource .icon{width:21px;height:21px}body[data-progression="xp"] .mini-resource small{font-size:12px}body[data-progression="xp"] button.mini-resource{padding:0 5px;background:none;border:1px solid #b99c6255;border-radius:5px}body[data-progression="xp"] .threat-purse{display:flex;flex-direction:column;align-items:center;gap:0;padding:2px 6px;background:#37271f;border-color:#cf9971;color:#ffd3b2}body[data-progression="xp"] .threat-purse>span{display:flex;align-items:center;gap:5px}body[data-progression="xp"] .threat-purse b{font-size:28px;line-height:29px}body[data-progression="xp"] .threat-purse strong{font-size:14px;line-height:16px}body[data-progression="xp"] .threat-purse small{font-size:12px;line-height:15px}#moraleContent,#threatContent{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.4}#moraleContent h3,#threatContent h3{font:24px Georgia,serif}#moraleContent ul{margin:0;padding-left:20px}
@media(max-width:700px){body[data-progression="xp"] #resources{grid-template-columns:72px minmax(0,1fr) 104px;gap:6px;padding:4px 6px}body[data-progression="xp"] .secondary-resources{gap:8px}body[data-progression="xp"] .mini-resource .icon{width:16px;height:16px}body[data-progression="xp"] .mini-resource>span{gap:2px}body[data-progression="xp"] .mini-resource b{font-size:14px}body[data-progression="xp"] .coin-purse{grid-template-columns:25px 1fr;gap:0;grid-template-rows:34px 16px}body[data-progression="xp"] .coin-count{font-size:34px;line-height:34px}body[data-progression="xp"] .coin-purse .purse-icon{width:25px;height:25px}body[data-progression="xp"] .threat-purse .icon{width:20px;height:20px}body[data-progression="xp"] .threat-purse b{font-size:24px}body[data-progression="xp"] #playerHud{padding:3px 6px 5px}}
@media(max-height:420px){body[data-progression="xp"] #resources{padding:2px 10px}body[data-progression="xp"] .coin-purse{grid-template-rows:25px 14px}body[data-progression="xp"] .coin-count{font-size:30px;line-height:28px}body[data-progression="xp"] .coin-purse .purse-icon{height:25px;width:25px}body[data-progression="xp"] .coin-caption{font-size:12px}body[data-progression="xp"] .threat-purse{display:grid;grid-template-columns:auto auto;gap:0 6px}body[data-progression="xp"] .threat-purse>span{grid-row:1/3}body[data-progression="xp"] .threat-purse strong{grid-column:2;font-size:12px}body[data-progression="xp"] .threat-purse small{grid-column:2}body[data-progression="xp"] #playerHud{padding-top:1px;padding-bottom:3px}}
#mainActionDock{display:flex;align-items:center;gap:5px}#mainActionDock>span{font-size:12px}#mainActionDock button{font-size:14px;padding:3px 6px;min-height:28px}#mainActionDock .icon{height:17px;width:17px}#mainActionDock button[aria-pressed=true]{background:#d9bf77;color:#192317}body[data-progression="xp"] #questTarget{display:flex;align-items:center;gap:3px;min-height:27px;padding:3px 6px;font-size:14px}body[data-progression="xp"] #questTarget .icon{height:16px;width:16px}.progression-view .experience-meter{display:grid;grid-template-columns:minmax(8px,1fr) auto;align-items:center;gap:3px;border:0;background:none}.progression-view .experience-meter>.xp-track{height:8px;border:1px solid #cf9df0;padding:0;background:#21152d}.progression-view .experience-meter>.xp-value{font-size:14px;line-height:20px;padding:0}
@media(max-width:700px){#mainActionDock>span{display:none}#mainActionDock{gap:3px}#mainActionDock button{padding:3px 5px}}
.controls:has(#mainActionDock:not([hidden])) #actionDetail{display:none}
@media(prefers-reduced-motion:reduce){.experience-meter .xp-track>i{transition:none}}

/* Complete illustrated replacements keep their natural reading size. Narrow views
   page horizontally; short views scroll vertically instead of shrinking rules. */
.progression-card{width:calc(100vw - 24px);max-width:1140px;height:calc(100dvh - 24px);max-height:850px;overflow:hidden}
.progression-view .pv-full{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px;background:radial-gradient(ellipse at top,#47335788,transparent 70%),#14251e;overflow:auto}
.progression-view .pv-header{flex:none;align-items:flex-start}
.progression-view .pv-identity p{font-size:14px;line-height:19px}
.progression-view .pv-old{flex:none;font-size:14px;line-height:19px;padding:8px 12px;border:1px solid #b99d6b77;background:#263225}
.progression-view summary{cursor:pointer;min-height:26px;align-content:center}
.progression-view summary:focus-visible{outline:3px solid #efd5ff;outline-offset:2px}
.progression-view .pv-old p{margin-top:6px}
.progression-view .pv-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;flex:1;min-height:340px;align-items:stretch}
.progression-view .pv-option{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border:3px solid var(--role);border-radius:13px;background:radial-gradient(ellipse at 50% 15%,color-mix(in srgb,var(--role) 18%,#26372a),#12271e 70%);box-shadow:inset 0 0 0 2px #101d16,0 4px 0 color-mix(in srgb,var(--role) 45%,#13221a),0 8px 14px #0007}
.progression-view .pv-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:42px}
.progression-view .pv-class-sigil{height:46px;width:46px;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
.progression-view .pv-option-cost{font-size:17px;line-height:22px;color:#efdaff;padding:5px 8px;border:1px solid #bf9bdc;background:#21172deb;border-radius:8px;text-align:right}
.progression-view .pv-effect-art{height:110px;min-height:80px;flex:1;display:grid;place-items:center;color:var(--role)}
.progression-view .pv-effect-art .effect-art{height:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}
.progression-view .pv-effect-art .effect-art-medallion{position:relative;height:100%;aspect-ratio:1;max-width:100%;display:grid;place-items:center;background:radial-gradient(color-mix(in srgb,var(--role) 15%,transparent),transparent 70%)}
.progression-view .pv-effect-art .effect-art-main{height:100%;width:100%;object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 3px 4px #0008)}
.progression-view .pv-effect-art .effect-art-fallback{display:none}
.progression-view .pv-effect-art .effect-art-buff{position:absolute;bottom:0;right:0;height:30%;width:30%;background:#19291f;border:1px solid currentColor;border-radius:5px;fill:none;stroke:currentColor}
.progression-view .pv-effect-art .effect-art-secondary{display:flex;flex-direction:column;gap:6px}
.progression-view .pv-effect-art .effect-art-detail{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5}
.progression-view .pv-option h3{font-size:24px;line-height:27px;color:#f8e8bc}
.progression-view .pv-short-rules{font-size:15px;line-height:21px}
.progression-view .pv-inspect{font-size:14px;line-height:20px;color:#e4decf;margin-top:auto}
.progression-view .pv-inspect>p{padding:8px;background:#10231c;border:1px solid #b99d6b66;margin-top:4px}
.progression-view .pv-choose{font-size:16px;min-height:40px;padding:8px;white-space:normal;flex:none}
.progression-view .pv-option-nav{display:none;justify-content:center;gap:10px;flex:none}
.experience-meter,.progression-view .experience-meter{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:5px;min-height:22px;border:0;background:none;overflow:visible;isolation:auto;text-align:center;font:12px/20px system-ui,sans-serif}
.experience-meter.xp-ranked,.progression-view .experience-meter.xp-ranked{grid-template-columns:auto minmax(0,1fr) auto}
.experience-meter>.xp-track,.progression-view .experience-meter>.xp-track{position:relative;display:block;height:22px;padding:0;border:1px solid #cf9df0;background:#21152d;overflow:hidden;z-index:auto;white-space:nowrap}
.experience-meter .xp-track>i{position:absolute;inset:0 auto 0 0;display:block;background:linear-gradient(90deg,#69349b,#a266d0);height:100%;transition:width 200ms ease}
.experience-meter .xp-track>.xp-value{position:relative;display:block;font-size:12px;line-height:20px;padding:0 2px;color:#fff1ff;text-shadow:0 1px 2px #000;z-index:1}
.experience-meter>.xp-rank-current,.experience-meter>.xp-rank-next{font-size:14px;line-height:22px;color:#ead0ff}
@media(max-width:760px){.progression-view .pv-full{padding:10px;gap:7px}.progression-view .pv-options{display:flex;flex:none;min-height:340px;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 0 10px}.progression-view .pv-option{flex:0 0 min(100%,300px);scroll-snap-align:center}.progression-view .pv-option-nav{display:flex}.progression-view .pv-header h2{font-size:23px}.progression-view .pv-identity p{font-size:14px;line-height:18px}}
@media(max-height:500px){.progression-card{height:calc(100dvh - 12px);width:calc(100vw - 12px)}.progression-view .pv-full{padding:8px;gap:6px}.progression-view .pv-options{min-height:320px}.progression-view .pv-effect-art{height:85px;min-height:65px}.progression-view .pv-header h2{font-size:22px}.progression-view .pv-identity p{font-size:14px}.progression-view .pv-old{padding:4px 8px}}
@media(prefers-reduced-motion:reduce){.experience-meter .xp-track>i{transition:none}}
/* The battle ribbon also has older two-column/small-track rules. Keep this
   three-part contract explicit without touching rank state or pending controls. */
body[data-progression="xp"] #game .hero-row>.hero .hero-body .xp-ribbon>.experience-meter.xp-ranked{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:22px;
 align-items:center;gap:4px;width:100%;height:22px;min-height:22px;margin:0;
 padding:0;border:0;background:none;overflow:visible;isolation:auto;line-height:20px;
}
body[data-progression="xp"] #game .xp-ribbon>.experience-meter.xp-ranked>.xp-rank-current,
body[data-progression="xp"] #game .xp-ribbon>.experience-meter.xp-ranked>.xp-rank-next{
 display:block;position:static;grid-row:1;padding:0;margin:0;font:700 14px/22px system-ui,sans-serif;color:#ead0ff;white-space:nowrap;
}
body[data-progression="xp"] #game .xp-ribbon>.experience-meter.xp-ranked>.xp-rank-current{grid-column:1}
body[data-progression="xp"] #game .xp-ribbon>.experience-meter.xp-ranked>.xp-rank-next{grid-column:3}
body[data-progression="xp"] #game .xp-ribbon>.experience-meter.xp-ranked>.xp-track{
 position:relative;display:block;grid-row:1;grid-column:2;width:100%;min-width:0;
 height:22px;min-height:22px;padding:0;border:1px solid #cf9df0;
 background:#21152d;overflow:hidden;line-height:20px;z-index:auto;
}
body[data-progression="xp"] #game .xp-ribbon>.experience-meter.xp-ranked>.xp-track>i{
 display:block;position:absolute;inset:0 auto 0 0;height:100%;z-index:0;
 background:linear-gradient(90deg,#69349b,#a266d0);
}
body[data-progression="xp"] #game .hero-row>.hero .hero-body .xp-ribbon>.experience-meter.xp-ranked>.xp-track>.xp-value{
 position:relative;display:block;width:100%;height:20px;padding:0 2px;margin:0;
 font:14px/20px system-ui,sans-serif;white-space:nowrap;text-align:center;color:#fff1ff;
 text-shadow:0 1px 2px #000;z-index:1;
}
/* Bound the illustration independently of its image's intrinsic 256px size.
   Attribution and cost occupy the art's corners, leaving room for every action. */
.progression-view .pv-full{padding:12px;gap:8px}
.progression-view .pv-options{min-height:0;flex:1 0 auto}
.progression-view .pv-option{min-height:0;gap:6px;padding:10px;justify-content:flex-start}
.progression-view .pv-card-top{position:absolute;top:8px;left:8px;right:8px;min-height:32px;z-index:2;pointer-events:none}
.progression-view .pv-class-sigil{height:36px;width:36px}
.progression-view .pv-option-cost{font-size:15px;line-height:20px;padding:4px 6px}
.progression-view .pv-effect-art{height:100px;min-height:0;max-height:100px;width:100%;flex:0 0 100px;overflow:hidden}
.progression-view .pv-effect-art .effect-art{height:100px;max-height:100px;min-height:0}
.progression-view .pv-effect-art .effect-art-medallion{height:100px;max-height:100px;width:100px;min-height:0;flex:0 0 100px}
.progression-view .pv-effect-art .effect-art-main{height:100px;max-height:100px;width:100px;min-height:0}
.progression-view .pv-option h3{font-size:23px;line-height:25px;flex:none}
.progression-view .pv-short-rules{font-size:15px;line-height:20px;flex:none;min-height:40px}
.progression-view .pv-inspect{margin-top:auto;flex:none;font-size:14px;line-height:20px}
.progression-view .pv-choose{min-height:36px;padding:7px;font-size:15px}
.progression-view .pv-inspect[open]{overflow:auto;max-height:160px}
@media(max-width:760px){.progression-view .pv-options{min-height:0;flex:1 0 auto}.progression-view .pv-option{min-height:315px;flex-basis:min(100%,300px)}.progression-view .pv-full{padding:8px;gap:6px}}
@media(max-height:400px){
 .progression-view .pv-full{padding:6px;gap:5px}
 .progression-view .pv-header h2{font-size:21px;line-height:26px}
 .progression-view .pv-identity p{display:none}
 .progression-view .pv-old{padding:2px 7px}
 .progression-view .pv-options{padding-bottom:5px;gap:8px}
 .progression-view .pv-option{min-height:0;gap:3px;padding:6px}
 .progression-view .pv-effect-art,.progression-view .pv-effect-art .effect-art,.progression-view .pv-effect-art .effect-art-medallion,.progression-view .pv-effect-art .effect-art-main{height:48px;max-height:48px;min-height:0}
 .progression-view .pv-effect-art{flex-basis:48px}
 .progression-view .pv-effect-art .effect-art-medallion{width:70px;flex-basis:70px}
 .progression-view .pv-effect-art .effect-art-main{width:70px}
 .progression-view .pv-card-top{top:5px;left:5px;right:5px}
 .progression-view .pv-class-sigil{width:30px;height:30px}
 .progression-view .pv-option h3{font-size:21px;line-height:23px}
 .progression-view .pv-short-rules{font-size:14px;line-height:18px;min-height:36px}
 .progression-view .pv-inspect summary{min-height:24px}
 .progression-view .pv-choose{min-height:32px;padding:4px;font-size:14px}
 .progression-view .pv-option-nav button{min-height:28px;padding:3px 10px}
}

/* Rank offers use the same large painted subject as resting ability cards. */
.progression-view .pv-effect-art{height:auto;min-height:120px;max-height:none;flex:1 1 120px;width:100%}
.progression-view .pv-effect-art .effect-art{height:100%;min-height:0;max-height:none;width:100%}
.progression-view .pv-effect-art .effect-art-medallion{height:100%;max-height:none;min-height:0;width:100%;flex:1 1 auto}
.progression-view .pv-effect-art .effect-art-main{height:100%;max-height:none;min-height:0;width:100%;object-fit:contain}
@media(max-height:400px){.progression-view .pv-effect-art{min-height:64px;flex:1 1 64px}.progression-view .pv-effect-art .effect-art,.progression-view .pv-effect-art .effect-art-medallion,.progression-view .pv-effect-art .effect-art-main{height:100%;max-height:none;min-height:0}.progression-view .pv-effect-art .effect-art-medallion{width:100%;flex:1 1 auto}}