.co-portrait{aspect-ratio:1;display:block;position:relative}.co-portrait img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px #1d223359);width:100%;height:100%;position:absolute;inset:0}.co-portrait img.hidden{visibility:hidden}.co-portrait.mirror img{transform:scaleX(-1)}.co-portrait.bobbing img{transform-origin:50% 100%;animation:.24s ease-in-out infinite alternate co-bob}.co-portrait.mirror.bobbing img{animation-name:co-bob-mirror}@keyframes co-bob{0%{transform:translateY(0)scale(1)}to{transform:translateY(-2%)scale(1.015,.985)}}@keyframes co-bob-mirror{0%{transform:scaleX(-1)translateY(0)}to{transform:scaleX(-1)translateY(-2%)scale(1.015,.985)}}.co-bubble{max-width:340px;font:900 17px/1.25 var(--body);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--pop-sm);animation:co-bubble-in .4s var(--spring) both;cursor:pointer;background:#fff;border-radius:22px;padding:12px 16px;position:relative}.co-bubble.done{cursor:default}.co-bubble.loud{background:#fff9d8;font-size:19px}.co-bubble-text{display:block;position:relative}.co-bubble-text .ghost{visibility:hidden}.co-bubble-text .typed{position:absolute;inset:0}.co-bubble:after{content:"";background:inherit;border:3px solid var(--ink);border-bottom:none;border-right:none;width:16px;height:16px;position:absolute}.co-bubble.tail-left:after{top:22px;left:-10px;transform:rotate(-45deg)}.co-bubble.tail-right:after{top:22px;right:-10px;transform:rotate(135deg)}.co-bubble.tail-up:after{margin-left:-8px;top:-10px;left:50%;transform:rotate(45deg)}.co-bubble.tail-down:after{bottom:-10px;left:36px;transform:rotate(225deg)}@keyframes co-bubble-in{0%{opacity:0;transform:scale(.4)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.co-says{align-items:center;gap:14px;display:flex}.co-says.side-right{flex-direction:row-reverse}.co-says-face{background:radial-gradient(circle at 50% 38%, #ffffff8c, transparent 60%), color-mix(in srgb, var(--player) 70%, #fff);border:4px solid var(--ink);width:118px;height:118px;box-shadow:0 5px 0 var(--ink);animation:co-face-in .45s var(--spring) both;border-radius:50%;flex:none;position:relative}.co-says-face .co-portrait{clip-path:inset(-40% 0 0 round 0 0 999px 999px);position:absolute;bottom:0;left:-8%;right:-8%}.co-nameplate{font:400 15px/1 var(--display);color:#fff;background:var(--ink);white-space:nowrap;border:2.5px solid #fff;border-radius:999px;padding:4px 10px 3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}@keyframes co-face-in{0%{opacity:0;transform:translate(-60px)scale(.5)rotate(-12deg)}}.hud .co-talk{z-index:8;animation:co-talk-in .5s var(--spring) both;position:absolute;top:96px;left:18px}.hud .co-talk.leaving{animation:.3s ease-in forwards co-talk-out}@keyframes co-talk-in{0%{transform:translate(-120%)}}@keyframes co-talk-out{to{opacity:0;transform:translate(-130%)rotate(-8deg)}}.co-meter{background:color-mix(in srgb, var(--player) 18%, #fff);border:2.5px solid var(--ink);border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:3px 10px 3px 3px;display:inline-flex;position:relative}.co-meter-face{background:color-mix(in srgb, var(--player) 60%, #fff);border:2.5px solid var(--ink);border-radius:50%;width:34px;height:34px;overflow:hidden}.co-meter-face img{filter:none}.co-stars{gap:2px;display:inline-flex;position:relative}.co-star{background:var(--ink);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:18px;height:18px;position:relative}.co-star.super{align-self:center;width:14px;height:14px}.co-star>span{clip-path:inherit;background:linear-gradient(to right, var(--yellow) calc(var(--k) * 100%), #d7dbe8 calc(var(--k) * 100%));position:absolute;inset:2px}.co-star.super>span{background:linear-gradient(to right, #ff7ab6 calc(var(--k) * 100%), #d7dbe8 calc(var(--k) * 100%))}.co-star.full>span{animation:1.8s ease-in-out infinite co-star-glint}@keyframes co-star-glint{0%,80%,to{filter:brightness()}90%{filter:brightness(1.5)}}.co-stars>.co-sparkle{pointer-events:none;background:radial-gradient(circle,#fff 0 2px,#0000 3px) 10% 20%/10px 10px no-repeat,radial-gradient(circle,#ffd23f 0 2px,#0000 3px) 60% 0/10px 10px no-repeat,radial-gradient(circle,#fff 0 2px,#0000 3px) 90% 70%/10px 10px no-repeat,radial-gradient(circle,#7ef0c5 0 2px,#0000 3px) 30% 90%/10px 10px no-repeat;animation:.7s ease-out forwards co-sparkle;position:absolute;inset:-8px}.co-stars{animation:co-stars-bump .45s var(--spring)}@keyframes co-stars-bump{40%{transform:scale(1.18)}}@keyframes co-sparkle{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.5)rotate(20deg)}}.co-power-btn{font:400 15px/1 var(--display);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:linear-gradient(#ffcf3f,#ff8a1f);border-radius:999px;padding:5px 10px 4px;animation:.9s ease-in-out infinite co-power-pulse}.co-power-btn.super{background:linear-gradient(#ff9ed0,#c04cff)}.co-power-btn kbd{-webkit-text-stroke:0;font-size:12px}.co-power-btn:hover{filter:brightness(1.1)}.co-power-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}@keyframes co-power-pulse{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.1)rotate(2deg)}}.co-meter.ready{box-shadow:0 0 0 3px var(--yellow)}.co-meter.active{background:var(--player)}.co-active-tag{font:400 14px/1 var(--display);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;white-space:nowrap;animation:1.4s ease-in-out infinite co-power-pulse}.co-cutscene{z-index:30;pointer-events:auto;animation:co-cut-life var(--cut,2.8s) linear forwards;position:absolute;inset:0;overflow:hidden}.co-cut-dim{background:radial-gradient(circle at 38% 50%, color-mix(in srgb, var(--player) 80%, #fff) 0%, var(--player) 35%, color-mix(in srgb, var(--player) 50%, #000) 100%);animation:co-cut-fade var(--cut,2.8s) ease forwards;position:absolute;inset:0}.co-cut-rays{width:0;height:0;animation:co-cut-spin 5s linear infinite, co-cut-fade var(--cut,2.8s) ease forwards;position:absolute;top:50%;left:38%}.co-cut-rays span{transform-origin:50% 0;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(#ffffff59,#fff0);width:80px;height:120vmax;position:absolute;top:0;left:-40px}.co-cut-band{background:var(--ink);height:190px;animation:co-cut-band .45s .1s var(--spring) both, co-cut-out var(--cut,2.8s) ease-in forwards;border-top:6px solid #fff;border-bottom:6px solid #fff;margin-top:-40px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-6deg)}.co-cut-portrait{width:min(62vh,44vw);animation:co-cut-portrait .55s var(--spring) both, co-cut-out var(--cut,2.8s) ease-in forwards;position:absolute;bottom:-2%;left:2%}.co-cut-portrait .co-portrait img{filter:drop-shadow(0 0 0 #fff) drop-shadow(8px 8px 0 var(--ink))}.co-cut-text{animation:co-cut-out var(--cut,2.8s) ease-in forwards;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:50%;left:44%;right:3%;transform:translateY(-38%)rotate(-6deg)}.co-cut-kicker{font:400 26px/1 var(--display);color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--pop-sm);animation:tb-drop .45s .2s var(--spring) both;border-radius:999px;padding:6px 16px 4px}.co-cutscene.super .co-cut-kicker{background:#ff9ed0}.co-cut-name{font:400 clamp(46px, 7.5vw, 110px)/.95 var(--display);color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);flex-wrap:wrap;column-gap:.3em;display:flex}.co-cut-name .word{display:inline-flex}.co-cut-name .word span{animation:tb-letter .5s var(--spring) both;display:inline-block}.co-cut-shout{margin-left:30px;animation-delay:.6s;transform:rotate(4deg)}@keyframes co-cut-life{0%,99%{visibility:visible}to{visibility:hidden}}@keyframes co-cut-fade{0%{opacity:0}10%,82%{opacity:1}to{opacity:0}}@keyframes co-cut-out{0%,82%{opacity:1}to{opacity:0;transform:translate(8%)}}@keyframes co-cut-spin{to{transform:rotate(360deg)}}@keyframes co-cut-band{0%{transform:rotate(-6deg)scaleY(0)}}@keyframes co-cut-portrait{0%{transform:translate(-80%)rotate(-10deg)}}.co-tint{z-index:1;box-shadow:inset 0 0 90px 10px color-mix(in srgb, var(--player) 70%, transparent);animation:2.2s ease-in-out infinite alternate co-tint;position:absolute;inset:0;pointer-events:none!important}@keyframes co-tint{0%{opacity:.55}to{opacity:1}}.turn-banner.with-co,.turn-banner.with-co .tb-dim,.turn-banner.with-co .tb-rays,.turn-banner.with-co .tb-content{animation-duration:var(--tb-dur,3.2s)}.turn-banner.with-co .tb-rays{animation-duration:6s, var(--tb-dur,3.2s)}.tb-co{animation:tb-out var(--tb-dur,3.2s) ease-in forwards;align-items:center;display:flex;position:absolute;bottom:0;left:3vw}.tb-co-portrait{width:min(46vh,34vw);animation:co-cut-portrait .6s .15s var(--spring) both}.tb-co-portrait .co-portrait img{filter:drop-shadow(6px 6px 0 var(--ink))}.tb-co-bubble{align-self:flex-start;max-width:360px;margin-top:8vh;margin-left:-2vw;animation-delay:.6s;transform:rotate(-3deg)}.tb-co-name{font:400 24px/1 var(--display);color:#fff;background:var(--ink);animation:tb-drop .45s .45s var(--spring) both;border:3px solid #fff;border-radius:999px;padding:6px 16px 4px;position:absolute;bottom:22px;left:4%;transform:rotate(-4deg)}.seal.co-seal{background:color-mix(in srgb, var(--player) 55%, #fff);padding:0;position:relative;overflow:visible}.seal.co-seal .co-portrait{border-radius:50%;width:100%;height:100%;overflow:hidden}.seal.co-seal .co-portrait img{filter:none}.battle-panel-inner{position:relative}.co-battle-reaction{z-index:3;pointer-events:none;position:absolute;bottom:-96px}.co-battle-reaction.left{left:12px}.co-battle-reaction.right{right:12px}.co-battle-reaction .co-says-face{width:92px;height:92px}.co-battle-reaction .co-bubble{max-width:260px;font-size:15px}.co-battle-reaction .co-says{animation:10ms 1.2s both co-late}@keyframes co-late{0%{visibility:hidden}}.co-victory{animation:tb-drop .5s .8s var(--spring) both;justify-content:center;margin:4px 0 10px;display:flex}.co-victory .co-bubble{text-align:left}.co-mod{font:400 14px/1 var(--display);border:2px solid var(--ink);color:#0f7a45;background:#d9ffe9;border-radius:999px;align-items:baseline;gap:3px;padding:2px 6px 1px;display:inline-flex}.co-mod.down{color:#c0271c;background:#ffe0dc}.co-mod small{font:900 12px/1 var(--body);opacity:.75}.co-mods{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.power-pop{font:400 26px/1 var(--display);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);white-space:nowrap;animation:spawn-pop 1.35s var(--spring) both}.power-pop small{margin-left:2px;font-size:14px}.power-pop.heal{color:#7ef0c5}.power-pop.damage{color:#ff6b5e}@media (prefers-reduced-motion:reduce){.co-cut-rays,.co-portrait.bobbing img,.co-power-btn,.co-tint,.co-active-tag{animation:none!important}}.build-cost.co-cheap{color:#0f7a45}.build-cost.co-pricey{color:#c0271c}.co-pick{align-items:stretch;gap:6px;margin:-2px 12px 10px;display:flex}.co-pick-step{width:30px;font:400 16px/1 var(--display);color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:none}.co-pick-step:hover,.co-pick-step:focus-visible{background:var(--yellow)}.co-pick-card{text-align:left;min-width:0;font:inherit;color:inherit;background:radial-gradient(circle at 18% 30%, #ffffffb3, transparent 55%), color-mix(in srgb, var(--accent,#d9deea) 35%, #fff);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:16px;flex:1;padding:0;overflow:hidden}.co-pick-card:hover,.co-pick-card:focus-visible{outline:3px solid var(--yellow);outline-offset:1px}.co-card{animation:co-card-in .35s var(--spring) both;align-items:stretch;gap:8px;display:flex}@keyframes co-card-in{0%{opacity:0;transform:translate(18px)scale(.96)}}.co-card-face{background:color-mix(in srgb, var(--accent,#d9deea) 70%, #fff);border-right:3px solid var(--ink);flex:none;align-self:flex-end;width:74px;margin-top:4px;position:relative}.co-card-face .co-portrait img{filter:none}.co-card.empty .co-card-face{font:400 40px/1 var(--display);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;background:#c5ccdd;align-self:stretch;place-items:center;min-height:70px;margin-top:0;display:grid}.co-card-info{flex-direction:column;gap:4px;min-width:0;padding:6px 8px 6px 0;display:flex}.co-card-info b{font:400 18px/1.05 var(--display)}.co-card-title{font:900 12px/1.1 var(--body);color:var(--ink-soft);font-style:italic}.co-card-blurb{font:800 12.5px/1.25 var(--body)}.co-card-kit{flex-wrap:wrap;gap:3px;display:flex}.co-chip{font:900 12px/1 var(--body);border:2px solid var(--ink);white-space:nowrap;background:#d9ffe9;border-radius:999px;padding:2px 5px}.co-chip.down{background:#ffe0dc}.co-card-power{font:400 13px/1.1 var(--display);color:#6b3fd6}.co-pick .co-card-blurb,.co-pick .co-card-title{display:none}.co-card.empty .co-card-blurb{display:block}.slots.many .co-card-blurb,.slots.many .co-card-kit,.slots.many .co-card-title{display:none}.slots.many .co-card-face{width:58px}.slots.many .co-pick{margin-bottom:8px}.co-cut-video{aspect-ratio:1;object-fit:cover;background:var(--player);border:5px solid var(--ink);width:84%;box-shadow:0 0 0 6px #fff, 12px 12px 0 6px var(--ink);border-radius:34px;margin:0 0 10% 8%;display:block;transform:rotate(-4deg)}.co-pick{position:relative}.co-pick-info{z-index:1;background:var(--yellow);border:3px solid var(--ink);width:28px;height:28px;box-shadow:0 2px 0 var(--ink);cursor:pointer;transition:transform .16s var(--spring);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-9px;right:26px;font:400 17px/1 var(--display)!important}.co-pick-info:hover,.co-pick-info:focus-visible{outline-offset:1px;transform:scale(1.15)rotate(-8deg);outline:3px solid #fff!important}@media (prefers-reduced-motion:reduce){.co-pick-info{transition:none}}