/* Local-sized, content-addressed images load only when a cosmetic is rendered. */
:where(.pc-die){display:inline-block;width:64px;height:64px}
.pc-die{flex-shrink:0;background-repeat:no-repeat;background-size:300% 200%!important;background-color:transparent!important;box-shadow:none!important;border-radius:0;vertical-align:middle;color:transparent!important;overflow:visible}
.landing-die.pc-die{border-color:transparent}
.landing-die.pc-die:enabled:hover,.landing-die.pc-die.selected{outline:2px solid #f6db72;outline-offset:1px}
.air-die.pc-die{height:auto;aspect-ratio:1}
.pc-card-back{display:inline-block;flex-shrink:0;width:64px;height:94px;border-radius:7%;background-size:100% 100%!important;background-repeat:no-repeat;vertical-align:middle;box-shadow:0 2px 5px #0005}
.pc-hand-backs{display:flex;align-items:center;justify-content:center;margin:7px 0 0;padding-right:8px;min-width:0;max-width:100%}
.pc-hand-backs>.pc-card-back{width:24px;height:35px;margin-right:-8px;box-shadow:-1px 0 2px #0008}
.numbers-team-player .pc-hand-backs{display:flex}
.pc-hand-backs>small{position:relative;margin-left:13px;font-size:11px;color:inherit}
.mentalism-team-hands .pc-hand-backs{border:0;padding:0 8px 0 0;background:none}
.mentalism-team-hands .pc-hand-backs>.pc-card-back{border:0;padding:0}
.pc-deck-back{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}
.pc-deck-back>.pc-card-back{width:28px;height:41px;box-shadow:2px 2px 0 #9472ba,4px 4px 0 #362348}
.dice-pair .pc-die{background-size:300% 200%!important}
.landing-set-value.pc-die{width:42px;height:42px;padding:0;background-color:transparent}
.landing-die.pc-die{background-size:300% 200%!important}
.mentalism-stack .pc-card-back{width:64px;height:94px}
.dubito-pile.pc-card-back{background-size:cover!important}
#cosmetics .cosmetic{width:84px;height:auto;min-height:92px;padding:7px 4px;gap:5px;border:2px solid transparent;border-radius:12px;background:#281944;color:#f8f3ff}
#cosmetics .cosmetic.selected{border-color:#ffda55;box-shadow:0 0 0 2px #ffda5526;background:#3a255b}
#cosmetics .cosmetic:focus-visible{outline:3px solid #fff1a0;outline-offset:3px}
#cosmetics .cosmetic .pc-die{width:64px;height:64px}
#cosmetics .cosmetic .pc-card-back{width:52px;height:76px}
#cosmetics .cosmetic-label{font-size:11px;line-height:1.25;color:inherit}
#cosmetics .cosmetic-group p{color:#c9b8e3}
@media(prefers-reduced-motion:reduce){.pc-die{animation:none!important;transition:none!important}}