@layer components{.modal-bg{z-index:1099;isolation:isolate;pointer-events:none;--rarity-aura:var(--fg-muted);position:fixed;inset:0;overflow:hidden}.modal-bg.is-page{z-index:-1}.modal-bg.is-contained{z-index:0;--modal-bg-mote-travel:-720px;position:absolute}.modal-bg.is-common{--rarity-aura:var(--rarity-common)}.modal-bg.is-uncommon{--rarity-aura:var(--rarity-uncommon)}.modal-bg.is-rare{--rarity-aura:var(--rarity-rare)}.modal-bg.is-epic{--rarity-aura:var(--rarity-epic)}.modal-bg.is-mythic{--rarity-aura:var(--rarity-mythic)}.modal-bg.is-grail{--rarity-aura:var(--rarity-grail,#cb9814)}.modal-bg__scrim{background:#0a0b0f;position:absolute;inset:0}.modal-bg.is-contained .modal-bg__scrim{background:0 0}.modal-bg__video-layer{pointer-events:none;position:absolute;inset:0}.modal-bg__motes{z-index:2;position:absolute;inset:0;overflow:hidden}.modal-bg__mote{background:var(--rarity-aura);filter:blur(.5px);border-radius:50%;animation:linear infinite modal-mote-drift;position:absolute;bottom:-10px}@keyframes modal-mote-drift{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:var(--mote-opacity,.8)}90%{opacity:var(--mote-opacity,.8)}to{transform:translateY(var(--modal-bg-mote-travel,-100vh)) translateX(40px);opacity:0}}.roll-fx{transition:transform .15s,box-shadow .15s,filter .15s}.roll-fx:hover:not(:disabled),.roll-fx:focus-visible:not(:disabled){box-shadow:var(--roll-glow,0 0 16px #ceff004d);filter:brightness(1.04);transform:translateY(-1px)scale(1.01)}.roll-fx__clip{align-self:stretch;display:inline-flex;position:relative;overflow:visible clip}.roll-fx__row{justify-content:center;align-items:center;gap:var(--roll-gap,8px);padding-block:var(--roll-pad-y,0);white-space:nowrap;opacity:1;flex:1;transition:transform .5s cubic-bezier(.33,1.4,.6,1),opacity .4s;display:inline-flex}.roll-fx__row--dup{opacity:0;position:absolute;inset:0;transform:translateY(100%)}.roll-fx:hover:not(:disabled) .roll-fx__row,.roll-fx:focus-visible:not(:disabled) .roll-fx__row{opacity:0;transform:translateY(-100%)}.roll-fx:hover:not(:disabled) .roll-fx__row--dup,.roll-fx:focus-visible:not(:disabled) .roll-fx__row--dup{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.roll-fx__row{transition:none}.roll-fx:hover:not(:disabled) .roll-fx__row,.roll-fx:focus-visible:not(:disabled) .roll-fx__row{opacity:1;transform:none}.roll-fx:hover:not(:disabled) .roll-fx__row--dup,.roll-fx:focus-visible:not(:disabled) .roll-fx__row--dup{opacity:0;transform:translateY(100%)}.roll-fx:hover:not(:disabled),.roll-fx:focus-visible:not(:disabled){transform:none}}@media (hover:none),(pointer:coarse){.roll-fx__row,.roll-fx:hover:not(:disabled) .roll-fx__row,.roll-fx:focus-visible:not(:disabled) .roll-fx__row{opacity:1;transition:none;transform:none}.roll-fx__row--dup,.roll-fx:hover:not(:disabled) .roll-fx__row--dup,.roll-fx:focus-visible:not(:disabled) .roll-fx__row--dup{opacity:0;display:none;transform:translateY(100%)}}}.modal-bg.is-perf-low .modal-bg__mote,.modal-bg.is-perf-mid .modal-bg__mote{filter:none}