@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,900&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color:#f8ead2;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg:#160e12;--panel:#2d1c1dc7;--panel-strong:#4d2d22e6;--line:#f4b85a57;--gold:#f4b85a;--amber:#d86f32;--cream:#f8ead2;--red:#cf3f36;--blue:#7fb3b2;--green:#8fbf72;--ink:#231317;background:#160e12;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 12%,#f4b85a33,#0000 28rem),radial-gradient(circle at 90% 16%,#7fb3b21f,#0000 26rem),linear-gradient(135deg,#12090d 0%,#2a1717 48%,#130e13 100%);min-width:320px;min-height:100vh;margin:0}button{border:1px solid var(--line);color:var(--cream);font:inherit;cursor:pointer;background:#f8ead214;border-radius:999px;padding:.75rem 1rem;font-weight:700;transition:transform .16s}button:hover:not(:disabled){background:#f4b85a29;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}.primary{color:#24120b;background:linear-gradient(135deg,#f4b85a,#d86f32);border-color:#0000;box-shadow:0 12px 34px #d86f3240}h1,h2,h3{margin:0;font-family:Fraunces,serif;line-height:.95}p{margin:0}.rarity-common{color:#c8d0e0}.rarity-uncommon{color:#4caf50}.rarity-rare{color:#4a90d9}.rarity-epic{color:#9c6ac4}.tooltip-trigger{cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button.tooltip-trigger{cursor:pointer}.custom-tooltip{z-index:9999;color:#f8ead2f0;pointer-events:none;background:#140c10f5;border:1px solid #f4b85a5c;border-radius:10px;max-width:18rem;padding:.55rem .7rem;font-size:.82rem;line-height:1.35;animation:.12s ease-out tooltipFade;position:fixed;box-shadow:0 12px 28px #0000006b}.custom-tooltip:has(.ability-tt){box-shadow:none;background:0 0;border:none;max-width:none;padding:0}.custom-tooltip:has(.ability-tt):after{display:none}.custom-tooltip .tt-title{color:var(--gold);letter-spacing:.04em;font-size:.86rem;font-weight:700}.custom-tooltip .tt-sub{color:#f8ead29e;margin-top:.05rem;font-size:.74rem}.custom-tooltip .tt-body{color:#f8ead2e0;margin-top:.3rem}.tt-keyword{font-weight:800}.custom-tooltip .tt-keyword{color:#fff3d5}.custom-tooltip .tt-keyword-list{border-top:1px solid #f8ead21f;margin-top:.45rem;padding-top:.42rem}.custom-tooltip .tt-keyword-entry{color:#f8ead2c7;gap:.08rem;margin-top:.26rem;font-size:.72rem;line-height:1.3;display:grid}.custom-tooltip .tt-keyword-name{color:#f1dfb8;align-items:center;gap:.28rem;display:inline-flex}.custom-tooltip .tt-keyword-name img{object-fit:contain;flex:none;width:.9rem;height:.9rem}.custom-tooltip:after{content:"";left:var(--arrow-x,50%);border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;margin-left:-6px;position:absolute}.custom-tooltip.tt-top:after{border-top:6px solid #f4b85a5c;top:100%}.custom-tooltip.tt-bottom:after{border-bottom:6px solid #f4b85a5c;bottom:100%}.custom-tooltip.tt-right:after,.custom-tooltip.tt-left:after{left:auto;top:var(--arrow-y,50%);border:6px solid #0000;margin:-6px 0 0}.custom-tooltip.tt-right:after{border-right-color:#f4b85a5c;right:100%}.custom-tooltip.tt-left:after{border-left-color:#f4b85a5c;left:100%}@keyframes tooltipFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ball{--ball-a:#fff4ef;--ball-b:#e02f24;--ball-c:#7d1714;--ball-outline:#f8ead280;--ball-glow:#f8ead224;--symbol-bg:#fff6dad1;--level-ring:#fff6da00;--level-badge:#fff6daf0;--ball-modifier-opacity:.96;--ball-modifier-filter:contrast(1.06) saturate(.96);color:#21110c;background:radial-gradient(circle at 30% 24%, #ffffff6e 0 .26rem, #ffffff24 .32rem, transparent .58rem), radial-gradient(circle at 38% 32%, var(--ball-a) 0%, var(--ball-b) 58%, var(--ball-c) 100%);border:4px solid var(--ball-outline);width:6rem;min-height:6rem;box-shadow:inset -.35rem -.42rem .72rem #23131738, inset .22rem .28rem .6rem #ffffff3d, 0 0 0 2px #0000006b, 0 0 0 5px var(--ball-glow), 0 0 0 var(--level-ring-size,0) var(--level-ring), 0 8px 18px #00000024;border-radius:50%;place-items:center;padding:.55rem;display:grid;position:relative;overflow:visible}.ball-symbol,.ball-modifier-texture,.ball-level,.ball-level-pips{z-index:1;position:relative}.ball-level,.ball-level-pips{z-index:3}.ball-modifier-texture{z-index:1;pointer-events:none;background:var(--ball-modifier-texture) center / 108% 108% no-repeat;opacity:var(--ball-modifier-opacity);filter:var(--ball-modifier-filter);border-radius:50%;position:absolute;inset:.02rem;-webkit-mask-image:radial-gradient(circle,#000 0 98%,#0000 99%);mask-image:radial-gradient(circle,#000 0 98%,#0000 99%)}.level-1{--level-ring-size:0}.level-2{--level-ring-size:3px;--level-ring:#fff6da94;--level-badge:#fff0b8}.level-3{--level-ring-size:5px;--level-ring:#f4b85ab3;--level-badge:#ffd36b}.level-4{--level-ring-size:7px;--level-ring:#ffffffd1;--level-badge:#fff}.ball-level{background:var(--level-badge);color:#21110c;text-shadow:0 1px #ffffff5c;border:2px solid #2313175c;border-radius:999px;place-items:center;min-width:1.85rem;height:1.55rem;padding:0 .25rem;font-size:1rem;font-weight:950;line-height:1;display:grid;position:absolute;top:-.2rem;right:-.18rem;box-shadow:0 0 0 1px #00000038,0 2px 5px #00000047}.ball-level-pips{pointer-events:none;position:absolute;inset:0}.ball-level-pips i{background:#fff6daeb;border:1px solid #23131747;border-radius:50%;width:.5rem;height:.5rem;position:absolute;bottom:.34rem;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000052}.level-1 .ball-level-pips{opacity:.58}.level-2 .ball-level-pips i:first-child{bottom:.46rem;transform:translate(calc(-50% - .48rem))}.level-2 .ball-level-pips i:nth-child(2){bottom:.46rem;transform:translate(calc(.48rem - 50%))}.level-3 .ball-level-pips i,.level-4 .ball-level-pips i{width:.54rem;height:.54rem}.level-3 .ball-level-pips i:first-child{bottom:.62rem;transform:translate(calc(-50% - .78rem))}.level-3 .ball-level-pips i:nth-child(2){bottom:.32rem}.level-3 .ball-level-pips i:nth-child(3){bottom:.62rem;transform:translate(calc(.78rem - 50%))}.level-4 .ball-level-pips i:first-child{bottom:.8rem;transform:translate(calc(-50% - 1.05rem))}.level-4 .ball-level-pips i:nth-child(2){bottom:.42rem;transform:translate(calc(-50% - .36rem))}.level-4 .ball-level-pips i:nth-child(3){bottom:.42rem;transform:translate(calc(.36rem - 50%))}.level-4 .ball-level-pips i:nth-child(4){bottom:.8rem;transform:translate(calc(1.05rem - 50%))}.ball-symbol{color:#0000;fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;background:0 0;border-radius:50%;place-items:center;width:2.55rem;height:2.55rem;padding:.4rem;display:grid}.ball-modifier-symbol{z-index:2;place-items:center;width:3.7rem;height:3.7rem;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ball-modifier-symbol .ball-modifier-icon{filter:drop-shadow(0 1px #fff8ea80)drop-shadow(0 2px 3px #00000080);width:3.7rem;height:3.7rem}.ball-modifier-icon{object-fit:contain;object-position:center center;-webkit-user-select:none;user-select:none;pointer-events:none;width:1.22rem;height:1.22rem;display:block}.compact-ball .ball-symbol{stroke-width:2.1px;width:1.9rem;height:1.9rem;padding:.28rem}.mini-ball .ball-symbol{stroke-width:2.5px;width:1rem;height:1rem;padding:.12rem}.ball-neutral{--ball-outline:#f8ead26b;--ball-glow:#f8ead21f}.ball-red{--ball-a:#ffd0ca;--ball-b:#e02f24;--ball-c:#831714;--symbol-bg:#ffeee8db}.ball-blue{--ball-a:#d4f0ff;--ball-b:#168de2;--ball-c:#0f4d89;--symbol-bg:#ebf8ffdb}.ball-green{--ball-a:#d8f6da;--ball-b:#38a638;--ball-c:#1d631f;--symbol-bg:#f0ffefdb}.ball-yellow{--ball-a:#fff0b8;--ball-b:#f0a51f;--ball-c:#9a5e08;--symbol-bg:#fff9e0e0}.ball-unknown{--ball-a:#f0f0ed;--ball-b:#8c8c86;--ball-c:#4d4d49;--symbol-bg:#f2f2eed6}.ball-modifier-void.ball-red{--ball-a:#e9d8d6;--ball-b:#8e4d49;--ball-c:#512a28}.ball-modifier-void.ball-blue{--ball-a:#e1ecf1;--ball-b:#507b9b;--ball-c:#2e455a}.ball-modifier-void.ball-green{--ball-a:#e4eee4;--ball-b:#618a61;--ball-c:#385138}.ball-modifier-void.ball-yellow{--ball-a:#f6f1dc;--ball-b:#c8ac7c;--ball-c:#7b6546}.level-0{--level-ring-size:0;--level-badge:#d2d2cceb}.compact-ball{border-width:2px;width:3.75rem;min-height:3.75rem;padding:.3rem}.compact-ball .ball-level{border-width:1px;min-width:1.26rem;height:1.04rem;font-size:.68rem;top:-.16rem;right:-.16rem}.compact-ball .ball-modifier-icon{stroke-width:2.15px;width:.84rem;height:.84rem}.compact-ball .ball-modifier-symbol{width:2.95rem;height:2.95rem;padding:0}.compact-ball .ball-modifier-symbol .ball-modifier-icon{stroke-width:2.65px;width:2.95rem;height:2.95rem}.compact-ball .ball-level-pips{inset:0}.compact-ball .ball-level-pips i{width:.34rem;height:.34rem}.compact-ball.level-1 .ball-level-pips i{bottom:.2rem}.compact-ball.level-2 .ball-level-pips i:first-child{bottom:.27rem;transform:translate(calc(-50% - .34rem))}.compact-ball.level-2 .ball-level-pips i:nth-child(2){bottom:.27rem;transform:translate(calc(.34rem - 50%))}.compact-ball.level-3 .ball-level-pips i:first-child{bottom:.39rem;transform:translate(calc(-50% - .52rem))}.compact-ball.level-3 .ball-level-pips i:nth-child(2){bottom:.2rem}.compact-ball.level-3 .ball-level-pips i:nth-child(3){bottom:.39rem;transform:translate(calc(.52rem - 50%))}.compact-ball.level-4 .ball-level-pips i:first-child{bottom:.5rem;transform:translate(calc(-50% - .68rem))}.compact-ball.level-4 .ball-level-pips i:nth-child(2){bottom:.24rem;transform:translate(calc(-50% - .24rem))}.compact-ball.level-4 .ball-level-pips i:nth-child(3){bottom:.24rem;transform:translate(calc(.24rem - 50%))}.compact-ball.level-4 .ball-level-pips i:nth-child(4){bottom:.5rem;transform:translate(calc(.68rem - 50%))}.mini-ball{border-width:1px;width:1.65rem;min-height:1.65rem;padding:.14rem;box-shadow:inset -1px -2px 4px #23131724,0 0 0 1px #0000006b}.mini-ball .ball-modifier-icon{stroke-width:2.45px;width:.58rem;height:.58rem}.mini-ball .ball-modifier-symbol{width:1.24rem;height:1.24rem;padding:0}.mini-ball .ball-modifier-symbol .ball-modifier-icon{stroke-width:2.75px;width:1.24rem;height:1.24rem}.mini-ball .ball-level-pips{opacity:1;inset:0}.mini-ball .ball-level-pips i{border-width:1px;width:.18rem;height:.18rem;box-shadow:0 1px 2px #00000052}.mini-ball.level-1 .ball-level-pips i{bottom:.1rem;transform:translate(-50%)}.mini-ball.level-2 .ball-level-pips i:first-child{bottom:.12rem;transform:translate(calc(-50% - .18rem))}.mini-ball.level-2 .ball-level-pips i:nth-child(2){bottom:.12rem;transform:translate(calc(.18rem - 50%))}.mini-ball.level-3 .ball-level-pips i:first-child{bottom:.2rem;transform:translate(calc(-50% - .26rem))}.mini-ball.level-3 .ball-level-pips i:nth-child(2){bottom:.08rem;transform:translate(-50%)}.mini-ball.level-3 .ball-level-pips i:nth-child(3){bottom:.2rem;transform:translate(calc(.26rem - 50%))}.mini-ball.level-4 .ball-level-pips i:first-child{bottom:.24rem;transform:translate(calc(-50% - .32rem))}.mini-ball.level-4 .ball-level-pips i:nth-child(2){bottom:.1rem;transform:translate(calc(-50% - .12rem))}.mini-ball.level-4 .ball-level-pips i:nth-child(3){bottom:.1rem;transform:translate(calc(.12rem - 50%))}.mini-ball.level-4 .ball-level-pips i:nth-child(4){bottom:.24rem;transform:translate(calc(.32rem - 50%))}.compact-ball .ball-modifier-texture{inset:.01rem}.ball-stuck{filter:saturate(.85)brightness(.95);animation:1.6s ease-in-out infinite ball-stuck-strain}.ball-stuck .ball-modifier-texture{animation:1.6s ease-in-out infinite ball-stuck-glue}@keyframes ball-stuck-strain{0%,to{transform:rotate(-1.8deg)translateY(0)}22%{transform:rotate(1.4deg)translateY(.5px)}50%{transform:rotate(2deg)translateY(0)}72%{transform:rotate(-1.2deg)translateY(.5px)}}@keyframes ball-stuck-glue{0%,to{opacity:1}50%{opacity:.86}}@media (prefers-reduced-motion:reduce){.ball-stuck,.ball-stuck .ball-modifier-texture{animation:none}}.ball-output-panel{border-top:1px solid #f8ead224;flex-direction:column;gap:.34rem;margin-top:.4rem;padding-top:.4rem;display:flex}.ability-tt-panel .ball-output-panel{margin-top:.18rem;padding-top:.34rem}.ball-output-heading{color:#f8ead28c;letter-spacing:.09em;text-transform:uppercase;font-size:.61rem;font-weight:800}.ball-output-preview{align-items:center;gap:.52rem;display:flex}.ball-output-token{flex:none;position:relative}.ball-output-token>b{z-index:4;color:#fff6d9;text-shadow:0 1px 3px #000,0 0 5px #000;place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.ball-output-copy{color:#f8ead2e6;flex-direction:column;min-width:0;font-size:.74rem;line-height:1.25;display:flex}.ball-output-copy small{color:#f8ead2a3;font-size:.68rem}.recipe-actions-grid,.ability-offers-grid{--ability-card-width:10rem;grid-template-columns:repeat(auto-fit, var(--ability-card-width));justify-content:start;gap:.62rem;display:grid}.recipe-action-card{--action-effect:var(--action-accent,#d1a85e);--ability-art-ratio:16 / 9;--rarity-color:var(--action-effect);--rarity-frame-size:.7px;--rarity-frame-outer:0px;--rarity-texture-opacity:.05;--rarity-frame-texture-width:calc(var(--rarity-frame-size) + 4px);isolation:isolate;width:var(--ability-card-width,10rem);height:calc(var(--ability-card-width,10rem) * 1.4);text-align:left;border:1px solid color-mix(in srgb, var(--action-effect) 52%, #ffffff29);background:linear-gradient(180deg, #ffffff14, transparent 16%), radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--action-effect) 22%, transparent), transparent 34%), linear-gradient(180deg, #38282a, #171214 72%);color:#f8ead2c7;cursor:default;border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;align-items:stretch;gap:.2rem;padding:.36rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 4px #0000002e,0 10px 22px #0000003d}.recipe-action-card:before,.recipe-action-card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.recipe-action-card:before{z-index:0;padding:var(--rarity-frame-texture-width);background:linear-gradient(115deg, rgba(255,255,255,var(--rarity-texture-opacity)) 0 8%, transparent 8% 18%, rgba(255,255,255,calc(var(--rarity-texture-opacity) * .65)) 18% 23%, transparent 23% 100%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--rarity-color) 22%, transparent) 0 1px, transparent 1px 7px), radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--rarity-color) 22%, transparent), transparent 28%);-webkit-mask-composite:xor;opacity:.26;background-clip:border-box;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.recipe-action-card:after{z-index:2;box-shadow:inset 0 0 0 var(--rarity-frame-size) color-mix(in srgb, var(--rarity-color) 72%, #ffffff1f), inset 0 0 0 calc(var(--rarity-frame-size) + 2px) #00000029, 0 0 0 var(--rarity-frame-outer) color-mix(in srgb, var(--rarity-color) 68%, transparent);opacity:.68}.recipe-action-card>:not(.ability-card-content),.recipe-action-card .ability-card-content>*{z-index:1;position:relative}button.recipe-action-card{will-change:transform}.recipe-action-card.action-ready{cursor:pointer;border-color:color-mix(in srgb, var(--action-effect) 68%, #ffffff2e);color:#f8ead2f5;outline:2px solid color-mix(in srgb, var(--action-effect) 42%, transparent);outline-offset:1px}.recipe-action-card.action-ready:hover{background:linear-gradient(180deg, #ffffff1c, transparent 17%), radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--action-effect) 28%, transparent), transparent 36%), linear-gradient(180deg, #413033, #1d1618 72%)}.recipe-action-card.action-spent{opacity:.46;cursor:default}.recipe-action-card.action-condition-locked{cursor:not-allowed;opacity:.84;background:repeating-linear-gradient(135deg, #e1b35514 0 7px, transparent 7px 14px), linear-gradient(180deg, #ffffff0f, transparent 16%), radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--action-effect) 14%, transparent), transparent 34%), linear-gradient(180deg, #30282a, #171416 72%);filter:saturate(.72);border-color:#e1b355c7;box-shadow:inset 0 0 0 1px #e1b35529,inset 0 0 18px #e1b35514,0 10px 22px #0000003d}.ability-condition-lock-badge{z-index:4;color:#ffe0a0;letter-spacing:.08em;text-transform:uppercase;text-align:center;pointer-events:none;background:#2a1f12e6;border:1px solid #ffd67ed1;border-radius:999px;width:max-content;max-width:calc(100% - .8rem);padding:.2rem .42rem;font-size:.58rem;font-weight:800;line-height:1;position:absolute;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.recipe-action-card.action-color-red{--action-accent:#d6513f}.recipe-action-card.action-color-blue{--action-accent:#4d98d8}.recipe-action-card.action-color-green{--action-accent:#59ad62}.recipe-action-card.action-color-yellow{--action-accent:#d6aa4e}.recipe-action-card.action-effect-damage{--action-effect:#d6513f}.recipe-action-card.action-effect-shield{--action-effect:#4d98d8}.recipe-action-card.action-effect-heal{--action-effect:#59ad62}.recipe-action-card.action-effect-gainStrength{--action-effect:#d8793a}.recipe-action-card.action-effect-applyPoison{--action-effect:#62b86b}.recipe-action-card.action-effect-applyStatus{--action-effect:#c1a35e}.recipe-action-card.action-effect-removeStatus{--action-effect:#b9e7ff}.recipe-action-card.action-effect-drawBall,.recipe-action-card.action-effect-feedTray,.recipe-action-card.action-effect-storedHpLossFeedTray,.recipe-action-card.action-effect-shieldFeedTray,.recipe-action-card.action-effect-bloodFillTray,.recipe-action-card.action-effect-emptyTrayFeed,.recipe-action-card.action-effect-emptyTrayRefresh,.recipe-action-card.action-effect-returnTrayBalls,.recipe-action-card.action-effect-storageLevelFeedTray,.recipe-action-card.action-effect-redrawCube,.recipe-action-card.action-effect-replaceChute,.recipe-action-card.action-effect-paintFirstCube,.recipe-action-card.action-effect-paintChuteFirst,.recipe-action-card.action-effect-paintStorage,.recipe-action-card.action-effect-levelFirstCube,.recipe-action-card.action-effect-raiseChuteFirst,.recipe-action-card.action-effect-raiseStorage,.recipe-action-card.action-effect-conjureBall{--action-effect:#d6aa4e}.ability-card-unframed{display:contents}.ability-card-head{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;min-height:1.34rem;display:grid}.ability-card-title{color:#fff1cf;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;text-shadow:0 1px #0000009e;-webkit-box-orient:vertical;font-size:.76rem;font-weight:900;line-height:1.02;display:-webkit-box;overflow:hidden}.ability-card-head-targeted .ability-card-title{padding-left:.2824rem}.ability-play-limit-icon{border:1px solid color-mix(in srgb, var(--action-effect) 58%, #ffffff3d);width:1.28rem;height:1.28rem;color:color-mix(in srgb, var(--action-effect) 78%, #fff2c8);background:#0000004d;border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.ability-play-limit-icon svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:1.02rem;height:1.02rem}.ability-play-limit-1x{letter-spacing:0;font-size:.52rem;font-weight:950;line-height:1}.ability-target-icon{border:1px solid color-mix(in srgb, var(--action-effect) 64%, #ffffff3d);width:1.68rem;height:1.28rem;color:color-mix(in srgb, var(--action-effect) 82%, #fff2c8);background:#00000047;border-radius:999px;place-items:center;display:grid}.ability-target-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.12rem}.ability-target-icon .target-dot rect{fill:#0003;stroke:currentColor;opacity:.48}.ability-target-icon .target-dot-crossed rect{opacity:.92}.ability-target-icon .target-dot-cross{fill:none;stroke:currentColor;stroke-width:1.65px;opacity:1}.ability-art-frame{aspect-ratio:var(--ability-art-ratio);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--action-effect) 36%, transparent), transparent 48%), linear-gradient(135deg, #d1a85e42, #261c1feb);border:1px solid #ffffff24;border-radius:6px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000047}.ability-art-frame img{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.ability-art-fallback{color:color-mix(in srgb, var(--action-effect) 55%, #fff4d2d1);place-items:center;font-family:Georgia,Times New Roman,serif;font-size:2.6rem;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.ability-type-line{border-block:1px solid color-mix(in srgb, var(--action-effect) 42%, #ffffff1f);min-height:.92rem;color:color-mix(in srgb, var(--action-effect) 72%, #fff0ce);letter-spacing:.08em;text-transform:uppercase;background:#0000002e;place-items:center;font-size:.6rem;font-weight:900;display:grid}.ability-effect-text{-webkit-line-clamp:3;line-clamp:3;min-height:2.484rem;color:color-mix(in srgb, var(--action-effect) 24%, #fff1d1);-webkit-box-orient:vertical;font-size:.69rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.ability-effect-text.preview-value{color:color-mix(in srgb, var(--action-effect) 24%, #fff1d1)}.ability-effect-text .effect-value{color:#fff3d5;font-weight:700}.ability-keyword{font-weight:700}.ability-condition-mark{margin-right:.3em;font-weight:800}.ability-condition-mark.condition-met{color:#7fe08a}.ability-condition-mark.condition-unmet{color:#f2846f}.ability-effect-text .ability-keyword{color:#fff3d5}.ability-effect-text.preview-partial,.ability-effect-text.preview-charge{color:color-mix(in srgb, var(--action-effect) 24%, #fff1d1)}.ability-badge-row{align-self:end;min-height:.72rem;position:relative}.ability-card-no-badge-row .ability-badge-row{display:none}.ability-card-no-badge-row .ability-effect-text{-webkit-line-clamp:4;line-clamp:4;grid-row:4/6;min-height:3.312rem}.ability-card-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.35rem;min-height:1.78rem;display:grid;position:relative}.recipe-slots{flex-wrap:wrap;align-items:flex-end;gap:.2rem;display:flex}.recipe-socket{--socket-light:#f7d8d1;--socket-fill:#cf3f36;--socket-dark:#641b18;--socket-border:#cf3f36b8;--socket-glow:#cf3f365c;border:1px solid color-mix(in srgb, var(--socket-border) 76%, #ffffff3d);background:radial-gradient(circle at 30% 24%, #ffffff4d 0 .09rem, #ffffff17 .12rem, transparent .24rem), radial-gradient(circle at 38% 34%, color-mix(in srgb, var(--socket-light) 48%, #21181a) 0%, color-mix(in srgb, var(--socket-fill) 48%, #171214) 58%, color-mix(in srgb, var(--socket-dark) 62%, #090708) 100%);width:1.64rem;height:1.64rem;box-shadow:inset -.12rem -.15rem .25rem #0006, inset .08rem .1rem .2rem #ffffff21, 0 0 0 1px #0000007a, 0 0 0 3px color-mix(in srgb, var(--socket-glow) 34%, transparent);border-radius:50%;flex:0 0 1.64rem;place-items:center;display:grid;position:relative;overflow:visible}.recipe-socket.socket-filled{border-color:color-mix(in srgb, var(--socket-fill) 38%, #fff0bd);background:color-mix(in srgb, var(--socket-fill) 28%, #ffffff1a);box-shadow:inset 0 0 0 1px #ffffff2e, 0 0 0 1px #00000080, 0 0 0 3px color-mix(in srgb, var(--socket-fill) 42%, #ffe0a357), 0 0 .68rem color-mix(in srgb, var(--socket-fill) 58%, #ffe0a359);animation:.26s ease-out recipe-socket-filled}.recipe-socket.socket-preview{z-index:3;outline-offset:1px;border-color:#fff0b8;outline:2px solid #fff0b8eb;box-shadow:inset 0 0 0 1px #ffffff3d,0 0 0 1px #00000085,0 0 .78rem #ffd670c7}.recipe-socket.socket-value-source{border-color:color-mix(in srgb, var(--socket-fill) 48%, #ffe0a3);box-shadow:0 0 0 1px #ffe0a380, 0 0 .48rem color-mix(in srgb, var(--socket-fill) 55%, transparent);position:relative}.recipe-socket.socket-value-fuel{opacity:.72;filter:saturate(.8)}.socket-red{--socket-light:#ffd0ca;--socket-fill:#cf3f36;--socket-dark:#681714;--socket-border:#cf3f36b8;--socket-glow:#cf3f3666}.socket-blue{--socket-light:#d4f0ff;--socket-fill:#4a90d9;--socket-dark:#123f70;--socket-border:#4a90d9b8;--socket-glow:#4a90d966}.socket-green{--socket-light:#d8f6da;--socket-fill:#4caf50;--socket-dark:#215b24;--socket-border:#4caf50b8;--socket-glow:#4caf5066}.socket-yellow{--socket-light:#fff0b8;--socket-fill:#d6aa4e;--socket-dark:#78530c;--socket-border:#d6aa4eb8;--socket-glow:#d6aa4e66}.socket-any{--socket-light:#fff8df;--socket-fill:#f1dfb8;--socket-dark:#584b59;--socket-border:#f1dfb8ad;--socket-glow:#f1dfb85c}.socket-dual{--socket-light:#ffe3c7;--socket-fill:#e08a3e;--socket-dark:#663b31;--socket-border:#e08a3eb3;--socket-glow:#e08a3e61}.recipe-socket.socket-any:not(.socket-filled){background:radial-gradient(circle at 30% 24%,#ffffff57 0 .09rem,#ffffff1a .12rem,#0000 .24rem),conic-gradient(from 35deg,#7a2a26,#7e6433,#346734,#33567e,#7a2a26)}.recipe-socket.socket-dual:not(.socket-filled){background:radial-gradient(circle at 30% 24%, #ffffff52 0 .09rem, #ffffff17 .12rem, transparent .24rem), linear-gradient(135deg, color-mix(in srgb, var(--socket-color-a,#cf3f36) 54%, #171214) 0 50%, color-mix(in srgb, var(--socket-color-b,#d6aa4e) 54%, #171214) 50% 100%)}.recipe-socket-level,.recipe-socket-check{z-index:4;border:1px solid #23131780;border-radius:999px;place-items:center;min-width:.67rem;height:.59rem;padding:0 .1rem;font-size:.5rem;font-weight:950;line-height:1;display:grid;position:absolute;top:-.13rem;right:-.14rem;box-shadow:0 0 0 1px #0000003d,0 1px 3px #0000006b}.recipe-socket-level{color:#21110c;text-shadow:0 1px #ffffff61;background:#fff0b8}.recipe-socket-check{color:#203817;text-shadow:0 1px #ffffff7a;background:#dff5b8;font-size:.56rem}.recipe-socket-pips{z-index:2;pointer-events:none;position:absolute;inset:0}.recipe-socket-pips i{background:#fff6dadb;border:1px solid #23131757;border-radius:50%;width:.16rem;height:.16rem;position:absolute;bottom:.12rem;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0006}.socket-requires-level-2 .recipe-socket-pips i:first-child{transform:translate(calc(-50% - .17rem))}.socket-requires-level-2 .recipe-socket-pips i:nth-child(2){transform:translate(calc(.17rem - 50%))}.socket-requires-level-3 .recipe-socket-pips i:first-child{bottom:.18rem;transform:translate(calc(-50% - .25rem))}.socket-requires-level-3 .recipe-socket-pips i:nth-child(2){bottom:.08rem}.socket-requires-level-3 .recipe-socket-pips i:nth-child(3){bottom:.18rem;transform:translate(calc(.25rem - 50%))}.socket-requires-level-4 .recipe-socket-pips i:first-child{bottom:.22rem;transform:translate(calc(-50% - .3rem))}.socket-requires-level-4 .recipe-socket-pips i:nth-child(2){bottom:.08rem;transform:translate(calc(-50% - .11rem))}.socket-requires-level-4 .recipe-socket-pips i:nth-child(3){bottom:.08rem;transform:translate(calc(.11rem - 50%))}.socket-requires-level-4 .recipe-socket-pips i:nth-child(4){bottom:.22rem;transform:translate(calc(.3rem - 50%))}@keyframes recipe-socket-filled{0%{filter:brightness(1.7);transform:scale(.82)}68%{filter:brightness(1.2);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}.palette-action-card{position:relative}.palette-action-card .ability-art-frame{opacity:1;transition:opacity .14s}.palette-action-card.palette-open .ability-art-frame{opacity:.16}.palette-action-card .palette-quadrants{z-index:4;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.16rem;padding:.32rem;animation:.14s palette-quadrants-in;display:grid;position:absolute;inset:0}@keyframes palette-quadrants-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.palette-action-card .palette-quadrant{opacity:.92;border:1px solid #ffffff59;border-radius:6px;min-width:0;min-height:0;padding:0;transition:transform .1s,box-shadow .1s,filter .1s,opacity .1s}.palette-action-card .palette-quadrant.palette-red{background:#cf3f36}.palette-action-card .palette-quadrant.palette-blue{background:#4a90d9}.palette-action-card .palette-quadrant.palette-green{background:#4caf50}.palette-action-card .palette-quadrant.palette-yellow{background:#d6aa4e}.palette-action-card .palette-quadrant:hover,.palette-action-card .palette-quadrant:focus-visible{opacity:1;filter:brightness(1.18)saturate(1.12);z-index:1;transform:scale(1.05);box-shadow:inset 0 0 0 2px #fff,0 0 12px #ffffff8c}.palette-action-card .palette-uses-badge{z-index:6;border:1px solid color-mix(in srgb, var(--action-effect) 58%, #ffffff3d);min-width:1.28rem;height:1.28rem;color:color-mix(in srgb, var(--action-effect) 78%, #fff2c8);font-variant-numeric:tabular-nums;background:#080507d9;border-radius:999px;place-items:center;padding:0 .3rem;font-size:.72rem;font-weight:800;display:grid;position:absolute;bottom:.42rem;right:.42rem;box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 3px #00000080}.palette-action-card .palette-uses-badge.palette-uses-depleted{opacity:.55;filter:grayscale(.6)}.distinct-recipe-badge{color:#f8ead2a8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.5rem;font-weight:800;position:absolute;top:50%;right:0;transform:translateY(-50%)}.recipe-socket-ball,.recipe-socket-preview-ball{place-items:center;display:grid}.recipe-socket-preview-ball{opacity:.68;filter:saturate(.9)brightness(1.16)}.recipe-socket .mini-ball{width:1.38rem;min-height:1.38rem}@media (prefers-reduced-motion:reduce){.recipe-socket.socket-filled{animation:none}}.ability-card-preview{--ability-card-width:10rem}.ability-tt{flex-direction:column;gap:.35rem;max-width:17rem;display:flex}.ability-tt-panel{background:#140c10f7;border:1px solid #f4b85a4d;border-radius:8px;flex-direction:column;gap:.12rem;padding:.38rem .5rem;display:flex;box-shadow:0 8px 20px #0006}.ability-tt-label{color:#f8ead280;letter-spacing:.1em;text-transform:uppercase;font-size:.58rem;font-weight:800}.ability-tt-text{color:#f8ead2eb;font-size:.78rem;line-height:1.32}.ability-tt-flavor{color:#f8ead294;font-size:.72rem;font-style:italic;line-height:1.3}.ability-tt-keyword{flex-direction:column;gap:.04rem;display:flex}.ability-tt-keyword+.ability-tt-keyword{margin-top:.24rem}.ability-tt-keyword-name{color:#f1dfb8;align-items:center;gap:.28rem;font-size:.74rem;font-weight:800;display:flex}.ability-tt-keyword-icon{object-fit:contain;flex:none;width:.9rem;height:.9rem}.ability-tt-note{color:#ffe2aae6;background:#140c10fa;border-color:#d6aa4e8f;font-size:.74rem;box-shadow:inset 3px 0 #d6aa4eb8,0 10px 24px #00000075}.recipe-action-card.rarity-uncommon{--rarity-color:var(--action-effect);--rarity-frame-size:.65px;--rarity-frame-outer:1px;--rarity-texture-opacity:.16;--rarity-frame-texture-width:2px}.recipe-action-card.rarity-rare{--rarity-color:var(--action-effect);--rarity-frame-size:3px;--rarity-frame-outer:1px;--rarity-texture-opacity:.2;--rarity-frame-texture-width:3px}.recipe-action-card.rarity-epic{--rarity-color:#b07ddb;--rarity-frame-size:4px;--rarity-frame-outer:2px;--rarity-texture-opacity:.14}.recipe-action-card.rarity-uncommon,.recipe-action-card.rarity-rare,.recipe-action-card.rarity-epic{border-color:color-mix(in srgb, var(--rarity-color) 60%, #ffffff2e);background:linear-gradient(180deg, #ffffff17, transparent 16%), radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--action-effect) 22%, transparent), transparent 34%), radial-gradient(circle at 50% 105%, color-mix(in srgb, var(--rarity-color) 16%, transparent), transparent 44%), linear-gradient(180deg, #38282a, #171214 72%);box-shadow:inset 0 0 0 var(--rarity-frame-size) color-mix(in srgb, var(--rarity-color) 52%, #ffffff14), inset 0 0 0 calc(var(--rarity-frame-size) + 4px) #0003, 0 0 0 1px color-mix(in srgb, var(--rarity-color) 55%, transparent), 0 10px 22px #0000003d, 0 0 12px color-mix(in srgb, var(--rarity-color) 22%, transparent)}.recipe-action-card.rarity-rare{border-color:color-mix(in srgb, var(--rarity-color) 76%, #fff3);box-shadow:inset 0 0 0 var(--rarity-frame-size) color-mix(in srgb, var(--rarity-color) 70%, #ffffff1f), inset 0 0 0 calc(var(--rarity-frame-size) + 5px) #00000038, 0 0 0 1.25px color-mix(in srgb, var(--rarity-color) 72%, transparent), 0 10px 22px #00000042, 0 0 18px color-mix(in srgb, var(--rarity-color) 34%, transparent)}.recipe-action-card.rarity-epic{border-color:color-mix(in srgb, var(--rarity-color) 72%, #fff3);box-shadow:inset 0 0 0 var(--rarity-frame-size) color-mix(in srgb, var(--rarity-color) 68%, #ffffff1f), inset 0 0 0 calc(var(--rarity-frame-size) + 6px) #0000003d, 0 0 0 1.5px color-mix(in srgb, var(--rarity-color) 75%, transparent), 0 10px 26px #0000004d, 0 0 22px color-mix(in srgb, var(--rarity-color) 38%, transparent)}.recipe-action-card.rarity-uncommon:before{opacity:0}.recipe-action-card.rarity-uncommon:after{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--rarity-color) 72%, #ffffff29) 0 3px, color-mix(in srgb, var(--rarity-color) 22%, transparent) 3px 6px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--rarity-color) 68%, #ffffff24) 0 3px, color-mix(in srgb, var(--rarity-color) 20%, transparent) 3px 6px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--rarity-color) 72%, #ffffff29) 0 3px, color-mix(in srgb, var(--rarity-color) 22%, transparent) 3px 6px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--rarity-color) 68%, #ffffff24) 0 3px, color-mix(in srgb, var(--rarity-color) 20%, transparent) 3px 6px);background-position:0 0,100% 0,0 100%,0 0;background-size:100% var(--rarity-frame-texture-width), var(--rarity-frame-texture-width) 100%, 100% var(--rarity-frame-texture-width), var(--rarity-frame-texture-width) 100%;box-shadow:inset 0 0 0 calc(var(--rarity-frame-size) + 2px) #0003, 0 0 0 1px color-mix(in srgb, var(--rarity-color) 55%, transparent), 0 10px 22px #0000003d, 0 0 12px color-mix(in srgb, var(--rarity-color) 22%, transparent);opacity:.78;background-repeat:no-repeat}.recipe-action-card.rarity-rare:before,.recipe-action-card.rarity-epic:before{background:linear-gradient(115deg, rgba(255,255,255,var(--rarity-texture-opacity)) 0 8%, transparent 8% 18%, rgba(255,255,255,calc(var(--rarity-texture-opacity) * .7)) 18% 23%, transparent 23% 100%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--rarity-color) 30%, transparent) 0 1px, transparent 1px 6px), repeating-linear-gradient(135deg, #ffffff09 0 1px, transparent 1px 9px), radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--rarity-color) 26%, transparent), transparent 28%);opacity:.36}.recipe-action-card.rarity-rare:after{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--rarity-color) 84%, #fff3) 0 4px, color-mix(in srgb, var(--rarity-color) 28%, transparent) 4px 7px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--rarity-color) 78%, #ffffff2e) 0 4px, color-mix(in srgb, var(--rarity-color) 26%, transparent) 4px 7px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--rarity-color) 84%, #fff3) 0 4px, color-mix(in srgb, var(--rarity-color) 28%, transparent) 4px 7px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--rarity-color) 78%, #ffffff2e) 0 4px, color-mix(in srgb, var(--rarity-color) 26%, transparent) 4px 7px);background-position:0 0,100% 0,0 100%,0 0;background-size:100% var(--rarity-frame-texture-width), var(--rarity-frame-texture-width) 100%, 100% var(--rarity-frame-texture-width), var(--rarity-frame-texture-width) 100%;box-shadow:inset 0 0 0 var(--rarity-frame-size) color-mix(in srgb, var(--rarity-color) 72%, #ffffff24), inset 0 0 0 calc(var(--rarity-frame-size) + 5px) #0000003d, 0 0 0 1.25px color-mix(in srgb, var(--rarity-color) 72%, transparent), 0 10px 22px #00000042, 0 0 18px color-mix(in srgb, var(--rarity-color) 34%, transparent);opacity:.86;background-repeat:no-repeat}.hp-card{background:#f8ead20b;gap:.25rem;padding:.65rem .85rem;display:grid}.hp-card-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.hp-card span,.hp-card small{color:#f8ead29e}.hp-card strong{font-size:1.05rem}.hp-card-foot{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.coin-badge{background:#ffc45424;border:1px solid #ffc45459;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .5rem .1rem .35rem;display:inline-flex}.coin-badge strong{color:#ffd382;font-size:.9rem}.coin-icon{filter:drop-shadow(0 1px 1px #00000073);background:url(/rewards/coin.png) 50%/contain no-repeat;flex:none;width:.85rem;height:.85rem;display:inline-block}.coin-badge.gold-gain-pulse{animation:.62s ease-out goldGainPulse}@keyframes goldGainPulse{0%{transform:scale(1);box-shadow:0 0 #ffc454b3}35%{transform:scale(1.14)}to{transform:scale(1);box-shadow:0 0 0 10px #ffc45400}}@media (prefers-reduced-motion:reduce){.coin-badge.gold-gain-pulse{animation:none}}.hp-track{background:#00000059;border:1px solid #f8ead21f;border-radius:999px;height:.72rem;overflow:hidden}.hp-track i{border-radius:inherit;height:100%;transition:width .18s;display:block}.player-hp .hp-track i{background:linear-gradient(90deg,#49d0d6,#b4fff4)}.enemy-hp .hp-track i{background:linear-gradient(90deg,#cf3f36,#ffb06a)}.statbar-wrapper{flex-direction:column;gap:0;display:flex}.statbar{grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.relic-bar{background:#0000002e;border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:.3rem;padding:.35rem .6rem;display:flex}.relic-bar-item{cursor:default;background:#0000004d;border:1px solid #b478dc66;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .15s;display:inline-flex;position:relative}.relic-bar-item:hover{border-color:#b478dcd9}.relic-bar-item svg{width:20px;height:20px}.relic-bar-item img{object-fit:contain;border-radius:50%;width:26px;height:26px}.relic-counter-badge{color:#ffe2a6;text-align:center;background:#261509;border:1px solid #ffe2a6d1;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:.58rem;font-weight:900;line-height:12px;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #000000ad}.relic-trigger-pulse{transform-origin:50%;z-index:2;animation:.3s ease-in-out relicTriggerPulse}@keyframes relicTriggerPulse{0%{transform:scale(1);box-shadow:0 0 #f4b85a00}50%{transform:scale(1.28);box-shadow:0 0 18px #f4b85a8c}to{transform:scale(1);box-shadow:0 0 #f4b85a00}}.capsule-belt{background:#0000002e;border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:.3rem;padding:.35rem .6rem;display:flex}.capsule-belt-slot-wrap{display:inline-flex;position:relative}.capsule-belt-slot{cursor:pointer;background:#0000004d;border:1px solid #78bedc66;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .15s;display:inline-flex}.capsule-belt-slot:hover,.capsule-belt-slot--open{border-color:#78bedce6}.capsule-belt-slot svg{width:22px;height:22px}.capsule-belt-slot img{object-fit:contain;border-radius:50%;width:26px;height:26px}.capsule-belt-slot--empty{cursor:default;background:#ffffff08;border-style:dashed;border-color:#ffffff26}.capsule-belt-menu{z-index:30;background:#141820f7;border:1px solid #ffffff2e;border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.capsule-belt-menu button{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;padding:.2rem .6rem;font-size:.7rem}.capsule-belt-menu button:hover{background:#ffffff24}.capsule-belt-menu .capsule-belt-menu-use{background:#64dc8224;border-color:#78dc9680}.capsule-belt-menu .capsule-belt-menu-use:hover{background:#64dc8247}.relic-bar-item--used{background:#64dc821f;border-color:#64dc82b3}.relic-used-check{color:#000;background:#3cc864e6;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-3px;right:-3px}.enemy-party{grid-template-columns:repeat(var(--enemy-count,1), minmax(0, 1fr));gap:.5rem;transition:grid-template-columns .18s;display:grid}.combatant-card{flex-direction:column;justify-content:flex-end;align-items:center;gap:.32rem;transition:transform .16s,filter .16s;display:flex;position:relative}.combatant-enemy{animation:.18s ease-out enemyPanelSlideIn}.combatant-figure{isolation:isolate;place-items:end center;width:100%;display:grid;position:relative}.combatant-figure:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 58%, var(--figure-flash,transparent), transparent 68%);opacity:0;border-radius:50%;position:absolute;inset:-10% -16%}.combatant-card.hit-react .combatant-figure:after{--figure-flash:#ff5c4cc7;animation:.48s ease-out figureFlash}.combatant-card.fx-shimmer-shield .combatant-figure:after{--figure-flash:#7ac3ffb8;animation:.82s ease-out figureFlash}.combatant-card.fx-shimmer-heal .combatant-figure:after{--figure-flash:#76cd82b8;animation:.82s ease-out figureFlash}@keyframes figureFlash{0%{opacity:0}22%{opacity:1}to{opacity:0}}.combatant-figure:before{content:"";z-index:-1;background:radial-gradient(#0000008c,#0000 68%);border-radius:50%;width:74%;height:1rem;position:absolute;bottom:-.3rem;left:50%;transform:translate(-50%)}.combatant-figure img{object-fit:contain;object-position:bottom center;width:100%;-webkit-mask-image:radial-gradient(74% 80%,#000 50%,#0000 73%);mask-image:radial-gradient(74% 80%,#000 50%,#0000 73%)}.combatant-figure img.combatant-figure-flipped{transform:scaleX(-1)}.combatant-active{transform:translateY(-2px)}.combatant-active .combatant-figure:before{background:radial-gradient(#f4b85a70,#00000073 52%,#0000 72%)}.combatant-active:after{content:"Turn";z-index:3;background:var(--gold);color:#261509;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.16rem .42rem;font-size:.58rem;font-weight:950;position:absolute;top:.1rem;right:.1rem;box-shadow:0 4px 12px #00000047}.combatant-defeated{pointer-events:none;animation:.52s forwards enemyPanelDeath}.enemy-party-holding .combatant-defeated{animation:.52s forwards enemyPanelFall}.combatant-plate{z-index:2;justify-items:center;gap:.24rem;width:100%;display:grid;position:relative}.combatant-name{color:#f8ead2bd;letter-spacing:.05em;text-transform:uppercase;text-align:center;text-shadow:0 1px 3px #000000b3;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.66rem;font-weight:800;overflow:hidden}.combatant-vitals{color:#f8ead2eb;text-shadow:0 1px 3px #000000b3;gap:.2rem;width:100%;display:grid}.combatant-vitals-text{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.combatant-vitals strong{font-size:.82rem;line-height:1}.combatant-vitals span{color:#f8ead2ad;font-size:.7rem;font-weight:700}.combatant-shield-value{align-items:center;gap:.22rem;display:inline-flex}.combatant-shield-value svg{fill:#a9ddff;stroke:#ffffff2e;stroke-width:1.5px;width:.78rem;height:.78rem}.combatant-hp-track{background:#0000006b;border:1px solid #f8ead21f;border-radius:999px;height:.38rem;position:relative;overflow:hidden}.combatant-hp-track i{z-index:1;border-radius:inherit;height:100%;transition:width .18s;display:block;position:relative}.combatant-shield-fill{z-index:2;border-radius:inherit;background:repeating-linear-gradient(135deg,#ffffff57 0 3px,#0000 3px 7px),linear-gradient(90deg,#6aaee280,#b0e1ffeb);border-left:1px solid #e2f7ffcc;transition:width .18s;display:block;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 10px #6aaee233}.combatant-player .combatant-hp-track i{background:linear-gradient(90deg,#49d0d6,#b4fff4)}.combatant-enemy .combatant-hp-track i{background:linear-gradient(90deg,#cf3f36,#ffb06a)}.combatant-intent{z-index:4;color:#fff8ea;background:#160e12d1;border:1px solid #f8ead247;border-radius:999px;justify-content:center;align-items:center;gap:.32rem;min-width:3.35rem;height:1.9rem;font-size:.9rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-1.55rem;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #0000004d}.combatant-intent strong{color:#fff8ea;text-align:right;min-width:.8rem;font-size:.98rem;line-height:1}.combatant-intent-glyph{place-items:center;width:1rem;height:1rem;display:grid}.combatant-intent svg{fill:currentColor;width:1rem;height:1rem}.combatant-intent img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000080);width:1rem;height:1rem}.combatant-intent-damage{color:#ffb3aa;background:#371516db;border-color:#cf3f3694}.combatant-intent-shield{color:#b9e7ff;background:#12263adb;border-color:#4a90d994}.combatant-intent-heal{color:#d8f6da;background:#14301adb;border-color:#4caf5094}.combatant-intent-poison{color:#d8f6da;background:#14301ae0;border-color:#60be699e}.combatant-intent-strength{color:#ffd1b8;background:#3a190ee0;border-color:#e068309e}.combatant-intent-status{--intent-color:#f4b85a;color:color-mix(in srgb, var(--intent-color) 82%, #fff8ea);border-color:color-mix(in srgb, var(--intent-color) 62%, transparent);background:color-mix(in srgb, var(--intent-color) 18%, #160e12e0)}.combatant-intent-defeated,.combatant-intent-waiting{opacity:.55}.combatant-statuses{flex-wrap:wrap;justify-content:center;gap:.28rem;display:flex}.combatant-status{--status-color:#fff8ea;border:1px solid color-mix(in srgb, var(--status-color) 62%, transparent);background:color-mix(in srgb, var(--status-color) 16%, #160e12db);min-width:2.35rem;height:1.28rem;color:color-mix(in srgb, var(--status-color) 82%, #fff8ea);border-radius:999px;align-items:center;gap:.18rem;padding:0 .42rem 0 1.18rem;font-size:.66rem;font-weight:900;line-height:1;display:inline-flex;position:relative;overflow:visible;box-shadow:0 6px 14px #00000042}.combatant-status b{background:color-mix(in srgb, var(--status-color) 22%, #160e12eb);border:1px solid color-mix(in srgb, var(--status-color) 66%, transparent);border-radius:50%;place-items:center;width:1.34rem;height:1.34rem;font-size:.7rem;display:grid;position:absolute;top:50%;left:-.18rem;transform:translateY(-50%)}.combatant-status img{object-fit:contain;filter:drop-shadow(0 1px #fff8ea57)drop-shadow(0 2px 3px #00000094);width:1.36rem;height:1.36rem;position:absolute;top:50%;left:-.2rem;transform:translateY(-50%)}.combatant-status span{line-height:1}.combatant-status-poison.poison-tick-pulse{animation:.52s cubic-bezier(.18,.88,.22,1) poisonStatusPulse;box-shadow:0 0 0 2px #60be6952,0 0 22px #60be699e}.combatant-status.status-gain-pulse{box-shadow:0 0 0 2px color-mix(in srgb, var(--status-color,#fff) 40%, transparent), 0 0 20px var(--status-color,#fff);animation:.52s cubic-bezier(.18,.88,.22,1) poisonStatusPulse}.combatant-card.hit-react{animation:.48s cubic-bezier(.36,.07,.19,.97) hitShake}@keyframes hitShake{0%{filter:drop-shadow(0 0 5px #ff5c4cf2)drop-shadow(0 0 20px #cf3f36cc)brightness(1.45)saturate(1.5);transform:none}12%{transform:translate(-.34rem)}30%{transform:translate(.28rem)}48%{filter:drop-shadow(0 0 12px #cf3f368c)brightness(1.15);transform:translate(-.2rem)}66%{transform:translate(.12rem)}84%{transform:translate(-.05rem)}to{filter:none;transform:none}}.combatant-card.fx-shimmer-shield{animation:.82s ease-out shieldShimmer}.combatant-card.fx-shimmer-heal{animation:.82s ease-out healShimmer}@keyframes shieldShimmer{0%{filter:none}30%{filter:drop-shadow(0 0 6px #b9e7ffe6)drop-shadow(0 0 22px #7ac3ffbf)brightness(1.28)}to{filter:none}}@keyframes healShimmer{0%{filter:none}30%{filter:drop-shadow(0 0 6px #d8f6dae6)drop-shadow(0 0 22px #76cd82bf)brightness(1.28)}to{filter:none}}@keyframes poisonStatusPulse{0%{transform:translateY(0)scale(1)}24%{transform:translateY(.48rem)scale(1.18)}48%{transform:translateY(-.22rem)scale(.96)}72%{transform:translateY(.1rem)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes enemyPanelSlideIn{0%{opacity:.72;transform:translate(.9rem)}to{opacity:1;transform:translate(0)}}@keyframes enemyPanelDeath{0%{opacity:1;filter:none;transform:translateY(0)scale(1)}34%{opacity:1;filter:brightness(1.22)saturate(.78);transform:translateY(-.22rem)scale(1.02)}to{opacity:0;filter:grayscale()blur(1px);transform:translateY(.8rem)scale(.94)}}@keyframes enemyPanelFall{0%{opacity:1;filter:none;transform:translateY(0)scale(1)rotate(0)}34%{opacity:1;filter:brightness(1.22)saturate(.78);transform:translateY(-.22rem)scale(1.02)rotate(0)}to{opacity:.5;filter:grayscale();transform:translateY(.8rem)scale(.94)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.combatant-status-poison.poison-tick-pulse,.combatant-status.status-gain-pulse,.combatant-card.hit-react,.combatant-card.fx-shimmer-shield,.combatant-card.fx-shimmer-heal,.combatant-card.hit-react .combatant-figure:after,.combatant-card.fx-shimmer-shield .combatant-figure:after,.combatant-card.fx-shimmer-heal .combatant-figure:after,.combatant-enemy,.combatant-defeated{animation:none}}.app-shell{width:min(1440px,100%);margin:0 auto;padding:.45rem}.eyebrow,.panel-heading p{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:700}.layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.layout-fight{grid-template-columns:minmax(0,1fr)}.main-stage{gap:.5rem;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:28px;box-shadow:0 18px 50px #0000003d}.map-panel,.reward-panel,.shop-panel,.end-panel,.split-panel,.preflight-panel{padding:.75rem}.combat-panel{padding:.55rem}.panel-heading{justify-content:space-between;align-items:end;gap:.75rem;margin-bottom:.5rem;display:flex}.panel-heading h2,.split-panel h2,.reward-panel h2,.shop-panel h2,.end-panel h2,.preflight-head h2{font-size:clamp(1.5rem,3.2vw,2.4rem)}.combat-panel .panel-heading h2{font-size:1.25rem}.combat-panel .panel-heading p,.combat-panel .panel-heading span{font-size:.72rem}.section-title{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.55rem;display:flex}.section-title h3{font-size:1.05rem}.section-title span{color:#f8ead29e;font-size:.86rem}.token-grid{flex-wrap:wrap;gap:.65rem;display:flex}.small-tokens{gap:.4rem}.offer-card{border-radius:24px;place-items:center;gap:.65rem;padding:1rem;display:grid}.offer-action{flex-direction:column;align-items:center;gap:.25rem;padding:.6rem;display:flex}.offer-action-name{font-size:.95rem;font-weight:700}.offer-action-desc{color:#f8ead2a6;font-size:.75rem}.offer-action.action-color-red{border-color:#cf3f3666}.offer-action.action-color-blue{border-color:#4a90d966}.offer-action.action-color-green{border-color:#4caf5066}.offer-action.action-color-yellow{border-color:#f4b85a66}.offer-coins{background:#f4b85a0f;border-color:#f4b85a66}.offer-coins-icon.coin-icon{width:2rem;height:2rem}.offer-coins-amount{color:var(--gold);font-size:1rem;font-weight:700}.reward-coins-banner{margin:1rem 0 .5rem;background:#f4b85a1f;border:1px solid #f4b85a66;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:.6rem;width:fit-content;margin-inline:auto;padding:.6rem 1.2rem;display:flex}.reward-coin-icon.coin-icon{width:2.2rem;height:2.2rem}.reward-coins-label{color:var(--gold);letter-spacing:.03em;font-size:1.6rem;font-weight:800}.reward-event-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.65rem;margin-top:.75rem;display:grid}.reward-event-result-card{text-align:center;min-height:8.25rem;animation:.42s cubic-bezier(.2,.8,.2,1) both reward-result-pop;animation-delay:calc(var(--reward-result-index,0) * 90ms);background:#f4b85a12;border:1px solid #f4b85a47;border-radius:8px;place-items:center;gap:.32rem;padding:.8rem;display:grid}.reward-event-result-card strong{color:var(--gold);font-size:.9rem}.reward-event-result-name{color:#ffd36a;cursor:help;max-width:100%;display:inline-flex}.reward-event-result-name strong{color:inherit;overflow-wrap:anywhere}.reward-event-result-card span{color:#f8ead2a3;font-size:.75rem;line-height:1.25}@keyframes reward-result-pop{0%{opacity:0;transform:translateY(.35rem)scale(.92);box-shadow:0 0 #f4b85a00}58%{opacity:1;transform:translateY(0)scale(1.04);box-shadow:0 0 1.2rem #f4b85a33}to{opacity:1;transform:translateY(0)scale(1);box-shadow:0 0 #f4b85a00}}.reward-ability-panel{margin:.75rem 0;padding:.55rem}.reward-ability-grid{--ability-card-width:10rem}.reward-ability-card{width:var(--ability-card-width)}.reward-ability-card:disabled{opacity:.48;cursor:default}.reward-relic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));gap:.75rem;margin:.75rem 0;display:grid}.reward-pack-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem;margin-top:.85rem;display:grid}.reward-pack-tile{text-align:center;will-change:transform;background:#12121694;border:1px solid #f8ead22e;border-radius:8px;grid-template-rows:5.4rem minmax(2.35rem,auto) auto;align-content:center;place-items:center;gap:.42rem;min-height:12rem;padding:.9rem .75rem;display:grid;overflow:visible}.reward-pack-tile:not(:disabled):hover{border-color:#f4b85ab3;transform:translateY(-1px)}.reward-pack-tile.rarity-common{box-shadow:inset 0 0 0 1px #dcdcdc14}.reward-pack-tile.rarity-uncommon{border-color:#50b4ff70;box-shadow:inset 0 0 20px #50b4ff14}.reward-pack-tile.rarity-rare{border-color:#dc64ff85;box-shadow:inset 0 0 22px #dc64ff1a}.reward-pack-claimed{opacity:.48}.reward-pack-coin.coin-icon{width:3rem;height:3rem}.reward-pack-art{object-fit:contain;filter:drop-shadow(0 .24rem .34rem #00000075);width:5.2rem;height:5.2rem;display:block}.reward-pack-symbol{width:3.2rem;height:3.2rem;color:var(--gold);background:#f4b85a14;border:1px solid #f4b85a6b;border-radius:8px;place-items:center;font-size:1.7rem;font-weight:900;display:inline-grid}.reward-pack-name{overflow-wrap:anywhere;font-size:1rem;font-weight:800;line-height:1.16}.reward-pack-meta{color:#f8ead2ad;overflow-wrap:anywhere;min-height:1.1rem;font-size:.82rem;line-height:1.15}.reward-opened-pack-head{color:#f8ead2ad;justify-content:space-between;align-items:center;gap:.75rem;margin:.65rem 0;display:flex}.reward-back-button,.reward-pass-button,.reward-skip-button{border-radius:8px}.reward-pass-button{align-items:center;gap:.4rem;margin-top:.9rem;display:inline-flex}.reward-skip-button{margin-top:1rem}.reward-pass-coin.coin-icon{width:1rem;height:1rem}.reward-pack-capsule-full{flex-direction:column;gap:.5rem;display:flex}.reward-pack-disabled{opacity:.6;cursor:default}.reward-pack-passgold{justify-content:center;width:100%;margin-top:0}.reward-capsule-full-note{color:var(--gold);margin-top:.4rem;font-size:.82rem;line-height:1.25}.reward-ability-full-note{color:var(--gold);background:#f4b85a14;border:1px solid #f4b85a6b;border-radius:6px;margin:.5rem 0 0;padding:.5rem .7rem;font-size:.9rem;line-height:1.3}.treasure-panel{width:100%;max-width:920px;margin:0 auto;display:grid;overflow:hidden}.treasure-art{aspect-ratio:16/6;background:#121216d1;border-bottom:1px solid #f8ead224;min-height:12rem;overflow:hidden}.treasure-art img{object-fit:cover;width:100%;height:100%;display:block}.treasure-content{grid-template-columns:minmax(0,.78fr) minmax(20rem,1.22fr);gap:clamp(1rem,2.5vw,1.6rem);padding:clamp(1rem,2.8vw,1.45rem);display:grid}.treasure-header{flex-direction:column;gap:.55rem;min-width:0;display:flex}.treasure-header h2{overflow-wrap:anywhere;font-size:clamp(1.65rem,3.4vw,2.45rem);line-height:.98}.treasure-header p:last-child{color:#f8ead2ad;line-height:1.55}.treasure-options{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.7rem;min-width:0;display:grid}.treasure-relic-option{color:#ffffffd6;text-align:left;overflow-wrap:anywhere;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:auto auto 1fr;justify-items:start;gap:.45rem;min-width:0;min-height:9.5rem;padding:.95rem;display:grid}.treasure-relic-option:not(:disabled):hover{background:#f4b85a14;border-color:#f4b85ab3;transform:translateY(-1px)}.treasure-relic-option strong{color:var(--gold);line-height:1.15}.treasure-relic-option span{color:#ffffff9e;font-size:.78rem;line-height:1.35}.treasure-relic-option .relic-icon{color:inherit;font-size:inherit;line-height:1}.treasure-relic-option .relic-icon svg,.treasure-relic-option .relic-icon img{width:100%;height:100%;display:block}@media (width<=980px){.app-shell{padding:.6rem}.layout,.split-panel,.preflight-columns{grid-template-columns:1fr}.keno-machine{grid-column:1/-1}.rail,.combat-rail{--rail-tile:5rem}.combatant-figure img{max-height:8rem}}@media (width<=560px){.rail,.combat-rail{--rail-tile:4.75rem}.combat-arena{flex-wrap:wrap;gap:1.1rem}.keno-machine{grid-column:auto}.panel-heading,.preflight-head{flex-direction:column;align-items:start}.treasure-panel{border-radius:18px}.treasure-art{min-height:9.5rem}.treasure-content,.treasure-options{grid-template-columns:1fr}}