:root{--ink-950:#130f26;--ink-900:#1d1838;--ink-800:#28224b;--ink-700:#363061;--ink-600:#4a427f;--ink-500:#6a62a3;--ink-300:#a9a3d6;--cream-50:#fffaee;--cream-100:#fcf1d8;--cream-200:#f4e3bd;--cream-300:#e6cf9f;--cream-400:#c9ad7a;--cream-ink:#5a3d25;--yellow-300:#fff27a;--yellow-400:#ffe03a;--gold-400:#ffc627;--gold-500:#f5a812;--gold-600:#d9830a;--gold-700:#a35d06;--field-green:#73c63a;--field-green-dark:#4f9a24;--field-green-light:#a5e05a;--field-orange:#f49a2c;--field-orange-dark:#c76a16;--field-orange-light:#ffc366;--field-teal:#2fb7b0;--field-dusk:#7b4ec9;--hp-500:#f03a4e;--hp-700:#b51f35;--hp-300:#ff7d8b;--heal-400:#62e85a;--heal-600:#2fae2c;--block-400:#4aa8ff;--block-600:#2a6fd6;--exp-400:#4fdcf5;--exp-600:#1aa6c9;--energy-400:#ffdf3a;--energy-600:#f08a10;--crit-500:#e3172b;--white:#fff;--text-upgrade:#1f7a1f;--rarity-common:#8d89b8;--rarity-common-fill:#a9a6cf;--rarity-common-edge:#5b5785;--rarity-uncommon:#86cc35;--rarity-uncommon-fill:#79b83a;--rarity-uncommon-edge:#4c8a1c;--rarity-rare:#39b2f2;--rarity-rare-fill:#3893d8;--rarity-rare-edge:#1d5fa3;--rarity-epic:#b45cf0;--rarity-epic-fill:#8f45d6;--rarity-epic-edge:#5e2596;--rarity-legend:#ff4f66;--rarity-legend-fill:#d8344f;--rarity-legend-edge:#931a30;--char-knight:#e5483a;--char-knight-light:#ff8a6e;--char-knight-dark:#a8261e;--char-mage:#8f45d6;--char-mage-light:#c18af5;--char-mage-dark:#5e2596;--char-neutral:#8a80a8;--char-neutral-light:#b9b1d6;--char-neutral-dark:#5d557a;--card-common:#b8b5c6;--card-common-dark:#7d7a90;--card-uncommon:#6fd8ff;--card-uncommon-dark:#2a9fd0;--card-rare:#ffd23a;--card-rare-dark:#d99a0a;--outline:var(--ink-950);--surface-hud:var(--ink-900);--surface-hud-raised:var(--ink-800);--surface-panel:var(--cream-100);--surface-panel-deep:var(--cream-200);--surface-scrim:#130f26b8;--text-on-dark:var(--white);--text-on-panel:var(--ink-900);--text-muted-panel:var(--cream-ink);--text-accent:var(--yellow-400);--text-damage:var(--yellow-400);--text-heal:var(--heal-400);--text-crit:var(--yellow-400);--font-jp:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",sans-serif;--font-num:"Lilita One","M PLUS Rounded 1c",sans-serif;--fw-body:700;--fw-bold:800;--fw-black:900;--fs-10:10px;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-28:28px;--fs-32:32px;--fs-40:40px;--fs-56:56px;--lh-tight:1.05;--lh-ui:1.25;--lh-body:1.6;--stroke-s:2px;--stroke-m:3px;--stroke-l:5px;--text-rim-s:0 2px 0 var(--outline);--text-rim-m:0 3px 0 var(--outline);--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--border-s:2px;--border-m:3px;--border-l:4px;--hit-min:44px;--ledge-s:0 2px 0 var(--outline);--ledge-m:0 4px 0 var(--outline);--ledge-l:0 6px 0 var(--outline);--hi-inset:inset 0 3px 0 #ffffff59;--lo-inset:inset 0 -4px 0 #0000002e;--glow-select:0 0 0 3px var(--yellow-400),0 0 18px 4px #ffe03a8c;--glow-target:0 0 0 3px var(--hp-500),0 0 16px 4px #f03a4e80;--drop-soft:0 8px 18px #130f2659;--ease-pop:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.2,.8,.2,1);--dur-fast:.1s;--dur-base:.18s;--dur-slow:.36s;--status-strength:#ff8a5c;--status-vigor:#ffb43a;--status-vulnerable:#ff6b7d;--status-weak:#b48cff;--status-poison:#62e85a;--status-burn:#ff7b2e;--status-dexterity:#7ee0ff;--status-thorns:#9be05a;--block-200:#9fd3ff;--status-metallicize:#c9c4ec;--status-mana:#b48cff;--status-holy:#ffe03a;--status-wound:#ff7d8b;--status-fire:#ff7b2e;--status-ice:#9fe8ff;--status-thunder:#ffdf3a;--stage-shade-top:linear-gradient(to bottom,#130f268c,#130f2600);--world-shade:linear-gradient(180deg,#130f2659,#130f268c);--home-shade:radial-gradient(ellipse 70% 50% at 50% 50%,#130f2673,#130f2600);--fill-yellow:linear-gradient(180deg,var(--yellow-400) 0 55%,var(--gold-600) 55%);--fill-ink:linear-gradient(180deg,var(--ink-600) 0 55%,var(--ink-800) 55%);--fill-cream:linear-gradient(180deg,var(--cream-50) 0 55%,var(--cream-300) 55%);--field-teal-light:#6fe0d4;--field-teal-dark:#1f8a85;--field-dusk-light:#a983e6;--field-dusk-dark:#55319a;--map-shade:linear-gradient(180deg,#130f264d,#130f264d);--surface-scrim-soft:#130f2673;--ink-stripes:repeating-linear-gradient(135deg,transparent 0 22px,#ffffff06 22px 44px);--app-max-w:430px;--shadow-oval:#130f264d;--shine-06:#ffffff0f;--shine-08:#ffffff14;--shine-20:#fff3;--shine-25:#ffffff40;--shine-28:#ffffff47;--shine-45:#ffffff73;--shine-50:#ffffff80;--shade-18:#0000002e;--shade-mix:#000;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--app-scale:1}html[data-app-scaled]{--safe-top:calc(env(safe-area-inset-top,0px) / var(--app-scale));--safe-bottom:calc(env(safe-area-inset-bottom,0px) / var(--app-scale))}html,body{margin:0}body{font-family:var(--font-jp);font-weight:var(--fw-body);color:var(--text-on-dark);background:var(--ink-950);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}::selection{background:#ffe03a59}#app{width:100%;max-width:var(--app-max-w);background:var(--ink-950);height:100svh;margin:0 auto;position:relative;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}html[data-app-scaled] #app{height:calc(100svh / var(--app-scale));transform:scale(var(--app-scale));transform-origin:top}#side-art{display:none}@media (width>=480px){#app{box-shadow:0 0 0 1px var(--shine-08)}#side-art{pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}}.cf-side-art{filter:blur(24px)brightness(.45)saturate(1.1);animation:cf-side-art-in var(--dur-slow) var(--ease-out) both;background-position:50%;background-size:cover;position:absolute;inset:-48px}@keyframes cf-side-art-in{0%{opacity:0}}h1,h2,h3,p{margin:0}button{font-family:inherit}button:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px}.cf-press{transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast)}.cf-press:not(:disabled):not([aria-disabled=true]){cursor:pointer}@media (hover:hover){.cf-press:not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.08)}}.cf-press:not(:disabled):not([aria-disabled=true]):active{transform:translateY(3px)}.cf-press:disabled,.cf-press[aria-disabled=true]{filter:grayscale(.7)brightness(.85);cursor:default}.cf-btn{box-shadow:var(--ledge-m), var(--hi-inset);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast)}.cf-btn:not(:disabled){cursor:pointer}@media (hover:hover){.cf-btn:not(:disabled):hover{filter:brightness(1.08)}}.cf-btn:not(:disabled):active{box-shadow:0 1px 0 var(--outline), var(--hi-inset);transform:translateY(3px)}.cf-btn:disabled{filter:grayscale(.7)brightness(.85);cursor:default}.cf-btn[aria-pressed=true]{box-shadow:var(--ledge-m), var(--hi-inset), 0 0 0 3px var(--yellow-400)}.cf-menu{box-shadow:var(--ledge-m), inset 0 3px 0 #ffffff14;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast);position:relative}.cf-menu:not(:disabled){cursor:pointer}@media (hover:hover){.cf-menu:not(:disabled):hover{filter:brightness(1.12)}}.cf-menu:focus-visible,.cf-menu[data-active=true]{box-shadow:var(--ledge-m), inset 0 0 0 3px var(--yellow-400);outline:none}.cf-menu:not(:disabled):active{box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}.cf-menu:disabled{filter:grayscale(.7)brightness(.85);cursor:default}.cf-choice{box-shadow:var(--ledge-m), inset 0 -5px 0 var(--cream-300);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast)}.cf-choice:not(:disabled){cursor:pointer}@media (hover:hover){.cf-choice:not(:disabled):hover{filter:brightness(1.04);box-shadow:var(--glow-select), var(--ledge-m), inset 0 -5px 0 var(--cream-300)}}.cf-choice:not(:disabled):active{box-shadow:0 1px 0 var(--outline), inset 0 -5px 0 var(--cream-300);transform:translateY(3px)}.cf-choice:disabled{filter:grayscale(.7)brightness(.85);cursor:default}.cf-choice:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px}.cf-relic-icon{cursor:pointer;pointer-events:auto;transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast);background:0 0;border:none;padding:0;display:block}@media (hover:hover){.cf-relic-icon:hover{filter:brightness(1.08)}}.cf-relic-icon:active{transform:translateY(2px)}.cf-card-btn{transition:transform var(--dur-base) var(--ease-pop);background:0 0;border:none;border-radius:1.1em;padding:0}.cf-card-btn:not(:disabled){cursor:pointer}@media (hover:hover){.cf-card-btn:not(:disabled):hover{transform:translateY(-6px)}.cf-card-btn:not(:disabled):hover>.cf-card{box-shadow:var(--glow-select), 0 .45em 0 var(--outline)!important}}.cf-card-btn:disabled{cursor:default}.cf-map-node{transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast)}.cf-map-node:not(:disabled){cursor:pointer}@media (hover:hover){.cf-map-node:not(:disabled):hover{filter:brightness(1.1)}}.cf-map-node:not(:disabled):active{transform:translateY(3px)}.cf-map-node--open{box-shadow:0 0 0 3px var(--yellow-400), 0 0 14px 4px #ffe03a99, var(--ledge-m)!important}.cf-event-choice{transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast), filter var(--dur-fast)}@media (hover:hover){.cf-event-choice:hover:not(:disabled){filter:brightness(1.12)}}.cf-event-choice:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px}.cf-event-choice:active:not(:disabled){transform:translateY(3px)}.cf-event-choice:disabled{filter:grayscale(.7)brightness(.85);cursor:not-allowed}.cf-hand-face{transition:transform var(--dur-fast) var(--ease-out)}@media (hover:hover){.cf-hand-slot[data-pose=rest]:hover .cf-hand-face{transform:translateY(-14px)}}@media (width<=720px){.cf-hide-narrow{display:none!important}}.cf-row-btn{cursor:pointer;border-radius:var(--radius-sm);transition:filter var(--dur-fast), transform var(--dur-fast) var(--ease-out)}@media (hover:hover){.cf-row-btn:hover{filter:brightness(1.06)}}.cf-row-btn:active{transform:translateY(2px)}.cf-row-btn:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px}.cf-input:focus-visible{outline:3px solid var(--yellow-400);outline-offset:1px}@keyframes cf-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes cf-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.cf-pop{animation:cf-pop var(--dur-slow) var(--ease-pop) both}.cf-shake{animation:cf-shake .3s var(--ease-out)}@keyframes cf-banner-flash{0%{opacity:0;transform:scaleY(.2)}12%{opacity:1;transform:scaleY(1.08)}22%{transform:scaleY(1)}75%{opacity:1}to{opacity:0}}.cf-banner-flash{animation:cf-banner-flash 1s var(--ease-out) forwards}@keyframes cf-sheet{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.cf-sheet{animation:cf-sheet var(--dur-base) var(--ease-out)}.cf-slider:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px;border-radius:var(--radius-pill)}@keyframes cf-float{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-6px)scale(1.2)}30%{transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-48px)}}.cf-float{animation:cf-float 1.1s var(--ease-out) forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.cf-pop,.cf-shake,.cf-sheet{animation:none}.cf-banner-flash,.cf-float{animation-duration:1ms}}.cf-rotate-notice{display:none}@media (orientation:landscape) and (pointer:coarse) and (height<=540px){.cf-rotate-notice{display:flex}}.cf-act-title{animation-name:cf-act-title;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes cf-act-title{0%,76%{opacity:1}to{opacity:0}}.cf-act-title-text{animation-name:cf-act-title-text;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes cf-act-title-text{0%{opacity:0}18%,62%{opacity:1}76%,to{opacity:0}}.cf-act-title h2{animation:cf-act-title-name 1.6s var(--ease-out) both}@keyframes cf-act-title-name{0%{letter-spacing:.3em}}@media (prefers-reduced-motion:reduce){.cf-act-title,.cf-act-title-text,.cf-act-title h2{animation:none}}.cf-fx-layer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cf-fx-slash{background:linear-gradient(90deg, #fff0, var(--white) 30%, #fff 55%, var(--yellow-300) 80%, #fff0);width:140%;height:7%;min-height:6px;box-shadow:0 0 10px var(--yellow-300), 0 0 22px #fff0c8cc;transform-origin:0;border-radius:50%;animation:.36s cubic-bezier(.2,.8,.2,1) forwards cf-fx-slash;position:absolute;top:46%;left:-20%;transform:rotate(-32deg)scaleX(0)}.cf-fx-slash--2{animation-name:cf-fx-slash-2;animation-delay:.11s;transform:rotate(28deg)scaleX(0)}@keyframes cf-fx-slash{0%{opacity:1;transform:rotate(-32deg)scaleX(0)}40%{opacity:1;transform:rotate(-32deg)scaleX(1)}to{opacity:0;transform:rotate(-32deg)scaleX(1)}}@keyframes cf-fx-slash-2{0%{opacity:1;transform:rotate(28deg)scaleX(0)}40%{opacity:1;transform:rotate(28deg)scaleX(1)}to{opacity:0;transform:rotate(28deg)scaleX(1)}}.cf-fx-rapid{--rapid-angle:-38deg;background:linear-gradient(90deg, #fff0, var(--yellow-300) 25%, #fff 60%, var(--white) 85%, #fff0);width:150%;height:4%;min-height:4px;box-shadow:0 0 6px #fff, 0 0 16px var(--yellow-300);transform:rotate(var(--rapid-angle)) translateX(-30%) scaleX(0);opacity:0;border-radius:50%;animation:.24s cubic-bezier(.1,.9,.2,1) forwards cf-fx-rapid;position:absolute;top:48%;left:-25%}.cf-fx-rapid--back{--rapid-angle:34deg}@keyframes cf-fx-rapid{0%{transform:rotate(var(--rapid-angle)) translateX(-30%) scaleX(.2);opacity:1}35%{transform:rotate(var(--rapid-angle)) translateX(0) scaleX(1);opacity:1}to{transform:rotate(var(--rapid-angle)) translateX(12%) scaleX(.9) scaleY(.4);opacity:0}}.cf-fx-spark{aspect-ratio:1;clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);width:34%;max-width:56px;filter:drop-shadow(0 0 6px var(--yellow-300));opacity:0;background:#fff;animation:.26s ease-out forwards cf-fx-spark;position:absolute;transform:scale(.2)rotate(0)}@keyframes cf-fx-spark{0%{opacity:0;transform:scale(.2)rotate(0)}30%{opacity:1;transform:scale(1)rotate(25deg)}to{opacity:0;transform:scale(.6)rotate(45deg)}}.cf-fx-fire{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#fff5c0 0%,#ffb030 30%,#e0561e 55%,#9a2c1c00 72%);border-radius:50%;width:90%;animation:.48s ease-out forwards cf-fx-fire;position:absolute;transform:scale(.2)}@keyframes cf-fx-fire{0%{opacity:1;transform:scale(.2)}45%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.cf-fx-frost{aspect-ratio:1;background:radial-gradient(circle, var(--white) 0%, var(--status-ice) 45%, transparent 75%);clip-path:polygon(50% 0,58% 36%,93% 25%,66% 50%,93% 75%,58% 64%,50% 100%,42% 64%,7% 75%,34% 50%,7% 25%,42% 36%);width:80%;filter:drop-shadow(0 0 10px var(--status-ice));opacity:0;animation:.42s ease-out forwards cf-fx-frost;position:absolute;transform:scale(.2)rotate(0)}@keyframes cf-fx-frost{0%{opacity:1;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(30deg)}to{opacity:0;transform:scale(1.2)rotate(60deg)}}.cf-fx-lightning{background:linear-gradient(180deg, var(--white) 0%, var(--status-thunder) 60%);clip-path:polygon(55% 0,20% 52%,46% 52%,30% 100%,82% 40%,54% 40%,72% 0);width:46%;height:120%;filter:drop-shadow(0 0 10px var(--status-thunder));opacity:0;animation:.38s ease-out forwards cf-fx-lightning;position:absolute;transform:translateY(-30%)scaleY(.4)}@keyframes cf-fx-lightning{0%{opacity:1;transform:translateY(-30%)scaleY(.4)}30%{opacity:1;transform:translateY(0)scaleY(1)}60%{opacity:.4}75%{opacity:1}to{opacity:0;transform:translateY(0)scaleY(1)}}.cf-fx-impact{aspect-ratio:1;background:var(--white);clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%);width:70%;filter:drop-shadow(0 0 8px var(--yellow-300));opacity:0;animation:.38s ease-out forwards cf-fx-impact;position:absolute;transform:scale(.2)rotate(0)}@keyframes cf-fx-impact{0%{opacity:1;transform:scale(.2)rotate(0)}50%{opacity:1;transform:scale(1)rotate(20deg)}to{opacity:0;transform:scale(1.15)rotate(30deg)}}.cf-fx-melt{aspect-ratio:1;background:conic-gradient(from 0deg, var(--status-fire), var(--status-ice), var(--status-fire), var(--status-ice), var(--status-fire));opacity:0;border-radius:50%;width:110%;animation:.62s ease-out forwards cf-fx-melt;position:absolute;transform:scale(.3)rotate(0);-webkit-mask:radial-gradient(circle,#0000 18%,#000 30% 52%,#0000 70%);mask:radial-gradient(circle,#0000 18%,#000 30% 52%,#0000 70%)}@keyframes cf-fx-melt{0%{opacity:1;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(160deg)}to{opacity:0;transform:scale(1.2)rotate(260deg)}}.cf-fx-melt-steam{aspect-ratio:1;background:radial-gradient(circle, var(--white) 0%, #ffffffb3 35%, transparent 68%);opacity:0;border-radius:50%;width:130%;animation:.7s ease-out forwards cf-fx-melt-steam;position:absolute;transform:scale(.2)translateY(0)}@keyframes cf-fx-melt-steam{0%{opacity:.9;transform:scale(.2)translateY(0)}45%{opacity:.85;transform:scale(.9)translateY(-8%)}to{opacity:0;transform:scale(1.3)translateY(-22%)}}.cf-fx-overload{aspect-ratio:1;background:radial-gradient(circle, var(--white) 0%, var(--status-thunder) 32%, var(--status-fire) 58%, transparent 74%);clip-path:polygon(50% 0,60% 30%,88% 12%,72% 40%,100% 50%,72% 60%,88% 88%,60% 70%,50% 100%,40% 70%,12% 88%,28% 60%,0 50%,28% 40%,12% 12%,40% 30%);width:140%;filter:drop-shadow(0 0 14px var(--status-thunder));opacity:0;animation:.56s cubic-bezier(.2,1.4,.4,1) forwards cf-fx-overload;position:absolute;transform:scale(.1)rotate(0)}@keyframes cf-fx-overload{0%{opacity:1;transform:scale(.1)rotate(0)}40%{opacity:1;transform:scale(1.05)rotate(12deg)}to{opacity:0;transform:scale(1.25)rotate(20deg)}}.cf-fx-overload-ring{aspect-ratio:1;border:6px solid var(--status-thunder);width:120%;box-shadow:0 0 12px var(--status-fire), inset 0 0 12px var(--status-fire);opacity:0;border-radius:50%;animation:.52s ease-out forwards cf-fx-overload-ring;position:absolute;transform:scale(.2)}@keyframes cf-fx-overload-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.cf-fx-superconduct{aspect-ratio:1;border:8px solid var(--status-ice);width:120%;box-shadow:0 0 16px var(--status-ice), inset 0 0 18px var(--status-ice);opacity:0;border-radius:50%;animation:.6s ease-in forwards cf-fx-superconduct;position:absolute;transform:scale(1.5)}@keyframes cf-fx-superconduct{0%{opacity:0;transform:scale(1.5)}20%{opacity:1}70%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(.45)}}.cf-fx-superconduct-arc{aspect-ratio:1;background:linear-gradient(135deg, var(--white), var(--status-thunder) 50%, var(--status-ice));clip-path:polygon(50% 0,56% 40%,100% 50%,56% 60%,50% 100%,44% 60%,0 50%,44% 40%);width:80%;filter:drop-shadow(0 0 10px var(--status-ice));opacity:0;animation:.56s steps(6,end) forwards cf-fx-superconduct-arc;position:absolute;transform:scale(.2)rotate(45deg)}@keyframes cf-fx-superconduct-arc{0%{opacity:1;transform:scale(.2)rotate(45deg)}40%{opacity:1;transform:scale(1)rotate(0)}55%{opacity:.3}70%{opacity:1;transform:scale(.9)rotate(-10deg)}to{opacity:0;transform:scale(1.1)rotate(-20deg)}}@keyframes cf-reaction-pop{0%{opacity:0;transform:translateY(8px)scale(.2)}20%{opacity:1;transform:translateY(-6px)scale(1.35)}35%{transform:translateY(-8px)scale(1)}80%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}.cf-reaction-pop{animation:cf-reaction-pop 1.2s var(--ease-out) forwards}@keyframes cf-reaction-ready{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cf-reaction-ready{animation:.9s ease-in-out infinite cf-reaction-ready}@media (prefers-reduced-motion:reduce){.cf-fx-melt,.cf-fx-melt-steam,.cf-fx-overload,.cf-fx-overload-ring,.cf-fx-superconduct,.cf-fx-superconduct-arc{animation-name:cf-fx-still-flash}.cf-reaction-ready{animation:none}.cf-reaction-pop{animation-duration:1ms}}.cf-fx-slash--venom{background:linear-gradient(90deg,#93c25a00,#dff5b0 30%,#93c25a 55%,#5f8f36 80%,#93c25a00);box-shadow:0 0 10px #93c25a,0 0 22px #93c25acc}.cf-fx-bubbles{opacity:0;background:radial-gradient(circle at 20% 80%,#b8e07a 0 7%,#0000 8%),radial-gradient(circle at 60% 70%,#93c25a 0 9%,#0000 10%),radial-gradient(circle at 80% 85%,#b8e07a 0 6%,#0000 7%),radial-gradient(circle at 40% 90%,#5f8f36 0 8%,#0000 9%);animation:.52s ease-out forwards cf-fx-rise;position:absolute;inset:20% 25%}.cf-fx-embers{opacity:0;background:radial-gradient(circle at 25% 80%,#ffd27a 0 5%,#0000 6%),radial-gradient(circle at 55% 75%,#f08a3a 0 7%,#0000 8%),radial-gradient(circle at 80% 88%,#ffb030 0 5%,#0000 6%),radial-gradient(circle at 45% 92%,#e0561e 0 6%,#0000 7%);animation:.52s ease-out forwards cf-fx-rise;position:absolute;inset:20% 25%}@keyframes cf-fx-rise{0%{opacity:0;transform:translateY(20%)}30%{opacity:1}to{opacity:0;transform:translateY(-40%)}}.cf-fx-claw{aspect-ratio:1;background:linear-gradient(115deg, transparent 22%, var(--hp-500) 23% 26%, transparent 27%), linear-gradient(115deg, transparent 42%, var(--hp-300) 43% 46%, transparent 47%), linear-gradient(115deg, transparent 62%, var(--hp-500) 63% 66%, transparent 67%);filter:drop-shadow(0 0 4px #e0675ae6);clip-path:inset(0 100% 0 0);width:70%;max-width:120px;animation:.46s ease-out forwards cf-fx-claw;position:absolute}.cf-fx-claw--back{transform:scaleX(-1)}@keyframes cf-fx-claw{0%{clip-path:inset(0 100% 0 0);opacity:1}40%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}.cf-fx-spell{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#a37ac68c 0%,#6e479600 65%);border:3px solid #a37ac6;border-radius:50%;width:60%;max-width:160px;animation:.56s ease-out forwards cf-fx-spell;position:absolute;transform:scale(.3)rotate(0);box-shadow:0 0 12px #a37ac6,inset 0 0 12px #a37ac6}@keyframes cf-fx-spell{0%{opacity:1;transform:scale(.3)rotate(0)}60%{opacity:1;transform:scale(1)rotate(120deg)}to{opacity:0;transform:scale(1.3)rotate(180deg)}}.cf-fx-breath{filter:blur(2px);opacity:0;background:linear-gradient(90deg,#e0561e00 0%,#e0561ed9 25%,#ffb030f2 55%,#fff5c0e6 75%,#ffb03000 100%);border-radius:40%;animation:.7s ease-in-out forwards cf-fx-breath;position:absolute;inset:25% -10% 15%;transform:translate(100%)scaleY(.6)}@keyframes cf-fx-breath{0%{opacity:0;transform:translate(100%)scaleY(.6)}20%{opacity:1}70%{opacity:1;transform:translate(-10%)scaleY(1)}to{opacity:0;transform:translate(-60%)scaleY(1.1)}}.cf-fx-ghost{pointer-events:none;animation:.65s ease-in forwards cf-fx-ghost;position:absolute}@keyframes cf-fx-ghost{0%{opacity:1;filter:brightness(3);transform:translateY(0)}25%{opacity:1;filter:brightness(1.4)}to{opacity:0;filter:brightness(.6);transform:translateY(14px)}}.cf-fx-hurt-flash{z-index:60;pointer-events:none;opacity:0;background:radial-gradient(#9a2c1c00 45%,#c43b228c 100%);animation:.52s ease-out forwards cf-fx-hurt-flash;position:absolute;inset:0}.cf-fx-hurt-flash--guard{background:radial-gradient(#7d95b500 50%,#7d95b573 100%)}@keyframes cf-fx-hurt-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cf-fx-ghost{animation-duration:1ms;animation-delay:0s}.cf-fx-rapid,.cf-fx-spark{animation-name:cf-fx-still-flash}.cf-fx-rapid{transform:rotate(var(--rapid-angle))}.cf-fx-spark{transform:none}@keyframes cf-fx-still-flash{0%,40%{opacity:1}to{opacity:0}}}.cf-unit{cursor:pointer;-webkit-tap-highlight-color:transparent}.cf-unit:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px;border-radius:var(--radius-sm)}.cf-pile-btn{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);background:0 0;border:none;margin:0}.cf-pile-btn:disabled{cursor:default}@media (hover:hover){.cf-pile-btn:not(:disabled):hover{filter:brightness(1.08)}}.cf-pile-btn:not(:disabled):active{transform:translateY(3px)}.cf-pile-btn:focus-visible{outline:3px solid var(--yellow-400);outline-offset:2px}.cf-banner{animation:cf-banner .42s var(--ease-pop) both}@keyframes cf-banner{0%{opacity:0;transform:scaleY(.2)}55%{opacity:1;transform:scaleY(1.08)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.cf-banner{animation:none}}.cf-showcase{animation:cf-showcase-in var(--showcase-fade-in) linear both, cf-showcase-out var(--showcase-fade-out) linear var(--showcase-fade-out-at) forwards;-webkit-tap-highlight-color:transparent}@keyframes cf-showcase-in{0%{opacity:0}to{opacity:1}}@keyframes cf-showcase-out{0%{opacity:1}to{opacity:0}}.cf-showcase-card{animation-name:cf-showcase-card;animation-duration:var(--showcase-pop);animation-delay:var(--showcase-delay);animation-timing-function:var(--ease-pop);animation-fill-mode:both;position:relative}@keyframes cf-showcase-card{0%{opacity:0;filter:brightness(2.2);transform:scale(.55)translateY(12%)}8%{opacity:1}24%{filter:brightness(1.4);transform:scale(1.08)}36%{filter:brightness();transform:scale(1)}to{filter:brightness();transform:scale(1)}}.cf-showcase-card:after{content:"";pointer-events:none;border-radius:var(--radius-md);background:linear-gradient(115deg, transparent 38%, var(--yellow-300) 50%, transparent 62%);mix-blend-mode:screen;opacity:0;animation:inherit;background-size:300% 100%;animation-name:cf-showcase-shine;animation-timing-function:ease-out;position:absolute;inset:0}.cf-showcase-card-removed:after{content:none}@keyframes cf-showcase-shine{0%,20%{opacity:0;background-position:100% 0}28%{opacity:.8}56%{opacity:0;background-position:0 0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cf-showcase,.cf-showcase-card,.cf-showcase-card:after{animation-name:none}}