.cast__layout{gap:var(--sp-6);margin-top:var(--sp-7);align-items:start;display:grid}@media (min-width:1025px){.cast__layout{gap:var(--gutter);grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr)}}@media (min-width:1025px) and (min-height:760px){.cast__stagecol{position:sticky;top:88px}}.cast__panel{--cast-stage-h:min(62svh, 560px);border-radius:var(--r-2);border-top:4px solid var(--rar,var(--rar-common));background:var(--ink-soft);box-shadow:inset 0 0 0 1px #ffffff24, 0 4px 0 var(--gold-edge);overflow:clip}@media (min-width:1025px){.cast__panel{--cast-stage-h:clamp(320px, calc(100svh - 360px), 560px)}}.cast__stage{height:var(--cast-stage-h);background:var(--ink-deep);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.cast__stage[role=group]{cursor:grab}.cast__stage.is-dragging{cursor:grabbing}.cast__stage:focus-visible{outline-offset:-5px}.cast .cast__stage>.stage-back{--sb-1:color-mix(in srgb, var(--rar) 30%, var(--ink));--sb-2:color-mix(in srgb, var(--rar) 19%, var(--ink));width:auto;height:auto;inset:-25% -45% -10%}.cast .cast__stage>.stage-static{width:min(240px,62%);height:auto;z-index:var(--z-stage-back);object-fit:contain;border:3px solid var(--rar);border-radius:var(--r-2);inset:auto auto 6% 50%;transform:translate(-50%);box-shadow:0 6px #060a2880}.cast__shot{border:3px solid var(--rar);border-radius:var(--r-2);opacity:0;visibility:hidden;pointer-events:none;width:min(240px,58%);height:auto;transition:opacity calc(var(--motion) * .16s) var(--ease-in), visibility 0s linear calc(var(--motion) * .16s);position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 6px #060a2880}.cast__shot.is-on{opacity:1;visibility:visible;transition:opacity}.cast__stage[data-gl=static]>.stage-front .cast__shot,.cast__stage[data-gl=error]>.stage-front .cast__shot{display:none}.cast__info{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5);min-height:0;display:grid}.cast__nameline{align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.cast__name{font-size:var(--t-d2);max-width:none;line-height:1}.cast__tag{background:var(--gold);color:var(--gold-ink);box-shadow:0 2px 0 var(--gold-edge);transform:skewX(var(--skew))}.cast__line{font:600 var(--t-body) / 1.35 var(--font-ui);color:var(--fg)}.cast__progress{visibility:hidden;background:#ffffff24;border-radius:2px;height:4px;overflow:hidden}.cast__progress[data-on]{visibility:visible}.cast__progress>i{background:var(--gold);transform-origin:0;height:100%;transform:scaleX(var(--p,.04));transition:transform calc(var(--motion) * .22s) var(--ease-in);display:block}.cast__error{align-items:center;gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-1);background:var(--ink-deep);box-shadow:inset 4px 0 0 var(--coral);font:700 var(--t-ui) / 1.2 var(--font-ui);flex-wrap:wrap;display:flex}.cast__ctl{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.cast__zoom{gap:var(--sp-2);margin-left:auto;display:inline-flex}.cast__ctl .btn{padding-inline:1.05em}.cast__zoom .btn{padding-inline:.7em}.glyph--flip{transform:scaleX(-1)}.cast__hint{font:600 var(--t-small) / 1.3 var(--font-ui);color:var(--muted)}.cast:not([data-js]) :is(.cast__ctl,.cast__hint),.cast[data-viewer=off] :is(.cast__ctl,.cast__hint){display:none}.cast[data-viewer=pending] :is(.cast__ctl,.cast__hint){visibility:hidden}.cast__shelves{gap:var(--sp-6);display:grid}@media (min-width:1025px){.cast__shelves{column-gap:var(--sp-6);grid-template-columns:auto minmax(0,1fr)}.cast__row{grid-column:1/-1}.cast__row[data-rarity=mythic]{grid-area:1/1}.cast__notes{grid-area:1/2;align-self:end}}.cast__row{gap:var(--sp-3);display:grid}.cast__rowname{align-items:center;gap:var(--sp-3);color:var(--rar);font:800 var(--t-d3) / 1 var(--font-ui);letter-spacing:.01em;margin:0;display:flex}.cast__rowname:before{content:"";background:var(--rar);width:.5em;height:.5em;box-shadow:0 2px 0 var(--rar-dk);border-radius:2px;flex:none;transform:rotate(45deg)}.cast__rowname:after{content:"";background:var(--rar-dk);border-radius:2px;flex:1;height:3px}.cast__cards{gap:var(--sp-4) var(--sp-3);flex-wrap:wrap;align-items:flex-start;display:flex}.cast__cards>li{display:block}.cast__card{--base:112px;--w:var(--base);gap:var(--sp-2);width:var(--w);padding:0 0 var(--sp-3);border:3px solid var(--rar);border-radius:var(--r-2);background:var(--ink-soft);color:var(--fg);text-align:left;cursor:pointer;box-shadow:var(--halo-on,0 0 transparent), 0 5px 0 #060a2880;transition:transform calc(var(--motion) * .12s) var(--ease-in), box-shadow calc(var(--motion) * .12s) var(--ease-in);-webkit-tap-highlight-color:transparent;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;display:grid;overflow:hidden}.cast__card[data-rarity=mythic]{--base:240px}.cast__card[data-rarity=legendary]{--base:208px}.cast__card[data-rarity=epic]{--base:176px}.cast__card[data-rarity=rare]{--base:152px}.cast__card[data-rarity=uncommon]{--base:132px}.cast__card[data-rarity=common]{--base:112px}.cast__card[data-skin=byte]{--base:176px}@media (max-width:640px){.cast__card{--w:calc(var(--base) * .8)}}.cast__img{aspect-ratio:480/642;object-fit:cover;background:var(--ink-deep);width:100%;height:auto;transition:transform calc(var(--motion) * .16s) var(--ease-in)}.cast__cardname{padding-inline:var(--sp-2);font-size:clamp(18px, calc(var(--w) * .13), 31px);overflow-wrap:anywhere;text-wrap:balance;max-width:100%;line-height:1.02;display:block}.cast__card .rarity-pill{margin-inline:var(--sp-2);max-width:calc(100% - var(--sp-4));padding-inline:.6em}.cast__card .rarity-pill--gem:before{margin-right:.35em}@media (max-width:640px){.cast__card .rarity-pill--gem:before{display:none}}.rarity-pill--gem:before{content:"";background:linear-gradient(135deg, var(--white) 0 46%, var(--rar-dk) 46%);border-radius:2px;flex:none;width:.55em;height:.55em;margin-right:.5em;transform:rotate(45deg)}@media (hover:hover){.cast__card:hover{transform:translateY(-3px)}.cast__card:hover .cast__img{transform:scale(1.02)}}.cast__card:active{transform:scale(.97)}.cast__card[aria-pressed=true]{box-shadow:var(--halo-on,0 0 transparent), 0 0 0 3px var(--gold), 0 8px 0 3px var(--gold-edge)}.cast__card:focus-visible{--halo-on:0 0 0 2px var(--ink)}.cast__card[aria-pressed=true]:focus-visible{--halo-on:0 0 transparent;outline-offset:7px}@media (hover:none){.cast__card:hover{transform:none}}.cast__notes{gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-2);background:var(--ink-soft);display:grid;box-shadow:inset 0 0 0 1px #ffffff24,0 5px #060a2880}.cast__note{font:600 var(--t-small) / 1.35 var(--font-ui);color:var(--muted)}.cast__note:first-child{font-size:var(--t-ui);color:var(--fg)}@media (prefers-contrast:more){.cast__panel,.cast__card{box-shadow:inset 0 0 0 2px var(--white)}.cast__card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--white), 0 0 0 3px var(--gold)}}