.brawl-mana-badge{width:var(--mana-size,40px);aspect-ratio:1;isolation:isolate;color:#fff;text-align:center;vertical-align:middle;pointer-events:none;flex:none;height:auto;display:inline-block;position:relative;container-type:inline-size}.brawl-mana-badge:before{content:"";z-index:-1;background:url(/card-art/mana-blue-badge-v6.webp) 50%/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask:url(/card-art/mana-blue-mask-v6.svg) 50%/100% 100% no-repeat;mask:url(/card-art/mana-blue-mask-v6.svg) 50%/100% 100% no-repeat}.brawl-mana-badge>b{color:#fff;text-shadow:0 1px 2px #003566;place-items:center;margin:0;padding:0;font-weight:400;display:grid;position:absolute;inset:20% 12% 22%;transform:translateY(-2.5cqi);font:55cqi/1 Brawl,BrawlCard,serif!important}
.brawl-card-face>.card-collection-effect{z-index:1;pointer-events:none;filter:drop-shadow(0 0 5px #ffd97588);animation:card-collection-arrive .25s var(--collection-delay) both;position:absolute;inset:0}.card-collection-rim{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/card-art/arena-gold-mask-v6.svg) 0 0/100% 100% no-repeat;mask:url(/card-art/arena-gold-mask-v6.svg) 0 0/100% 100% no-repeat}.card-collection-rim:before{content:"";animation:card-collection-flash .8s var(--collection-delay) both;background:#ffe8a8;position:absolute;inset:0}.card-collection-rim>i{opacity:0;animation:card-collection-rim 2.4s var(--collection-delay) 2 linear;background:conic-gradient(#0000 0deg 55deg,#fff9dc 80deg,#ffbe52 105deg,#0000 135deg 235deg,#fff5c9 265deg,#0000 305deg);position:absolute;inset:-45%}.card-collection-glints{animation:card-collection-fade 5s var(--collection-delay) both;position:absolute;inset:0}.card-collection-glints>i{aspect-ratio:1;width:22%;translate:-50% -50%;rotate:var(--glint-turn);opacity:0;animation:card-collection-glint .4s calc(var(--collection-delay) + var(--glint-delay)) 12;background:#fff6d7;position:absolute;-webkit-mask-image:url(/game-ui/collection-glint.webp);mask-image:url(/game-ui/collection-glint.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}@keyframes card-collection-arrive{0%{opacity:0}to{opacity:1}}@keyframes card-collection-flash{0%,to{opacity:0}25%{opacity:.7}}@keyframes card-collection-rim{0%{opacity:0;transform:rotate(0)}12%,82%{opacity:.72}to{opacity:0;transform:rotate(360deg)}}@keyframes card-collection-glint{0%,to{opacity:0;scale:.35}45%{opacity:.9;scale:1}75%{opacity:.25;scale:.6}}@keyframes card-collection-fade{0%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.brawl-card-face>.card-collection-effect{filter:none;animation:none}.card-collection-glints,.card-collection-rim>i{display:none}.card-collection-rim:before{opacity:.2;animation:none}}
.brawl-card-face{aspect-ratio:4/5;isolation:isolate;pointer-events:none;text-align:center;filter:drop-shadow(0 4px 3px #0006);width:100%;height:auto;display:block;position:relative;container-type:inline-size}.brawl-card-face>.brawl-card-art{object-fit:cover;z-index:0;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,94% 100%,6% 100%,0 95%,0 5%);width:80%;height:80%;position:absolute;top:10%;left:10%}.brawl-card-face>.brawl-card-frame{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brawl-card-face>.brawl-card-mana{z-index:2;width:24%;position:absolute;top:5%;left:5%}.brawl-card-mana.brawl-mana-badge:before,.card-quick-mana.brawl-mana-badge:before,.flip-back-mana.brawl-mana-badge:before{content:none}.brawl-card-back>.brawl-card-art{background:radial-gradient(#326888,#081d30 75%);place-items:center;display:grid}.brawl-card-back .brawl-card-back-logo{filter:drop-shadow(0 4px 2px #0009);width:82%;height:auto;position:static}.brawl-card-face>.brawl-card-name{display:none}.deck-card-cell .brawl-card-name{color:#e5edf2;text-wrap:balance;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;width:104%;height:32px;font:clamp(10px,12cqi,16px)/1.08 BrawlSecondary,Arial,sans-serif;display:flex;position:absolute;top:100%;left:-2%}.brawl-card-face.is-locked>.brawl-card-art{filter:grayscale();opacity:.5}.brawl-card-lock{z-index:4;color:#d7e8f1;background:#061420dd;padding:5px;font:12px BrawlSecondary;position:absolute;top:44%;left:12%;right:12%}.reward-pinned-face{aspect-ratio:4/5;flex:none;width:62px;height:auto;display:block}#brawl-game-concept .menu-army-grid>button:has(.brawl-card-face){box-shadow:none;aspect-ratio:4/5;background:0 0;border:0}.battle-review-army button>.brawl-card-face{color:inherit;background:0 0;position:relative;inset:auto;transform:none}.brawl-standalone-card{aspect-ratio:4/5;cursor:pointer;background:0 0;border:0;width:180px;padding:0;display:block}body .boa-shell .deck-screen .deck-forge .deck-card,body .boa-shell .deck-screen .deck-forge .deck-slot,body .battle-history button.history-card,body .social-deck button,body .card-browser-card,body .reinforcement-unavailable,body .reward-card-face,body .deck-screen .intro-army-card{aspect-ratio:4/5}body .boa-shell .deck-screen .deck-forge .deck-card-cell{padding-bottom:32px}body .boa-shell .deck-screen .deck-forge .deck-slots>.deck-card-cell{aspect-ratio:auto}body .lesson-example-card,body .lesson-example-enemies .lesson-example-card,body .guide-card-art,body .reinforcement-offer,body .reinforcement-card-reveal,body .reinforcement-face{aspect-ratio:4/5;height:auto}body .reinforcement-dialog:is(:not(.is-card-library),.has-selected) .reinforcement-offer{aspect-ratio:4/5;max-width:calc(var(--short-offer-height,256px)*4/5)}body .is-card-library:not(.has-selected) .reinforcement-offer{aspect-ratio:4/5}.arena-arrival .arrival-face:has(.brawl-card-face){box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.guide-mana-story .brawl-mana-badge{--mana-size:54px}