.comic-rivals {
.battle-stage{max-width:1120px;margin:0 auto;container-type:inline-size}.battle-card{position:relative;aspect-ratio:3/2;color:#090e20;isolation:isolate}.battle-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.mobile-logo,.mobile-vs{display:none}.rival{position:absolute;inset-block:0;width:40%;height:100%;min-width:0;pointer-events:none}.rival.left{left:0}.rival.right{right:0}.portrait{position:absolute;top:11.5%;left:-12%;width:120%;height:72%;display:grid;place-items:center;filter:drop-shadow(0 .25cqw .1cqw #090e2044);clip-path:inset(0 0 26.4% 0)}.rival.right .portrait{left:auto;right:-12%}.rival[data-avatar-key="fox"] .portrait{top:12.4%;left:-14.5%;clip-path:inset(0 0 27.65% 0)}.rival.right[data-avatar-key="fox"] .portrait{left:auto;right:-14.5%}.rival[data-avatar-key="elephant"] .portrait{width:109%;height:65.4%;left:-5%;top:11.5%;clip-path:inset(0 0 19% 0)}.rival.right[data-avatar-key="elephant"] .portrait{left:auto;right:-5%}.portrait img{display:block;width:100%;height:100%;object-fit:contain;clip-path:none;transform:scaleX(var(--facing,1))}.portrait .fallback{width:66%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#bdadff,#6355b1);border:.5cqw solid #fffbee;box-shadow:0 0 0 .3cqw #090e20;color:#fff;font:800 7cqw Bricolage,Arial,sans-serif}.portrait [hidden]{display:none}.rival h2{position:absolute;top:51.7%;left:18%;width:80%;margin:0;z-index:3;font-family:BattleScript,cursive;font-size:var(--name-size,6.7cqw);font-weight:400;font-style:normal;line-height:1;letter-spacing:-.025em;white-space:nowrap;text-align:left;color:#f568a9;transform:rotate(-9deg);transform-origin:left center;-webkit-text-stroke:.5cqw #090e20;paint-order:stroke fill;text-shadow:.1cqw .25cqw #090e20;filter:drop-shadow(-.18cqw 0 #fffbee) drop-shadow(.18cqw 0 #fffbee) drop-shadow(0 -.18cqw #fffbee) drop-shadow(0 .2cqw #fffbee)}.rival.right h2{left:auto;right:17%;top:52.7%;text-align:right;color:#ff5353;transform:rotate(8deg);transform-origin:right center}.selection{position:absolute;top:56.8%;left:10.5%;width:86.25%;height:25%;margin:0;z-index:4}.rival.right .selection{left:auto;right:8%;top:57.2%;width:89.25%}.pick-art{display:block;width:100%;height:100%;overflow:visible}.pick-art text{font-family:BattleComic,sans-serif;font-size:200px;font-weight:400;paint-order:stroke fill;stroke-linejoin:round;stroke-linecap:round}.pick-art .white-rim{fill:#fffbee;stroke:#fffbee;stroke-width:34}.pick-art .red-depth{fill:#f1253d;stroke:#090e20;stroke-width:23}.pick-art .ink-face{stroke:#090e20;stroke-width:22}.pick-art .grain{fill:url(#pickDots);stroke:none;opacity:.16}.pick-art .brush{fill:none;stroke:#51ddec;stroke-width:6;stroke-linecap:square}.selection.long .pick-art text{font-size:178px}.battle-info{position:absolute;z-index:5;top:36.2%;left:35%;width:30%;text-align:center;font:800 1.85cqw/1.13 Bricolage,Arial,sans-serif}.battle-info p{margin:0 0 .4cqw}.battle-info .market{font-size:1.7cqw}.battle-status{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15.4cqw;height:2.9cqw;font:800 1.9cqw/1 Bricolage,Arial,sans-serif;letter-spacing:.025em;border:.3cqw solid #090e20;border-radius:1.6cqw;background:linear-gradient(#384663,#111a34);color:#fffbee;margin:.15cqw 0 0;box-shadow:inset 0 .16cqw .1cqw #65709680;text-transform:uppercase}.battle-status::before,.battle-status::after{content:"";position:absolute;width:1.35cqw;height:1.7cqw;background:#4edeea;clip-path:polygon(0 0,64% 42%,41% 47%,100% 100%,30% 70%,49% 64%);top:.25cqw}.battle-status::before{left:-2.1cqw;transform:rotate(-9deg)}.battle-status::after{right:-2.1cqw;transform:scaleX(-1) rotate(-9deg)}.battle-footer{position:absolute;z-index:5;top:77%;left:33%;width:34%;text-align:center;font:800 1.85cqw/1.15 Bricolage,Arial,sans-serif}.battle-footer p{margin:0 0 .55cqw}.lock-row{display:flex;align-items:center;justify-content:center;gap:.6cqw}.lock-label{display:inline-flex;align-items:center;justify-content:center;width:17.4cqw;height:3.4cqw;color:#fffbee;background:linear-gradient(#ff3d45,#e80524);border:.35cqw solid #090e20;border-radius:1.1cqw;font:800 2.55cqw/1 Bricolage,Arial,sans-serif;letter-spacing:.035em;box-shadow:0 .2cqw 0 #090e20}.footer-lock{width:2.5cqw;height:3.6cqw;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

}