/* Free Canvas 2D beta. Existing CSS aura remains the fallback if canvas fails. */
.ce-canvas-ready{position:relative;isolation:isolate}
.ce-canvas-ready .ce-canvas{position:absolute;inset:-5% -19% -1%;width:138%;height:106%;pointer-events:none;background:transparent}
.ce-canvas-ready .ce-canvas-back{z-index:0}
.ce-canvas-ready .ce-canvas-front{z-index:2}
.ce-canvas-ready>.ce-field{display:none!important}
.qw-page[data-qw-style=classic] .qw-preview .qw-art.ce-canvas-ready .qw-figure{z-index:1}
.qw-page[data-qw-style=classic] .qw-preview .qw-art.ce-canvas-ready .qw-level{z-index:4}
.ce-mini.ce-canvas-ready .ce-canvas{inset:-3% -13% 0;width:126%;height:103%}
.ce-mini.ce-canvas-ready>img{z-index:1}
.ce-mini.ce-canvas-ready .ce-canvas-front{z-index:2}
@media(max-width:640px){.ce-canvas-ready .ce-canvas{inset:-4% -12% 0;width:124%;height:104%}}
/* Each ten-level band has its own luminous rim; the effects never frame the card. */
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-5){--ce-rim:rgba(236,184,34,.7);--ce-haze:rgba(242,201,54,.34);--ce-haze-2:rgba(255,230,125,.2)}
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-6){--ce-rim:rgba(15,190,164,.68);--ce-haze:rgba(25,201,175,.32);--ce-haze-2:rgba(74,193,234,.23)}
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-7){--ce-rim:rgba(242,157,61,.73);--ce-haze:rgba(247,151,54,.36);--ce-haze-2:rgba(255,215,135,.24)}
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-8){--ce-rim:rgba(84,133,241,.76);--ce-haze:rgba(62,145,242,.37);--ce-haze-2:rgba(147,160,253,.22)}
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-9){--ce-rim:rgba(160,205,232,.8);--ce-haze:rgba(164,212,235,.38);--ce-haze-2:rgba(221,243,251,.27)}
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-10){--ce-rim:rgba(236,188,58,.86);--ce-haze:rgba(239,196,68,.42);--ce-haze-2:rgba(255,235,156,.28)}
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-7) .qw-figure img,
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-8) .qw-figure img,
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-9) .qw-figure img,
.qw-page[data-qw-style=classic] .qw-art:has(.ce-tier-10) .qw-figure img{filter:drop-shadow(0 0 10px var(--ce-rim)) drop-shadow(0 0 23px var(--ce-rim)) drop-shadow(0 8px 8px rgba(35,42,39,.1))!important}