/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#eff6ff;--blue:#5bc8ff;--red:#ff5a71;--yellow:#ffe76b;--cdn-base:""}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 18% 18%,#428fff2e,#0000 29rem),radial-gradient(circle at 80% 84%,#ff3b5c29,#0000 30rem),#050b18;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}button:active{transform:none}:is(button:focus,button:focus-visible){outline:none}.intro-copy{max-width:480px}.eyebrow{color:var(--blue);font:700 12px/1 var(--font-geist-mono), monospace;letter-spacing:.18em;margin-bottom:18px}.intro-copy h1{letter-spacing:-.08em;text-shadow:0 0 44px #5bc8ff29;margin:0;font-size:clamp(58px,8vw,104px);line-height:.9}.intro-copy p{color:#adbad2;max-width:440px;margin:26px 0 30px;font-size:17px;line-height:1.75}.legend{color:#dce6f9;gap:13px;font-size:14px;display:grid}.legend span{align-items:center;gap:10px;display:flex}.dot{border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px}.dot.blue{color:var(--blue);background:currentColor}.dot.red{color:var(--red);background:currentColor}.dot.yellow{color:var(--yellow);background:currentColor}.game-frame{aspect-ratio:420/760;background:#081226;border:1px solid #a0c0ff33;border-radius:34px;justify-self:center;width:100%;max-height:calc(100svh - 44px);position:relative;overflow:hidden;box-shadow:0 36px 90px #0000007a,0 0 0 8px #ffffff06}.game-canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.game-overlay{z-index:2;background:linear-gradient(#02071121 24%,#020711f0 100%);place-items:end center;padding:24px;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;width:100%}.overlay-card .kicker{color:var(--yellow);font:700 11px/1 var(--font-geist-mono), monospace;letter-spacing:.14em;margin-bottom:12px}.overlay-card h2{letter-spacing:-.04em;margin:0 0 10px;font-size:34px}.overlay-card p{color:#b8c4dc;max-width:310px;margin:0 auto 19px;font-size:14px;line-height:1.55}.rule-pills{flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:18px;display:flex}.rule-pills span{color:#e0e9fa;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:99px;padding:7px 10px;font-size:12px}.play-button{color:#071426;cursor:pointer;background:linear-gradient(135deg,#7fd8ff,#ffe76b);border:0;border-radius:16px;width:100%;min-height:52px;font-size:16px;font-weight:900;transition:none;box-shadow:0 12px 30px #5bc8ff3d}.play-button:hover,.play-button:active{filter:none;transform:none}.result-stats{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.result-stats div{background:#ffffff0f;border-radius:14px;padding:12px}.result-stats strong{color:var(--blue);font-size:23px;display:block}.result-stats small{color:#8f9db8}.toast{z-index:3;color:#fff;pointer-events:none;white-space:nowrap;background:#040b1ad1;border:1px solid #ffffff24;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:800;animation:.18s ease-out toast-in;position:absolute;top:98px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-7px)}}.objective{z-index:2;text-align:center;color:#edf5ff;pointer-events:none;background:#030a18d6;border:1px solid #5bc8ff3b;border-radius:13px;width:calc(100% - 34px);padding:10px 13px;font-size:12px;font-weight:800;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #00000038}@media (max-width:760px){body{background:#050b18}.page-shell{flex-direction:column;width:100%;height:100dvh;min-height:0;padding:0;display:flex;overflow:hidden}.intro-copy{display:none}.game-frame{width:min(100vw,55.2632svh);height:min(100svh,180.952vw);max-height:none;box-shadow:none;border:0;border-radius:0;margin:0 auto}.page-shell>.frontline{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.frontline{color:#ecf8ff;background:radial-gradient(circle at 30% 15%,#244b70,#0000 45%),linear-gradient(#0a1e35,#07111f);width:100%;height:100%;font-family:Arial,sans-serif;position:relative;overflow:hidden}.frontline button{font:inherit;touch-action:manipulation}.frontline .menu,.frontline .setup,.frontline .result{flex-direction:column;flex:1;min-height:0;padding:28px 22px;display:flex;overflow-y:auto}.brand{text-align:center;margin-top:50px}.brand span{color:#ffd778;font-size:40px}.brand h1{letter-spacing:-.08em;margin:7px 0;font-size:39px}.brand p{color:#9fc2d8;font-size:12px}.level-list{gap:12px;margin:38px 0 18px;display:grid}.level{text-align:left;color:#eaf8ff;background:linear-gradient(135deg,#163754,#10273d);border:1px solid #426781;border-radius:16px;min-height:70px;padding:13px 16px}.level b,.level small,.level em{display:block}.level small{color:#9ebfd1;margin-top:4px;font-size:10px}.level em{float:right;color:#ffe178;margin-top:-42px;font-size:13px;font-style:normal}.level.locked{opacity:.38}.save-note{text-align:center;color:#87a8bc;font-size:10px}.setup header,.battle header{align-items:center;gap:10px;min-height:48px;display:flex}.setup header button{color:#fff;background:#1d4565;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:0;display:flex}.setup header button:before{content:"";border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:10px;height:10px;margin-right:-2px;transform:rotate(45deg)}.setup header b,.setup header small{display:block}.setup header small{color:#9fc1d3;margin-top:3px;font-size:10px}.deploy-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 8px 17px;display:grid}.slot{aspect-ratio:1;color:#81b7d2;background:#102d45;border:1px solid #3d6982;border-radius:14px;font-size:24px}.slot.filled{color:#fff2b0;background:linear-gradient(135deg,#2a5972,#1a3e58);box-shadow:0 6px 12px #0003}.slot span,.slot small{display:block}.slot small{color:#d5ebf6;margin-top:3px;font-size:9px}.unit-bar{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.unit{color:#d7effb;background:#112d43;border:1px solid #355e78;border-radius:12px;min-height:58px}.unit b,.unit span{display:block}.unit b{font-size:20px}.unit span{margin-top:3px;font-size:9px}.unit.chosen{background:#245570;outline:3px solid #ffe480}.unit.locked{opacity:.25}.hint{color:#9fc2d4;min-height:38px;margin:16px 4px;font-size:10px;line-height:1.5}.primary,.secondary{cursor:pointer;border:0;border-radius:15px;min-height:50px;font-size:14px;font-weight:900}.primary{color:#19354c;background:linear-gradient(135deg,#ffe177,#ffb86d);margin-top:auto}.secondary{color:#d7effb;background:#1d4564;margin-top:10px}.deck-count{color:#ffe180;text-align:center;margin:18px 0 9px;font-size:12px}.card-picker{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.pick-card{text-align:left;color:#dff4ff;background:linear-gradient(135deg,var(--card),#17334b 125%);border:1px solid #ffffff1f;border-radius:14px;min-height:93px;padding:11px}.pick-card b,.pick-card strong,.pick-card small{display:block}.pick-card b{font-size:23px}.pick-card strong{margin:3px 0;font-size:11px}.pick-card small{color:#e3f3fa;font-size:8px;line-height:1.3}.pick-card.picked{border-color:#ffe581}.pick-card.locked{filter:grayscale();opacity:.38}.battle{flex-direction:column;height:100%;padding:12px 11px 10px;display:flex}.battle header{color:#d5edfa;justify-content:space-between;font-size:10px}.battle header b{color:#ffe17e}.arena{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 52px),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 52px),linear-gradient(#542d37 0 49%,#263a4d 49% 51%,#164968 51% 100%);border:1px solid #315d79;border-radius:18px;height:345px;margin:8px 0;position:relative;overflow:hidden}.team-label{z-index:1;color:#ffffff80;font-size:9px;position:absolute}.enemy-label{top:12px;right:15px}.ally-label{bottom:12px;left:15px}.fighter{z-index:3;text-align:center;width:29px;transition:left .12s linear,top .12s linear;position:absolute}.fighter-icon{z-index:2;background:#2e7891;border:1px solid #ffffff73;border-radius:10px;place-items:center;width:28px;height:28px;font-size:17px;display:grid;position:relative;box-shadow:0 3px 8px #0000004d}.fighter.dead{opacity:.1;transform:scale(.7)}.fighter.hit .fighter-icon{filter:none}.fighter.attacking .fighter-icon{box-shadow:none!important}.fighter .hp{z-index:50;background:#301f2b;border-radius:9px;height:5px;margin-top:2px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000080}.fighter .hp i{background:#73e398;height:100%;display:block}.fighter .shield,.fighter .pierce-debuff,.fighter .rage-buff,.fighter .slow-buff,.fighter .stun-debuff,.fighter .silence-debuff,.fighter .plague-debuff,.fighter .armor-buff,.fighter .ward-buff,.fighter .charge-buff,.fighter .captain-shield-buff,.fighter .lifesteal-buff,.fighter .atkbuff-buff{z-index:45;pointer-events:none;font-size:14px;font-weight:700;position:absolute}.fighter .shield{color:#bdeeff;filter:drop-shadow(0 0 4px #bdeeff);text-shadow:0 0 6px #bdeeff,0 0 12px #bdeeff80;font-size:16px;animation:1s ease-in-out infinite alternate buff-pulse;top:-14px;right:-8px}.fighter .rage-buff{color:gold;filter:drop-shadow(0 0 4px gold);text-shadow:0 0 6px gold,0 0 12px #ffd70080;font-size:14px;animation:.6s ease-in-out infinite alternate buff-pulse;top:-14px;right:6px}.fighter .slow-buff{color:#6cf;filter:drop-shadow(0 0 4px #6cf);text-shadow:0 0 6px #6cf,0 0 12px #66ccff80;font-size:14px;animation:1s ease-in-out infinite alternate slow-pulse;top:-14px;left:-8px}.fighter .pierce-debuff{color:#ff8c5a;filter:drop-shadow(0 0 4px #ff8c5a);text-shadow:0 0 6px #ff8c5a;font-size:12px;animation:.8s ease-in-out infinite alternate buff-pulse;top:-8px;right:-12px}.fighter .stun-debuff{color:#ffe14d;filter:drop-shadow(0 0 6px #ffe14d);text-shadow:0 0 8px #ffe14d,0 0 16px #ffe14d99;font-size:18px;animation:.5s ease-in-out infinite alternate stun-pulse;top:-18px;right:-10px}.fighter .silence-debuff{color:#c084fc;filter:drop-shadow(0 0 5px #c084fc);text-shadow:0 0 6px #c084fc,0 0 14px #c084fc80;font-size:16px;animation:.8s ease-in-out infinite alternate silence-pulse;top:-18px;left:-10px}.fighter .plague-debuff{color:#7fff7f;filter:drop-shadow(0 0 5px #7fff7f);text-shadow:0 0 6px #7fff7f,0 0 14px #7fff7f80;font-size:16px;animation:1s ease-in-out infinite alternate plague-pulse;top:-14px;left:4px}.fighter .armor-buff{color:gold;filter:drop-shadow(0 0 4px gold);text-shadow:0 0 6px gold;font-size:14px;animation:1s ease-in-out infinite alternate buff-pulse;top:-14px;left:-12px}.fighter .ward-buff{color:#6cf;filter:drop-shadow(0 0 5px #6cf);text-shadow:0 0 6px #6cf;font-size:16px;animation:1s ease-in-out infinite alternate buff-pulse;top:-18px;left:-10px}.fighter .charge-buff{color:#f93;filter:drop-shadow(0 0 5px #f93);text-shadow:0 0 6px #f93;font-size:16px;animation:.4s ease-in-out infinite alternate charge-pulse;top:-18px;right:2px}.fighter .captain-shield-buff{color:#fc0;filter:drop-shadow(0 0 5px #fc0);text-shadow:0 0 6px #fc0,0 0 14px #fc09;font-size:16px;animation:.8s ease-in-out infinite alternate buff-pulse;top:-18px;left:0}.fighter .lifesteal-buff{color:#f66;filter:drop-shadow(0 0 4px #f66);text-shadow:0 0 6px #f66;font-size:14px;animation:.8s ease-in-out infinite alternate lifesteal-pulse;top:-10px;right:-8px}.fighter .atkbuff-buff{color:#fc0;filter:drop-shadow(0 0 4px #fc0);text-shadow:0 0 6px #fc0;font-size:14px;animation:.6s ease-in-out infinite alternate buff-pulse;top:-10px;left:-14px}@keyframes stun-pulse{0%{opacity:.7;transform:scale(.9)rotate(-10deg)}to{opacity:1;transform:scale(1.2)rotate(10deg)}}@keyframes silence-pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.15)}}@keyframes plague-pulse{0%{opacity:.6;transform:scale(.9)rotate(-5deg)}to{opacity:1;transform:scale(1.15)rotate(5deg)}}@keyframes buff-pulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}@keyframes charge-pulse{0%{opacity:.6;transform:scale(.8)translate(-3px)}to{opacity:1;transform:scale(1.2)translate(3px)}}@keyframes lifesteal-pulse{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.25)}}@keyframes slow-pulse{0%{opacity:.6;transform:scale(.9)rotate(-20deg)}to{opacity:1;transform:scale(1.15)rotate(20deg)}}.combat-note{text-align:center;color:#9dbfd0;min-height:19px;font-size:9px}.hand{align-items:stretch;gap:7px;min-height:117px;padding:7px 0;display:flex;overflow-x:auto}.hand>p{color:#8fb1c5;text-align:center;margin:auto;font-size:11px}.spell-card{color:#18364d;background:linear-gradient(145deg,var(--card),#effaff 155%);border:1px solid #ffffff3d;border-radius:12px;flex:0 0 70px;padding:8px 5px;box-shadow:0 5px 10px #0003}.spell-card b,.spell-card strong,.spell-card small{display:block}.spell-card b{font-size:20px}.spell-card strong{margin:3px 0;font-size:9px}.spell-card small{font-size:7px;line-height:1.2}.toast2{white-space:nowrap;color:#fff;background:#020d19db;border-radius:99px;padding:7px 12px;font-size:10px;font-weight:800;position:absolute;top:55px;left:50%;transform:translate(-50%)}.modal{z-index:4;background:#020a14b8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.modal-card{text-align:center;background:#15334c;border:1px solid #5b87a2;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(100%,330px);padding:20px;display:flex}.modal-card>small{color:#a8cede;font-size:10px}.modal-card .spell-card{flex:none;width:96px;min-height:104px;margin:0;display:block}.modal-card .primary{flex:none;width:100%;margin:0}.modal-card p{color:#d7edf7;margin:0;font-size:10px;line-height:1.45}.replace-row{gap:5px;width:100%;display:flex;overflow-x:auto}.replace-row button{color:#17354c;background:#e3f5fc;border:1px solid #6d9ab1;border-radius:10px;min-width:53px;padding:7px 3px}.replace-row small{font-size:7px;display:block}.result{text-align:center;background:radial-gradient(circle,#244e70,#071522 70%);justify-content:center;align-items:center;gap:4px}.result h2{margin:0 0 15px;font-size:31px}.result p{color:#bed7e5;font-size:12px;line-height:1.55}.result .primary,.result .secondary{flex:none;width:100%;margin-left:0;margin-right:0}.result .primary{margin-top:18px}.result .secondary{margin-top:10px}.stars{color:#ffe17d;letter-spacing:2px;font-size:28px}.unlock{color:#8fe4ae!important}.badges{font-weight:800;color:#ffd87e!important}.lose h2{color:#ff9c9c}.frontline .battle{padding:8px 10px 7px}.frontline .battle .arena{flex:auto;height:auto;min-height:0;margin:4px 0}.frontline .battle .combat-note{min-height:16px;line-height:16px}.frontline .battle .hand{flex:none;align-items:stretch;gap:6px;height:auto;min-height:110px;max-height:none;padding:5px 0 0;overflow:auto hidden}.frontline .battle .hand .spell-card{border-radius:10px;padding:5px 3px;aspect-ratio:3/4!important;flex:0 0 74px!important;width:74px!important;min-width:74px!important;height:auto!important}.frontline .battle .hand .spell-card b{font-size:16px}.frontline .battle .hand .spell-card strong{margin:2px 0;font-size:8px}.frontline .battle .hand .spell-card small{font-size:6px}.frontline .battle .hand>p{font-size:10px}.battle-exit{z-index:10;color:#fff1f2;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#87404d;border:1px solid #d8808a;border-radius:10px;justify-content:center;align-items:center;min-width:54px;min-height:28px;margin:0 4px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.speed-toggle{z-index:10;color:#d5edfa;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#1d4564;border:1px solid #5b87a2;border-radius:10px;justify-content:center;align-items:center;min-width:50px;min-height:28px;margin:0 4px;padding:4px 14px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.speed-toggle.active{color:#fff;background:#3a7aa8;border-color:#7ec6ea;box-shadow:0 0 8px #7ec6ea66}.bond-bar{background:#0a1e324d;border:1px solid #1a3a4a;border-radius:8px;gap:3px;margin:3px 0;padding:2px 4px;display:flex;overflow-x:auto}.bond-chip{color:#9ab0c0;white-space:nowrap;opacity:.8;background:#1a3d5880;border:1px solid #2a4a5a;border-radius:6px;align-items:center;gap:2px;padding:1px 4px;font-size:8px;display:flex}.bond-chip b{font-size:10px}.bond-chip small{color:#8a9aaa;letter-spacing:1px;font-size:7px}.bond-chip .chain-icon{color:#6a8a9a;margin-left:1px;font-size:9px;font-style:normal}.bond-chip .bond-unit{margin:0 1px;font-size:10px}.buff-icon{pointer-events:none;z-index:6;border-radius:6px;padding:1px 3px;font-size:8px;font-weight:800;position:absolute;top:-12px;right:-8px}.buff-icon.bond-buff{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:1px solid #a78bfa;font-size:10px;animation:1.5s ease-in-out infinite bond-pulse;box-shadow:0 0 6px #8b5cf699}.buff-icon.chain-buff{color:#7ec6ea;background:#2a5a7a;border:1px solid #7ec6ea}.buff-icon.crit-buff{color:#ffb07e;background:#4a2a2a;border:1px solid #ffb07e}@keyframes bond-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.inspect-card .bond-detail{background:#0a1e3266;border:1px solid #2a4a5a;border-radius:6px;margin-top:6px;padding:4px 6px}.inspect-card .bond-detail small{color:#7a9aaa;margin-bottom:3px;font-size:8px;display:block}.inspect-card .bond-effect{color:#a0c0d0;background:#2a4a5a80;border-radius:3px;margin:1px;padding:1px 4px;font-size:8px;display:inline-block}.codex-unit,.codex-unit .codex-portrait{position:relative}.bond-overlay{z-index:5;border-radius:inherit;pointer-events:none;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 4px;display:flex;position:absolute;inset:0;overflow:visible}.bond-overlay-tag{color:#fff;text-overflow:clip;white-space:normal;text-align:center;background:0 0;border-radius:3px;max-width:100%;padding:1px 3px;font-size:7px;line-height:1.3;display:inline-block;overflow:visible}.bond-overlay-tag b{margin-right:2px;font-weight:800}.bond-locked-tag{color:#ccc;text-align:center;background:#646464b3;border-radius:4px;padding:2px 6px;font-size:7px;display:inline-block}.bond-codex{flex-direction:column;gap:2px;margin-top:4px;display:flex}.bond-effect-inline{color:#c4b5fd;background:#5a3c8259;border:1px solid #8b5cf64d;border-radius:4px;margin:1px 0;padding:1px 5px;font-size:8px;display:inline-block}.bond-locked{color:#9ca3af;background:#6464644d;border:1px dashed #6b7280;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:8px;display:inline-block}.bond-locked-inline{color:#9ca3af;margin-top:3px;font-size:7px;display:block}.bond-inline{color:#c4b5fd;margin-top:3px;font-size:7px;display:block}.fighter{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;transform:none}.fighter *{pointer-events:none}.fighter:active{transform:none}.rage-buff,.slow-buff{color:#ffe67b;font-size:10px;position:absolute;top:-8px;left:-5px}.slow-buff{color:#b8ecff}.combat-pop{z-index:8;color:#f5fbff;text-shadow:0 1px 3px #001321,0 0 6px #001321;pointer-events:none;width:max-content;max-width:76px;font:800 8px/1 Arial,sans-serif;animation:.8s ease-out forwards combat-pop;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.ally .combat-pop{color:#9ff1bc}.enemy .combat-pop{color:#ffd071}@keyframes combat-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-28px)scale(1.08)}}.spell-fx{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spell-fx>b{font-size:100px;line-height:1;animation:.72s ease-out forwards spell-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-heal>b{color:#8cf1b4;text-shadow:0 0 28px #8cf1b4}.fx-armor>b{color:#9fd9ff;text-shadow:0 0 30px #8bcfff}.fx-rage>b,.fx-charge>b{color:#ffe06e;text-shadow:0 0 28px #ffc666}.fx-ice>b{color:#b7efff;text-shadow:0 0 30px #75d8ff}.fx-thunder>b,.fx-execute>b{color:#e9bdff;text-shadow:0 0 36px #cc8dff}.fx-rain{background:#f45e4617;animation:.95s ease-out forwards rain-glow}.fx-rain i{color:#ffb067;font-size:25px;font-style:normal;animation:.7s linear forwards arrow-rain;position:absolute;top:-30px}.fx-rain i:first-child{animation-delay:20ms;left:5%}.fx-rain i:nth-child(2){animation-delay:.11s;left:14%}.fx-rain i:nth-child(3){animation-delay:50ms;left:22%}.fx-rain i:nth-child(4){animation-delay:.17s;left:30%}.fx-rain i:nth-child(5){animation-delay:80ms;left:38%}.fx-rain i:nth-child(6){animation-delay:.22s;left:47%}.fx-rain i:nth-child(7){animation-delay:40ms;left:56%}.fx-rain i:nth-child(8){animation-delay:.16s;left:65%}.fx-rain i:nth-child(9){animation-delay:.1s;left:74%}.fx-rain i:nth-child(10){animation-delay:.2s;left:82%}.fx-rain i:nth-child(11){animation-delay:60ms;left:89%}.fx-rain i:nth-child(12){animation-delay:.14s;left:96%}@keyframes spell-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}@keyframes arrow-rain{to{opacity:0;top:108%;transform:rotate(24deg)scale(1.25)}}@keyframes rain-glow{50%{background:#ff6f4847}to{background:#f45e4600}}.inspect-card{z-index:7;color:#e8f8ff;background:#081f31f2;border:1px solid #6c9eb7;border-radius:13px;padding:11px 33px 11px 13px;position:absolute;bottom:88px;left:14px;right:14px;box-shadow:0 12px 30px #00000052}.inspect-card>b,.inspect-card small{display:block}.inspect-card>b{font-size:12px}.inspect-card small{color:#a8ccdd;margin-top:4px;font-size:9px}.inspect-card .inspect-status{color:#bdeeff;align-items:center;gap:4px;margin-top:5px;font-size:9px;line-height:1.2;display:flex}.inspect-card .inspect-status>span{color:#bdeeff;text-shadow:0 0 5px #6fd5ff;font-size:15px;line-height:1}.inspect-card .inspect-status>b{color:#e7f8ff;white-space:nowrap;font-size:9px}.inspect-card .inspect-status small{color:#b6d9e7;margin:0;font-size:8px}.inspect-card p{color:#d7edf6;margin:5px 0 0;font-size:9px;line-height:1.4}.inspect-card>button{color:#fff;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;background:#416e85;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;font-weight:700;line-height:22px;display:flex;position:absolute;top:5px;right:5px}.fighter-icon{background:radial-gradient(circle at 35% 25%,#5fb6df,#15415f);overflow:visible;box-shadow:none!important;border:0!important;outline:none!important}.fighter.enemy .fighter-icon{background:radial-gradient(circle at 35% 25%,#e46b6d,#56202d)}.toy-sprite{transform-origin:50%;background-repeat:no-repeat;background-size:400% 300%;width:100%;height:100%;display:block;transform:scale(1.34)}.fighter.hit .toy-sprite{filter:none}.fighter .toy-sprite{transition:none}.toy-figure{width:100%;height:100%;display:block}.toy-figure img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.toy-figure.toy-sheet{background-color:#0000;background-repeat:no-repeat}.toy-sprite{display:none}.art-setup .slot{isolation:isolate;overflow:hidden}.art-setup .slot-toy{z-index:1;border-radius:12px 12px 8px 8px;width:57px;height:63px;bottom:8px;overflow:hidden}.art-setup .slot small{z-index:3}.art-setup .slot:before{z-index:2;pointer-events:none}.unit-portrait .toy-figure{transform-origin:bottom;transform:scale(1.15)}.spell-card,.modal-card .spell-card{aspect-ratio:3/4;box-sizing:border-box;flex-direction:column;flex:0 0 78px;justify-content:flex-start;align-items:center;width:78px;min-width:78px;height:104px;min-height:104px;max-height:104px;display:flex;border-radius:13px!important;padding:7px 5px!important}.spell-card .spell-art{flex:none;width:50px;height:50px;margin:0 auto 2px}.spell-card strong{text-align:center;place-items:center;min-height:18px;display:grid;font-size:9px!important}.spell-card small{text-align:center;height:22px;line-height:1.2;display:block;overflow:hidden;font-size:7px!important}.modal-card .spell-card{width:96px;min-width:96px;height:128px;min-height:128px;max-height:128px}.modal-card .spell-card .spell-art{width:62px;height:62px}.modal-card .spell-card strong{font-size:11px!important}.modal-card .spell-card small{font-size:8px!important}.art-setup .pick-card{min-height:126px}.art-setup .pick-card .spell-art{width:60px;height:60px}.frontline{background:radial-gradient(at 50% -15%,#6db0c6 0%,#15304a 40%,#091525 83%)}.frontline .setup.art-setup{background:linear-gradient(#faf3de17,#0000 36%),radial-gradient(circle at 50% 92%,#1f6a7d55,#0000 45%)!important;flex:1!important;min-height:0!important;padding:12px 12px 8px!important;overflow:hidden auto!important}.frontline .setup.art-setup.deploy-layout{overflow:hidden!important}.deploy-layout .deploy-footer{margin-top:auto!important;padding-top:8px!important;padding-bottom:8px!important}.art-setup header{padding:0 4px}.art-setup header b{letter-spacing:.02em;font-size:16px}.art-setup header small{color:#b9d4d8}.deploy-scene{background:linear-gradient(#ba6b60 0 47%,#796754 48% 51%,#419598 52% 100%);border-radius:22px;margin:17px 0 14px;padding:38px 12px 12px;position:relative;overflow:hidden;box-shadow:inset 0 2px #fff5,inset 0 -12px 22px #00000020,0 11px 24px #020a1390}.deploy-scene:after{content:"";pointer-events:none;opacity:.48;background:repeating-linear-gradient(90deg,#0000 0 23%,#fff5 23.5% 24%),repeating-linear-gradient(0deg,#0000 0 46%,#fff3 46.5% 47%);position:absolute;inset:0}.deploy-enemy{z-index:2;text-align:center;letter-spacing:.12em;color:#ffe2c4;text-shadow:0 1px 2px #673131;font-size:10px;font-weight:800;position:absolute;top:12px;left:0;right:0}.art-setup .deploy-grid{z-index:2;gap:8px;margin:0;position:relative}.art-setup .slot{aspect-ratio:.98;color:#b9ebe6;background:linear-gradient(145deg,#236a70aa,#15454eaa);border:1px solid #c5f0ec99;border-radius:15px;position:relative;overflow:visible;box-shadow:inset 0 2px #fff3,0 5px #0c333bbb}.art-setup .slot:before{content:"";border:1px dashed #d6ffff44;border-radius:11px;position:absolute;inset:5px}.art-setup .slot.filled{background:linear-gradient(145deg,#267d7e,#18535b);border-color:#ffdd89;box-shadow:0 3px #093238,0 5px 8px #06151b99}.slot-toy{filter:drop-shadow(0 6px 4px #03151a99);width:63px;height:63px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.slot-toy .toy-sprite{transform:scale(1.36)}.art-setup .slot small{z-index:2;color:#f3ffff;text-shadow:0 1px 2px #09242b;font-size:8px;font-weight:800;position:absolute;bottom:3px;left:0;right:0}.slot-plus{color:#e4ffff88;place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.art-setup .unit-bar{background:#071b2a8a;border:1px solid #c4f5f333;border-radius:19px;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px}.art-setup .unit{color:#e8f9f8;background:linear-gradient(145deg,#2a6f78,#164454);border:1px solid #7fc9ca66;border-radius:14px;min-height:81px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4,0 4px #0b2b38}.art-setup .unit:hover{filter:none}.art-setup .unit,.art-setup .unit.chosen,.art-setup .slot,.art-setup .slot .slot-toy,.art-setup .slot.filled{transition:none}.art-setup .unit.chosen{background:linear-gradient(145deg,#4f9e9d,#266875);border-color:#ffe287;box-shadow:0 0 0 2px #ffe28744,0 4px #0b2b38}.unit-portrait{filter:drop-shadow(0 4px 3px #0007);width:52px;height:51px;margin:0 auto -1px;display:block;overflow:hidden}.unit-portrait .toy-sprite{transform:scale(1.35)}.art-setup .unit span:last-child{font-size:9px;font-weight:800;display:block}.art-setup .hint{color:#d0e8e7;min-height:34px;margin:12px 5px}.art-setup .primary{color:#53321c;background:linear-gradient(135deg,#ffe99c,#ffb65a);border:1px solid #fff0ac;border-radius:17px;transition:none;box-shadow:inset 0 2px #fff9,0 5px #b56a32,0 11px 20px #020b1670}.art-setup .primary:active{transform:none;box-shadow:inset 0 2px #fff9,0 2px #b56a32}.art-setup .primary.disabled{filter:grayscale(.75);opacity:.48}.art-setup .deck-count{color:#ffe6a1;content-visibility:auto;background:#071c2f77;border-radius:99px;margin:13px 0 10px;padding:7px}.art-setup .card-picker{content-visibility:auto;contain-intrinsic-size:0 150px;gap:10px}.art-setup .pick-card{color:#f8ffff;background:linear-gradient(145deg,#173d52,#10293d);border-radius:12px;min-height:122px;padding:10px 10px 10px 76px;position:relative;overflow:hidden;transition:none!important;animation:none!important}.art-setup .pick-card:hover,.art-setup .pick-card:active{filter:none!important}.art-setup .pick-card:focus{outline:none!important}.art-setup .pick-card.picked{background:linear-gradient(145deg,#2a5268,#1a3848);transition:none!important}.art-setup .pick-card.picked:hover,.art-setup .pick-card.picked:active{filter:none!important}.art-setup .pick-card .spell-art{z-index:1;pointer-events:none;width:60px;height:60px;position:absolute;top:17px;left:8px}.art-setup .pick-card strong,.art-setup .pick-card small{z-index:1;pointer-events:none;position:relative}.art-setup .pick-card strong{margin-top:20px;font-size:12px}.art-setup .pick-card small{color:#d7edf2;font-size:9px}.art-setup .pick-card.locked{opacity:.42;pointer-events:none}.spell-art{filter:drop-shadow(0 4px 4px #020b1499);pointer-events:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:400% 200%;width:44px;height:44px;display:block}.spell-card{color:#f7ffff;cursor:pointer;background:linear-gradient(150deg,#1b5064,#102737);border-color:#d5fffc70;border-radius:13px;padding:5px 4px;transition:transform .1s,box-shadow .1s,filter .1s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4,0 4px #061822,0 8px 14px #0005}.spell-card:active{filter:brightness(1.3);transform:scale(.92);box-shadow:inset 0 2px 8px #0006,0 2px #061822}.spell-card.used{opacity:.5;pointer-events:none;filter:grayscale(50%)}.spell-card.casting{animation:.3s ease-out spell-cast}.spell-card.casting .spell-art{animation:.3s ease-out spell-sparkle}@keyframes spell-cast{0%{transform:scale(1)}30%{box-shadow:0 0 20px #fff,0 0 40px var(--card,#fff);transform:scale(1.15)}to{opacity:.5;transform:scale(1)}}@keyframes spell-sparkle{0%,to{filter:brightness()}50%{filter:brightness(2.5)drop-shadow(0 0 8px #fff)}}.spell-card:before{content:"";background:radial-gradient(circle at 50% 15%,var(--card),transparent 65%);opacity:.25;position:absolute;inset:0}.spell-card .spell-art{z-index:1;width:36px;height:36px;margin:0 auto;position:relative}.spell-card strong,.spell-card small{z-index:1;position:relative}.spell-card strong{color:#fff7dc;font-size:8px}.spell-card small{color:#c5e6ed;font-size:6px}.spell-card:hover{filter:none!important}.battle{background:linear-gradient(#16304755,#0000 22%)}.battle header{z-index:30;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0a1e35ee,#0a1e3588);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex;position:relative}.battle header>span,.battle header>b,.battle header>small{pointer-events:none}.arena{border-color:#d7f6ee66;box-shadow:inset 0 2px #fff3,inset 0 -20px 32px #02091144,0 12px 24px #01091466}.fighter{width:39px}.fighter-icon{border:0;border-radius:50% 50% 45% 45%;width:38px;height:38px;overflow:visible;box-shadow:none!important;background:0 0!important}.fighter-icon:after{content:"";z-index:-1;filter:blur(1px);background:#03151a88;border-radius:50%;width:14px;height:3px;position:absolute;bottom:4px;left:6px}.fighter .toy-sprite{filter:none;transform:scale(1.42)}.fighter.enemy .toy-sprite{filter:none}.fighter.attacking .toy-sprite{transform:scale(1.5)translateY(-1px)}.hp{background:#411f25;border:1px solid #03131ccc;width:35px;height:5px;margin:0 auto;box-shadow:0 1px 2px #0009}.hp i{background:linear-gradient(90deg,#70f0ab,#c5ffd7)}.team-label{background:#08192888;border-radius:99px;padding:5px 8px;font-weight:800}.combat-note{color:#d2e6e5}.spell-fx{mix-blend-mode:screen}.frontline .setup{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.frontline .setup::-webkit-scrollbar{display:none}.art-setup .unit-bar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:9px}.art-setup .unit{aspect-ratio:3/4;border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:0;padding:6px 4px 7px;display:flex}.deploy-layout.compact .art-setup .unit,.deploy-layout.compact .unit-bar .unit{aspect-ratio:3/2!important;min-height:0!important;padding:4px 3px 5px!important}.deploy-layout.compact .unit-bar .unit .unit-portrait{width:55%!important}.deploy-layout.compact .unit-bar .unit .unit-name{font-size:9px!important}.deploy-layout.compact .unit-bar .unit .unit-stats,.deploy-layout.compact .unit-bar .unit .unit-role{font-size:7px!important}.art-setup .unit-portrait{aspect-ratio:1;width:82%;height:auto;margin:auto auto 4px;overflow:visible}.art-setup .unit-portrait .toy-figure{transform-origin:bottom;transform:scale(1.14)translateY(8px)}.art-setup .unit span:last-child{place-items:center;min-height:18px;font-size:11px;line-height:1;display:grid}.art-setup .unit .unit-name{min-height:16px;margin-top:4px;font-size:11px;font-weight:900}.art-setup .unit .unit-stats,.art-setup .unit .unit-role{text-align:center;color:#d6f1ef;width:100%;margin:2px 0 0;padding:0 2px;font-size:7px;font-weight:700;line-height:1.25;display:block}.art-setup .unit .unit-role{color:#a9d0d3;min-height:18px;font-size:6px;font-weight:500}.art-setup .unit.locked .unit-role{color:#cfbd80}.art-setup .pick-card{aspect-ratio:3/4;border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:0;padding:7px 4px 6px;display:flex;transition:none!important}.art-setup .pick-card:hover{filter:none!important}.art-setup .pick-card.picked{transition:none!important}.art-setup .pick-card .spell-art{width:52px;height:52px;margin:auto auto 3px;position:static}.art-setup .pick-card strong{text-align:center;margin:0;font-size:10px;line-height:1.08}.art-setup .pick-card small{display:none}.art-setup .deploy-scene{background:linear-gradient(#ffffff24,#fff0 28%),repeating-linear-gradient(90deg,#0000 0 24%,#ffffff26 24.3% 24.7%),repeating-linear-gradient(0deg,#0000 0 48%,#14232621 48.3% 48.8%),linear-gradient(145deg,#77827b,#5c6863 55%,#6e7770);box-shadow:inset 0 2px #ffffff73,inset 0 -14px 28px #131c1b30,0 11px 24px #020a1390;padding:14px 10px 8px!important}.art-setup .deploy-scene:after{display:none}.art-setup .deploy-enemy{color:#f9f3df;text-shadow:0 1px 2px #3b453e}.art-setup .slot{transition:aspect-ratio .3s,transform .3s;aspect-ratio:3/4!important;background:linear-gradient(145deg,#304041eb,#1c2a2bf0)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:inset 0 2px #ffffff38,0 3px #253434!important}.art-setup.scrolled .slot{aspect-ratio:3/2!important;border-radius:12px!important}.art-setup.scrolled .slot-plus{font-size:16px!important}.art-setup.scrolled .slot-toy{width:75%!important;height:75%!important}.art-setup.scrolled .slot small{font-size:8px!important;bottom:10px!important}.art-setup .slot.filled{background:radial-gradient(circle at 50% 40%,#bee1c33d,#0000 56%),linear-gradient(145deg,#526b65,#314a48)!important;border-radius:12px!important;box-shadow:0 3px #243e3a,0 5px 10px #0615147a!important}.art-setup .slot:before{border-color:#e4f4e845!important;border-radius:10px!important;inset:3px!important}.art-setup .slot-plus{z-index:3!important;color:#ebf8efad!important;font-size:20px!important}.art-setup .slot.locked-slot{opacity:.5;cursor:not-allowed;background:repeating-linear-gradient(45deg,#3c3c4666,#3c3c4666 10px,#28283266 10px 20px)!important}.art-setup .slot.locked-slot .slot-lock{filter:grayscale(.3);color:#c8c8d299!important;font-size:28px!important}.art-setup .slot-toy{width:100%!important;height:100%!important;display:block!important;position:absolute!important;top:50%!important;bottom:auto!important;left:50%!important;overflow:visible!important;transform:translate(-50%,-58%)!important}.art-setup .slot-toy .toy-figure,.art-setup .slot-toy .toy-figure img{object-position:center center!important;width:100%!important;height:100%!important}.art-setup .slot small{font-size:10px!important;line-height:1!important;bottom:20px!important}.art-setup .pick-card{justify-content:flex-start;padding:6px 4px 8px}.art-setup .pick-card strong{place-items:center;min-height:23px;margin:0 0 4px;font-size:10px;display:grid}.frontline .fighter{width:54px;transition:none!important}.frontline .fighter .toy-figure,.frontline .fighter .toy-figure img{object-position:center bottom;width:100%;height:100%}.frontline .arena{min-height:365px}.frontline .battle .hand-wrapper{position:relative}.frontline .battle .hand-count{color:#8db8c6;z-index:85;font-size:9px;font-weight:700;position:absolute;top:-14px;right:8px}.frontline .battle .ad-card{cursor:pointer;z-index:10;pointer-events:auto;flex-shrink:0;transition:transform .15s;position:relative;background:linear-gradient(145deg,#ff6b6b,#ee5a6f)!important;border:2px solid gold!important}.frontline .battle .ad-card:hover:not(.full){transform:scale(1.05)}.frontline .battle .ad-card.full{opacity:.5;cursor:not-allowed;pointer-events:auto;background:linear-gradient(145deg,#555,#444)!important}.frontline .battle .ad-card .ad-card-icon{text-align:center;margin:4px 0 2px;font-size:24px}.frontline .battle .ad-card strong{text-shadow:0 1px 2px #0000004d;color:#fff!important;font-size:9px!important}.frontline .battle .ad-card small{color:#ffe4e4!important;font-size:7px!important}.ad-modal{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:flex}.ad-modal-card{background:#fff;border-radius:16px;width:280px;padding:0;position:relative;overflow:hidden}.ad-close{color:#fff;cursor:pointer;z-index:10;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex;position:absolute;top:8px;right:8px}.ad-close:hover{background:#00000080}.ad-content{padding:16px}.ad-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ad-badge{color:#fff;background:#ff6b6b;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700}.ad-timer{color:#888;font-size:11px;font-weight:600}.ad-body{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;gap:12px;padding:16px;display:flex}.ad-image{flex-shrink:0;font-size:48px}.ad-text{flex-direction:column;gap:4px;display:flex}.ad-text b{font-size:16px}.ad-text small{opacity:.9;font-size:11px}.ad-text p{opacity:.7;margin:0;font-size:9px}.ad-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;width:100%;padding:12px;font-size:14px;font-weight:700;transition:background .2s}.ad-confirm:hover{background:linear-gradient(135deg,#0f857b,#2ed96e)}.pick-modal{z-index:200;background:#000000d9;justify-content:center;align-items:center;display:flex}.pick-modal-card{color:#e9fcfa;background:linear-gradient(135deg,#1a2a3a,#2d4a5a);border-radius:16px;flex-direction:column;width:300px;max-height:85vh;padding:12px;display:flex}.pick-modal-card>small{text-align:center;color:gold;flex-shrink:0;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pick-hint{text-align:center;color:#8db8c6;flex-shrink:0;margin-bottom:8px;font-size:9px}.pick-row{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow:auto hidden}.pick-row::-webkit-scrollbar{height:4px}.pick-row::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.pick-row::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.pick-row .pick-card{color:#e9fcfa;cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:8px;flex-direction:column;flex:none;align-items:center;width:80px;height:104px;padding:6px 3px;transition:none;display:flex;position:relative}.pick-row .pick-card:hover{filter:none}.pick-row .pick-card:hover:not(:disabled){background:#fff3}.pick-row .pick-card.selected{border-color:var(--card);box-shadow:0 0 10px var(--card);background:#ffffff40}.pick-row .pick-card:disabled{opacity:.4;cursor:not-allowed}.pick-row .pick-card .spell-art{aspect-ratio:1;justify-content:center;align-items:center;width:35%;margin-bottom:2px;font-size:16px;display:flex}.pick-row .pick-card strong{margin-bottom:1px;font-size:9px}.pick-row .pick-card small{text-align:center;opacity:.8;font-size:6px;line-height:1.1}.pick-row .pick-check{background:var(--card);color:#000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.pick-actions{justify-content:center;gap:10px;display:flex}.pick-cancel{color:#a8bccb;cursor:pointer;background:0 0;border:1px solid #6a7c8c;border-radius:20px;padding:8px 20px;font-size:12px;font-weight:600;transition:none}.pick-cancel:hover{background:#6a7c8c33}.pick-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:20px;padding:8px 24px;font-size:12px;font-weight:700;transition:none}.pick-confirm:hover:not(:disabled){transform:scale(1.05)}.pick-confirm:disabled{opacity:.5;cursor:not-allowed}.frontline .battle .hand{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:none;justify-content:flex-start;align-items:stretch;gap:6px;width:100%;min-width:0;height:auto;min-height:110px;max-height:none;padding:6px 8px;display:flex;overflow:auto hidden}.frontline .battle .hand>*{flex-shrink:0!important}@media (min-width:420px){.frontline .battle .hand{gap:7px}}.frontline .battle .hand::-webkit-scrollbar{display:none}.frontline .battle .hand>p{text-align:center;color:#8db8c6;width:100%;margin:20px 0;font-size:10px}.frontline .battle .hand .spell-card{scroll-snap-align:start;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;aspect-ratio:3/4!important;padding:4px 2px!important}.frontline .battle .hand .spell-card .spell-art{aspect-ratio:1;flex-shrink:0;width:65%;height:auto;margin:2px auto}.frontline .battle .hand .spell-card strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;line-height:1.1;overflow:hidden;font-size:9px!important}.frontline .battle .hand .spell-card small{text-align:center;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;width:100%;margin-top:2px;line-height:1.2;display:-webkit-box;overflow:hidden;font-size:6px!important}.frontline .battle .hand{touch-action:pan-x;overscroll-behavior-x:contain;scroll-padding-right:12px}.frontline .battle .hand .spell-card{touch-action:pan-x}.frontline .battle .hand:after{content:"";flex:0 0 2px}.modal-card .replace-row{touch-action:pan-x;scrollbar-width:none;gap:8px;padding:3px 1px 7px}.modal-card .replace-row::-webkit-scrollbar{display:none}.modal-card .replace-row .spell-card{flex:0 0 69px;width:69px;min-width:69px;height:92px;min-height:92px;max-height:92px;padding:5px 3px!important}.modal-card .replace-row .spell-card .spell-art{width:40px;height:40px}.modal-card .replace-row .spell-card strong{min-height:17px;font-size:8px!important}.modal-card .replace-row .spell-card small{height:17px;font-size:6px!important}.modal-card .replace-skip{border:1px solid #6b9bb1;width:100%;min-height:42px;margin:0}.frontline .battle .arena{min-height:430px}.frontline .fighter{width:81px}.frontline .fighter-icon{width:80px;height:80px}.frontline .fighter-icon:after{width:25px;height:4px;bottom:3px;left:18px}.frontline .hp{width:69px;height:7px;margin-top:2px}.frontline .fighter .combat-pop{font-size:10px;top:-19px}.frontline .battle .arena{background:linear-gradient(90deg,#0000 24.65%,#ddf0f121 24.8%,#0000 25%),linear-gradient(90deg,#0000 49.65%,#ddf0f121 49.8%,#0000 50%),linear-gradient(90deg,#0000 74.65%,#ddf0f121 74.8%,#0000 75%),linear-gradient(#0000 50%,#ddf0f12e 50.2%,#0000 50.35%),linear-gradient(#56303a 0%,#683945 49%,#214b66 51%,#143e58 100%)}.modal-card .replace-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow:auto hidden}.modal-card .replace-row .spell-card{color:#f7ffff;scroll-snap-align:center;text-align:center;background:linear-gradient(150deg,#1b5064,#102737);border-color:#d5fffc70}.modal-card .replace-row .spell-card strong{color:#fff7dc;text-align:center;place-items:center;display:grid}.modal-card .replace-row .spell-card small{color:#c5e6ed;text-align:center}.frontline .battle .lane-arena{background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/25% 100%,linear-gradient(0deg,#ffffff14 1px,#0000 1px) 0 0/100% 16.667%,linear-gradient(#542d37 0 50%,#263a4d 50% 50.5%,#164968 50.5% 100%);min-height:430px;overflow:hidden}.lane-arena:before{content:"";pointer-events:none;background:linear-gradient(#0000,#081c22aa);height:100px;position:absolute;bottom:0;left:0;right:0}.frontline .battle .fighter{z-index:4;transition:none}.frontline .battle .fighter.ally{z-index:6}.frontline .battle .fighter.enemy{z-index:5}.base-hp{color:#ffe5d5;white-space:nowrap;background:#572e38;border-radius:8px;align-items:center;padding:4px 6px;font-size:9px;font-weight:900;display:inline-flex}.base-hp.danger{color:#fff;background:#b84148;animation:.75s infinite alternate base-pulse}@keyframes base-pulse{to{transform:scale(1.06);box-shadow:0 0 16px #ff6b6b}}.wave-modal{max-height:91vh;padding:16px 15px 18px;overflow-y:auto}.wave-modal>small{text-align:center;color:#d9f3ff;font-size:11px;display:block}.wave-modal>.spell-card{margin:9px auto}.wave-modal>p{text-align:center;color:#c9e3eb;font-size:10px}.reward-note{background:#1d5c523f;border-radius:10px;padding:8px;color:#aaf1bd!important}.next-wave{text-align:left;background:#071d2c88;border:1px solid #75a6b577;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:5px;margin:10px 0;padding:10px;display:grid}.next-wave b{color:#ffe49b;grid-column:1/-1;font-size:10px}.next-wave small{color:#dceff4;font-size:8px;line-height:1.4}.reinforce-bar{color:#e7f6f8;text-align:left;padding:8px 0 5px}.reinforce-bar>b{margin-bottom:6px;font-size:10px;display:block}.reinforce-bar>div{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.reinforce-bar>div::-webkit-scrollbar{display:none}.reinforce-bar button{color:#dff5f4;background:#183f50;border:1px solid #6099a7;border-radius:8px;flex:none;min-height:29px;padding:4px 8px;font-size:8px}.reinforce-bar button.chosen{color:#fff2bd;background:#3d6b69;border-color:#ffe17e}.reinforce-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:11px;display:grid}.reinforce-grid button{color:#c9eeee;background:#194657;border:1px dashed #77aaae;border-radius:9px;min-height:42px;padding:4px;font-size:8px}.reinforce-grid button.filled{color:#b8ccc9;opacity:.7;background:#263c42;border-style:solid}.reinforce-grid button:disabled{cursor:default}.reinforce-grid button:not(:disabled):active{background:#33777a;transform:scale(.95)}.wave-modal .reinforce-grid button.locked-slot,.reinforce-grid button.locked-slot{opacity:.55;cursor:not-allowed;box-shadow:none!important;background:repeating-linear-gradient(45deg,#3c3c468c,#3c3c468c 10px,#2828328c 10px 20px)!important;border:1px dashed #b4505073!important}.wave-modal .reinforce-grid button.locked-slot .slot-lock,.reinforce-grid button.locked-slot .slot-lock{color:#ffc8c8bf!important;font-size:20px!important}.wave-modal .primary{width:100%;margin:0}.wave-modal .replace-skip{margin-top:8px}.art-setup .deploy-scene.three-row{padding-top:10px!important;padding-bottom:8px!important}.art-setup .three-row.deploy-grid{grid-template-rows:repeat(3,auto)!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin:0 auto!important}.art-setup .three-row.deploy-grid .slot{aspect-ratio:3/4!important;border-radius:8px!important;width:auto!important;height:auto!important;min-height:0!important}.frontline .battle .hand{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:none;justify-content:flex-start;min-width:0;height:auto;min-height:110px;max-height:none;overflow:auto hidden}.frontline .battle .fighter{width:81px;min-width:60px;height:81px;min-height:60px;position:absolute}.frontline .battle .fighter-icon{z-index:1;width:100%;height:100%;position:relative;overflow:hidden}.frontline .battle .fighter-icon:after{width:53%;bottom:4px;left:50%;transform:translate(-50%)}.hp-bar-layer{z-index:55;pointer-events:none;position:absolute;inset:0;overflow:visible}.hp-bar-layer .hp-bar{z-index:55;pointer-events:none;background:#341b22;border:1px solid #07151b;border-radius:99px;margin:0;position:absolute;overflow:hidden;transform:none;box-shadow:0 2px 3px #0009}.hp-bar-layer .hp-bar i{background:linear-gradient(90deg,#70f0ab,#c5ffd7);border-radius:99px;height:100%;display:block}.hp-bar-layer .hp-bar.enemy{background:#38151c;border-color:#17070a}.hp-bar-layer .hp-bar.enemy i{background:linear-gradient(90deg,#ff4655,#ff9495)}.hp-bar-layer .hp-bar.warning i{background:linear-gradient(90deg,#ff9d35,#ffd46d)}.hp-bar-layer .hp-bar.critical i{background:linear-gradient(90deg,#ef3948,#ff7a80);animation:.8s infinite alternate hp-critical}@keyframes hp-critical{to{filter:brightness(1.45)}}.frontline .battle .fighter .combat-pop{z-index:20;top:-28px}.reinforce-grid.three-row{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:8px}.reinforce-grid.three-row button{width:100%;aspect-ratio:3/4!important;height:auto!important;min-height:0!important;max-height:none!important}.adjust-tip{text-align:center;margin:-5px 0 10px;display:block;color:#a9ccd5!important;font-size:8px!important}.wave-modal{border-color:#7dc5d4;border-radius:12px;gap:6px;width:min(100%,580px);padding:12px 20px 16px;box-shadow:0 22px 60px #010914aa}.wave-modal .reinforce-grid{gap:8px;width:100%;margin:0}.wave-modal .reinforce-grid button{color:#e9fcfa;box-sizing:border-box;background:linear-gradient(145deg,#24586a,#123747);border:1px solid #72b5c0aa;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;padding:0 4px 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 3px #071d2a;aspect-ratio:3/4!important;height:auto!important;min-height:0!important;max-height:none!important}.wave-modal .reinforce-grid button.filled{opacity:1;background:linear-gradient(145deg,#306b70,#174451);border-style:solid}.wave-modal .reinforce-grid button.swap-picked{background:linear-gradient(145deg,#5a816d,#29584e);border-color:#ffe37d;box-shadow:0 0 0 3px #ffe37d44,0 3px #6c5222}.wave-modal .reinforce-grid button>span:first-child:not(.reinforce-unit){color:#8db8c6;flex:1;justify-content:center;align-items:center;width:100%;font-size:9px;display:flex}.reinforce-unit{pointer-events:none;filter:drop-shadow(0 3px 2px #0008);place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.reinforce-unit .toy-figure{width:92px;height:82px}.wave-modal .reinforce-grid b{z-index:1;color:#f5fffc;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #08202a;max-width:100%;font-size:10px;position:relative;overflow:hidden}.wave-modal .reinforce-grid small{z-index:2;color:#dffff5;background:#082630cc;border-radius:99px;padding:3px 5px;font-size:7px;font-weight:800;position:absolute;top:5px;right:5px}.wave-modal .reinforce-grid button:has(.reinforce-unit) small{color:#8ff1b7}.wave-modal .reinforce-grid button:has(.reinforce-unit) small:first-letter{color:inherit}.wave-modal .reinforce-grid small.hp-healthy{color:#8ff1b7}.wave-modal .reinforce-grid small.hp-warning{color:#ffbf61;background:#3d2512dd}.wave-modal .reinforce-grid small.hp-critical{color:#ff727c;background:#421824dd;animation:.8s infinite alternate hp-critical}.wave-modal .adjust-tip{background:#0b293b99;border-radius:9px;margin:0 0 9px;padding:6px 8px;color:#bde8e6!important;font-size:8px!important}.frontline .home-screen{background:radial-gradient(circle at 50% 20%,#48caf74d,#0000 30%),radial-gradient(circle at 50% 52%,#ffb84c26,#0000 29%),linear-gradient(#071a31 0%,#0b2940 55%,#071522 100%);height:100%;min-height:0;padding:18px 19px 21px;position:relative;overflow-y:auto}.home-screen:before{content:"";z-index:0;pointer-events:none;opacity:.46;background:repeating-linear-gradient(0deg,#0000 0 56px,#98dcf00e 57px);position:absolute;inset:0}.home-screen:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#04112714,#071a3152),url(/art/banners/home-hero-v1.png) top/cover no-repeat;height:clamp(210px,57vw,254px);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.home-top,.home-hero,.home-title,.home-start,.home-section,.home-level-list,.home-screen .save-note{z-index:1;position:relative}.home-top{color:#b8e8f7;letter-spacing:.13em;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.home-mark{color:#ffe29a;background:#153f61;border:1px solid #8edcf377;border-radius:9px;place-items:center;width:27px;height:27px;font-size:15px;display:grid;box-shadow:0 0 18px #49d2f844}.home-save{color:#7fcdb5;letter-spacing:0;margin-left:auto;font-size:8px}.home-hero-surface{isolation:isolate;margin:0 0 14px;padding:0 0 72px;position:relative;overflow:hidden}.home-hero-surface:before{content:"";z-index:0;pointer-events:none;filter:saturate(1.02)contrast(1.04);background-image:url(/art/banners/home-hero-home-v2.png);background-position:50% -112px;background-repeat:no-repeat;background-size:auto 158%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 100%)}.home-hero{isolation:isolate;height:clamp(210px,57vw,254px);margin:0;overflow:hidden}.home-hero-unit{z-index:1;aspect-ratio:1;filter:drop-shadow(0 7px 6px #010c1db8);pointer-events:none;width:clamp(82px,25vw,126px);position:absolute;bottom:10px}.home-hero-unit .toy-figure{background-color:#0000;width:100%;height:100%}.home-hero-unit-left{left:2%}.home-hero-unit-center{width:clamp(104px,32vw,156px);bottom:8px;left:50%;transform:translate(-50%)}.home-hero-unit-right{right:1%}.home-hero .home-title{z-index:5;text-align:center;background:0 0;padding:40px 20px 17px;position:absolute;bottom:95px;left:0;right:0}.home-title p{color:#8eeaff;letter-spacing:.15em;margin:0;font-size:9px;font-weight:800}.home-title h1{color:#f8fcff;letter-spacing:.08em;text-shadow:0 3px #061a31,0 0 22px #63dfff75;margin:3px 0;font-size:39px;line-height:1}.home-title small{color:#c2dceb;font-size:10px}.home-start{text-align:left;color:#173249;background:linear-gradient(115deg,#ffe59a,#ffc661 50%,#ffab63);border:1px solid #fff0a6;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;width:100%;min-height:63px;margin:17px 0 19px;padding:8px 15px;display:grid;box-shadow:inset 0 2px #fffc,0 6px #a95b31,0 13px 22px #02091477}.home-start:active{transform:translateY(3px);box-shadow:inset 0 2px #fffc,0 3px #a95b31}.home-start>span{font-size:26px}.home-start b{font-size:17px}.home-start small{opacity:.78;white-space:nowrap;font-size:9px}.home-section{color:#e8fbff;justify-content:space-between;margin:0 3px 8px;font-size:11px;display:flex}.home-section span{color:#83bdcf;font-size:9px}.home-level-list{gap:7px;margin:0}.home-level-list .level{background:linear-gradient(105deg,#163f58,#10283b);border-color:#8ad2e155;border-radius:14px;align-items:center;gap:11px;min-height:57px;padding:8px 11px;display:flex;box-shadow:inset 0 1px #ffffff24,0 4px #061a2a}.home-level-list .level:not(.locked):active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff24,0 2px #061a2a}.level-number{color:#bff4ff;background:#255d76;border-radius:10px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid!important}.level-copy{flex:1}.home-level-list .level b{font-size:11px}.home-level-list .level small{margin-top:3px;font-size:8px}.home-level-list .level em{float:none;color:#ffe286;white-space:nowrap;margin:0;font-size:9px}.home-screen .save-note{color:#83b4c4;margin:12px 0 0;font-size:9px}.frontline .fighter.enemy .hp{background:#38151c;border-color:#17070a}.frontline .fighter.enemy .hp i{background:linear-gradient(90deg,#ff4655,#ff9495)}.frontline .battle .fighter.final-boss{z-index:5.5;filter:drop-shadow(0 0 20px #ff6b6b)drop-shadow(0 0 40px #ff4500);width:max(160px,45%)!important;min-width:160px!important;height:max(160px,45%)!important;transform:translate(-50%)!important}.frontline .battle .fighter.final-boss .fighter-icon{width:100%!important;height:100%!important}.frontline .battle .fighter.final-boss .fighter-icon:after{background:radial-gradient(#ff6b6b80,#0000 70%);width:39%;height:4%;bottom:2px;left:50%;transform:translate(-50%)}.frontline .battle .fighter.final-boss .toy-figure,.frontline .battle .fighter.final-boss .toy-figure img{animation:2s ease-in-out infinite bossGlow;width:100%!important;height:100%!important}@keyframes bossGlow{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.2)saturate(1.3)}}.frontline .battle .fighter.final-boss .hp-bar{width:calc(100% - 8px)!important;height:max(8px,3%)!important;top:-15px!important}.frontline .battle .fighter.final-boss.hit{filter:saturate(1.1)!important}.art-setup .card-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.art-setup .pick-card{aspect-ratio:3/4;padding:7px 4px 8px}.art-setup .pick-card .spell-art{width:58px;height:58px;margin:11% auto 4px}.art-setup .pick-card strong{min-height:20px;margin:0;font-size:10px}.art-setup .pick-card small{z-index:1;color:#d7edf2;text-align:center;min-height:25px;padding:0 2px;font-size:8px;line-height:1.25;display:block;position:relative}.art-setup .slot-plus{place-items:center;padding:0;line-height:1;display:grid;position:absolute;inset:0;transform:none}.art-setup .slot-toy{width:91%;height:85%;top:46%}.art-setup .slot small{z-index:4;font-size:8px;bottom:5px}.art-setup .pick-card strong{letter-spacing:.01em;min-height:24px;font-size:13px;font-weight:900}.art-setup .pick-card,.art-setup .pick-card.picked,.art-setup .pick-card.locked,.pick-row .pick-card,.pick-row .pick-card.selected{transition:none!important;animation:none!important}.art-setup .pick-card:hover,.pick-row .pick-card:hover{filter:none!important}.frontline .battle .modal{z-index:100}.frontline .battle .modal-card{z-index:101;position:relative}.wave-modal-wrap{align-content:start;place-items:start center;gap:6px;padding-top:24px}.game-frame:has(.frontline .battle){aspect-ratio:420/760;height:auto;min-height:0;max-height:calc(100svh - 44px)}.frontline .battle{height:100%;min-height:100%}.frontline:has(.battle){height:100%;min-height:100%}.frontline .battle .lane-arena{flex:auto;height:auto;min-height:360px;max-height:none}.lane-arena:before{height:40%}.frontline .battle .hand{flex:none;height:auto;min-height:110px;max-height:none}@media (max-width:760px){.game-frame:has(.frontline .battle){aspect-ratio:auto;width:100vw;height:100svh;min-height:100svh;max-height:none}}.frontline .battle{position:relative}.frontline .battle .hand{z-index:80;pointer-events:auto;position:relative}.frontline .battle .hand .spell-card,.frontline .battle .fighter{pointer-events:auto}.frontline .inspect-card{z-index:90;pointer-events:auto;bottom:148px}.frontline .battle .fighter.incoming{opacity:.18;filter:grayscale(.5);pointer-events:none}.frontline .battle{isolation:isolate;background:radial-gradient(circle at 50% 20%,#48caf74d,#0000 30%),radial-gradient(circle at 50% 52%,#ffb84c26,#0000 29%),linear-gradient(#071a31 0%,#0b2940 55%,#071522 100%)}.frontline .battle:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#04112714,#071a3152),url(/art/banners/home-hero-v1.png) top/cover no-repeat;height:clamp(210px,57vw,254px);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.frontline .battle .lane-arena:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#04112714,#071a3152),url(/art/banners/home-hero-v1.png) top/cover no-repeat;height:58%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.frontline .battle header,.frontline .battle .arena,.frontline .battle .combat-note,.frontline .battle .hand{z-index:1;position:relative}.frontline .battle .fighter:not(.final-boss){width:73px;min-width:54px;height:73px;min-height:54px}.frontline .battle .fighter.final-boss{width:max(144px,40.5%)!important;min-width:144px!important;height:max(144px,40.5%)!important}.frontline .setup.art-setup{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;height:100%;min-height:0;padding-bottom:14px;overflow:hidden auto}.frontline .setup.art-setup>.primary{z-index:8;flex:none;margin-top:12px;position:sticky;bottom:0}.frontline .setup.art-setup.deploy-layout{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;padding:18px 16px 0;display:grid;overflow:hidden}.deploy-layout>header{flex:none}.deploy-layout .deploy-scene{flex:none;margin:12px 0 10px}.deploy-layout .deploy-roster-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;min-height:0;padding:0 0 8px;overflow:hidden auto}.deploy-layout .deploy-roster-scroll::-webkit-scrollbar{width:0;height:0;display:none}.deploy-layout .deploy-footer{z-index:12;padding:10px 0 max(12px, env(safe-area-inset-bottom));background:linear-gradient(#091e2e00,#0c263d 28%);position:relative}.deploy-layout .deploy-footer .primary{width:100%;margin:0;position:static}.page-shell{flex-direction:column;width:100%;height:100dvh;min-height:0;padding:0;display:flex;overflow:hidden}.page-shell .intro-copy{display:none}.page-shell .game-frame{aspect-ratio:420/760;width:min(420px,100vw);height:min(760px,100dvh);min-height:0;max-height:none;box-shadow:none;border-radius:0;margin:0 auto}.page-shell>.frontline{flex-direction:column;flex:none;width:100vw;max-width:none;height:100dvh;min-height:0;max-height:100dvh;margin-inline:auto;display:flex;overflow:hidden}.frontline .home-screen{padding:0 0 76px!important}.frontline .home-screen .home-top{z-index:7;background:linear-gradient(#020d1fc7,#020d1f00);flex:none;min-height:63px;padding:18px 19px 9px;position:absolute;top:0;left:0;right:0}.home-screen .campaign-scroll{padding:0 0 9px!important}.home-screen .home-hero{margin:0 0 14px}.home-screen .home-start,.home-screen .home-section,.home-screen .home-level-list,.home-screen .save-note{width:calc(100% - 38px);margin-left:19px;margin-right:19px}.home-screen .home-hero-surface .home-start{z-index:1;width:calc(100% - 38px);margin:0 19px;position:relative;transform:translateY(50px)}.frontline .setup.art-setup.deploy-layout{height:100%;min-height:0;max-height:100%}.frontline .result{isolation:isolate;background:linear-gradient(#0b2540 0%,#102f4a 48%,#071a2c 100%);justify-content:center;gap:10px;padding:30px 24px 26px;position:relative;overflow:hidden}.result-radiance{z-index:-1;filter:blur(2px);background:radial-gradient(circle,#ffe39c55 0 18%,#5fcff444 36%,#0000 68%);border-radius:50%;width:390px;height:390px;position:absolute;top:-92px;left:50%;transform:translate(-50%)}.result-medal{color:#fff2be;text-shadow:0 3px #744019;background:radial-gradient(circle at 34% 28%,#fff4bd,#d89731 42%,#8c451a 72%);border:3px solid #ffe49a;border-radius:50%;place-items:center;width:108px;height:108px;margin:0 auto 2px;font-size:48px;display:grid;position:relative;box-shadow:inset 0 2px #fff9,0 0 0 7px #fff2b422,0 13px 28px #020c1d99}.result-medal:before,.result-medal:after{content:"";z-index:-1;background:linear-gradient(90deg,#d84f54,#8d2430);width:31px;height:55px;position:absolute;top:67px;box-shadow:inset 2px 0 #fff3}.result-medal:before{left:13px;transform:rotate(24deg)}.result-medal:after{right:13px;transform:rotate(-24deg)}.result-medal i{color:#fff6c7;width:31px;height:31px;text-shadow:none;background:#d66b2f;border:2px solid #fff0a9;border-radius:50%;place-items:center;font-size:17px;font-style:normal;display:grid;position:absolute;bottom:-4px;right:-5px}.result-kicker{letter-spacing:.14em;font-weight:900;color:#ffe29b!important;margin:8px 0 0!important;font-size:10px!important}.frontline .result h2{color:#f7fcff;letter-spacing:.05em;text-shadow:0 3px #09233b;margin:0;font-size:34px;line-height:1}.result-subtitle{white-space:nowrap;color:#b8d9e7!important;margin:0!important;font-size:10px!important;line-height:1.5!important}.frontline .result .stars{color:#ffe08a;letter-spacing:3px;text-shadow:0 2px 8px #ffb52f88;margin:3px 0 4px;font-size:29px}.result-scoreboard{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:4px 0 5px;display:grid}.result-scoreboard>div{background:linear-gradient(145deg,#1e5871,#12374e);border:1px solid #a9e8f344;border-radius:13px;flex-direction:column;justify-content:center;min-height:67px;padding:7px 4px;display:flex;box-shadow:inset 0 1px #fff2,0 4px #071c2c}.result-scoreboard small{color:#a8d0dc;font-size:8px}.result-scoreboard b{color:#fff2b7;margin-top:4px;font-size:20px}.result-scoreboard em{color:#c0e2e8;font-size:9px;font-style:normal}.result-reward{color:#fff4cf;text-align:left;background:linear-gradient(100deg,#7a582b88,#214c5799);border:1px solid #ffe29a77;border-radius:13px;align-items:center;gap:10px;width:100%;padding:8px 11px;display:flex;box-shadow:inset 0 1px #fff3}.result-reward>span{color:#ffe49b;background:#704c25;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.result-reward div{min-width:0}.result-reward small,.result-reward b{display:block}.result-reward small{color:#b8d9de;font-size:8px}.result-reward b{color:#fff2b3;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.frontline .result .primary{color:#55351c;background:linear-gradient(135deg,#ffe99d,#ffc45e);border:1px solid #fff0b0;width:100%;min-height:53px;margin:9px 0 0;box-shadow:inset 0 2px #fff9,0 5px #ab6031,0 11px 19px #020b1670}.frontline .result .secondary{color:#dff5fa;background:#173c55;border:1px solid #79acc1;width:100%;min-height:42px;margin:0}.frontline .result-lose{background:linear-gradient(#301c2c 0%,#321e2b 46%,#101725 100%)}.result-lose .result-radiance{background:radial-gradient(circle,#f35e6850 0 18%,#7f2c4655 38%,#0000 68%)}.result-lose .result-medal{color:#ffd6d7;text-shadow:0 3px #47141e;background:radial-gradient(circle at 34% 28%,#d98586,#983b48 47%,#4d1c29 74%);border-color:#e3a3a7}.result-lose .result-medal i{color:#ffe6e6;background:#7d2637;border-color:#ffd5d5}.result-lose .result-kicker{color:#f6a5a9!important}.result-lose h2{color:#ffe5e6}.result-lose .result-subtitle{color:#ddbec5!important}.failure-panel{color:#f8e0e1;background:linear-gradient(145deg,#542937,#281e2b);border:1px solid #db879077;border-radius:15px;gap:7px;width:100%;padding:14px 13px;display:grid;box-shadow:inset 0 1px #fff2,0 5px #1b1520}.failure-panel span{color:#ffb7bb;font-size:20px;font-weight:900}.failure-panel b{font-size:11px}.failure-panel small{color:#dfbbc0;font-size:9px;line-height:1.45}.result-lose .primary{background:linear-gradient(135deg,#ffe0a3,#ef8e69)!important;border-color:#ffd1a2!important}.wave-modal .reinforce-grid.three-row{grid-template-rows:auto;grid-auto-rows:auto}.wave-modal .reinforce-grid.three-row button{width:100%;aspect-ratio:3/4!important;height:auto!important}.wave-modal .reinforce-bar{width:100%;margin:0}.wave-modal .reinforce-bar>b{text-align:center;color:#f5fffc;margin-bottom:4px;font-size:15px;font-weight:800;display:block}.wave-modal .reinforce-bar>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;display:grid;overflow:visible}.wave-modal .reinforce-bar button{white-space:nowrap;min-width:0;min-height:34px;padding:5px 1px;font-size:10px}.wave-modal .reinforce-skill{color:#b9e1e5;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;height:14px;min-height:14px;max-height:14px;margin:3px 0 5px;font-size:9px;line-height:14px;display:block;overflow:hidden}.wave-modal .reward-note{display:none}.next-wave-preview{color:#dceff4;text-align:center;background:linear-gradient(145deg,#1a3a4d,#0f2636);border:1px solid #7dc5d4aa;border-radius:12px;width:min(100%,580px);margin:0 auto 2px;padding:6px 12px}.next-wave-preview b{color:#8ff1b7;letter-spacing:.05em;margin:0 0 2px;font-size:11px;font-weight:800;display:block}.next-wave-preview small{color:#dceff4;font-size:10px;line-height:1.3;display:block}.wave-modal .next-wave{min-height:0;margin:0;padding:4px 8px;display:block;overflow:hidden}.wave-modal .next-wave b{margin:0 0 1px;display:block}.wave-modal .next-wave small{color:#dceff4;white-space:normal;word-break:keep-all;overflow-wrap:break-word;font-size:9px;line-height:1.3;display:block}.wave-modal .primary{min-height:52px;margin-top:4px;font-size:15px}.arrow-layer{z-index:45;pointer-events:none;position:absolute;inset:0;overflow:visible}.proj-arrow{transform-origin:0;pointer-events:none;position:absolute;top:0;left:0}.proj-arrow .arrow-fly{transform-origin:0;opacity:1;transition:transform var(--fly-duration,.35s) ease-out;position:absolute;top:0;left:0}.proj-arrow.flying .arrow-fly{transform:translateX(var(--fly-distance,100px))}.proj-arrow.hit .arrow-fly{opacity:0;transform:translateX(var(--fly-distance,100px))!important;transition:opacity 30ms linear!important}.proj-arrow .diamond{clip-path:polygon(0% 50%,92% 0%,100% 50%,92% 100%);opacity:.3;width:96px;height:3px;position:absolute;top:-1.5px;left:0;transform:scale(.7)}.proj-arrow.flying .diamond,.proj-arrow.flying .diamond-head{opacity:1;transition:opacity var(--fly-duration,.35s) ease-out, transform var(--fly-duration,.35s) ease-out;transform:scale(1)}.proj-arrow.hit .diamond,.proj-arrow.hit .diamond-head{opacity:0!important;transition:opacity 30ms linear!important}.proj-arrow.arrow-type{filter:drop-shadow(0 0 4px #ffcf61e6)}.proj-arrow.arrow-type .diamond{background:linear-gradient(90deg,#ffd77800 0%,#ffc85a4d 12%,#ffd778f2 30%,#ffd966 60%,#fff0a0 100%)}.proj-arrow.ice-type{filter:drop-shadow(0 0 4px #82d2ffe6)}.proj-arrow.ice-type .diamond{background:linear-gradient(90deg,#96dcff00 0%,#96dcff4d 12%,#96dcfff2 30%,#9fe5ff 60%,#fff 100%)}.proj-arrow.shade-type{filter:drop-shadow(0 0 4px #b450ffe6)}.proj-arrow.shade-type .diamond{background:linear-gradient(90deg,#c896ff00 0%,#c896ff4d 12%,#c896fff2 30%,#b490ff 60%,#e0c0ff 100%)}.frost-layer{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:visible}.frost-nova{width:200px;height:200px;animation:.7s ease-out forwards frost-nova-burst;position:absolute;transform:translate(-50%,-50%)}@keyframes frost-nova-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.frost-ring{background:radial-gradient(circle,#c8f0ff33 0%,#96dcff1a 45%,#64beff00 75%);border:2px solid #b4e6ffcc;border-radius:50%;animation:.7s ease-out forwards frost-ring-expand;position:absolute;inset:0;box-shadow:0 0 18px #82d2ffb3,0 0 36px #64beff66,inset 0 0 40px #c8f0ff40}@keyframes frost-ring-expand{0%{opacity:0;border-width:6px;transform:scale(.2)}15%{opacity:1;border-width:3px}to{opacity:0;border-width:1px;transform:scale(1)}}.frost-rune{color:#e0f4ff;text-shadow:0 0 8px #a0e0ff,0 0 16px #70c0ff;opacity:0;font-size:16px;animation:.65s ease-out forwards frost-rune-fly;position:absolute}.frost-rune-1{animation-delay:50ms;top:50%;left:8%}.frost-rune-2{animation-delay:.1s;top:8%;left:50%}.frost-rune-3{animation-delay:.15s;top:50%;right:8%}.frost-rune-4{animation-delay:.2s;bottom:8%;left:50%}@keyframes frost-rune-fly{0%{opacity:0;transform:scale(.3)rotate(0)}25%{opacity:1;transform:scale(1.1)rotate(180deg)}to{opacity:0;transform:scale(.7)rotate(360deg)translateY(-15px)}}.frontline .fighter.hit{animation:.25s ease-in-out hit-shake}.frontline .fighter.hit .fighter-icon{animation:.2s ease-out hit-flash;filter:brightness(2.5)saturate(1.5)contrast(1.2)!important}@keyframes hit-shake{0%,to{transform:translate(-50%)translate(0)}20%{transform:translate(-50%)translate(-3px,1px)}40%{transform:translate(-50%)translate(2px,-2px)}60%{transform:translate(-50%)translate(-2px,1px)}80%{transform:translate(-50%)translate(1px,-1px)}}@keyframes hit-flash{0%{filter:brightness(3)saturate(2)contrast(1.5)}50%{filter:brightness(2)saturate(1.5)contrast(1.2)}to{filter:brightness()saturate()contrast()}}.frontline .fighter .hit-spark{z-index:40;pointer-events:none;background:radial-gradient(circle,#fffc 0%,#ffd27899 30%,#ff641e66 50%,#ff320000 80%);border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;animation:.4s ease-out both unit-hit-spark;position:absolute;top:40%;left:50%}@keyframes unit-hit-spark{0%{opacity:0;transform:scale(.2)}20%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(2)}}.frontline .fighter.hit .hit-particle{z-index:41;pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute;top:45%;left:50%}.frontline .fighter.hit .hit-particle:first-of-type{background:#ff6b35;animation:.5s ease-out forwards particle-fly-1}.frontline .fighter.hit .hit-particle:nth-of-type(2){background:#ffd93d;animation:.5s ease-out forwards particle-fly-2}.frontline .fighter.hit .hit-particle:nth-of-type(3){background:#ff4757;animation:.5s ease-out forwards particle-fly-3}.frontline .fighter.hit .hit-particle:nth-of-type(4){background:#ffa502;animation:.5s ease-out forwards particle-fly-4}@keyframes particle-fly-1{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-90%,-160%)scale(0)}}@keyframes particle-fly-2{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-10%,-180%)scale(0)}}@keyframes particle-fly-3{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(30%,-170%)scale(0)}}@keyframes particle-fly-4{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(90%,-150%)scale(0)}}.frontline .fighter.hit .combat-pop{color:#fff;text-shadow:0 0 8px #000,0 0 16px #f60,0 0 24px #f40;font-size:14px;font-weight:900;animation:.6s ease-out forwards damage-pop}@keyframes damage-pop{0%{opacity:0;transform:translateY(0)scale(.5)}30%{opacity:1;transform:translateY(-8px)scale(1.2)}to{opacity:0;transform:translateY(-24px)scale(.8)}}.frontline .fighter .strike{z-index:42;pointer-events:none;position:absolute;display:block!important}.frontline .fighter .strike.attack-melee{transform-origin:50%;background:radial-gradient(circle,#fff6 0%,#ffdc824d 30%,#ffb43c33 60%,#0000 100%);border:2px solid #fff0b4b3;border-radius:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;animation:.5s cubic-bezier(.4,0,.6,1) both melee-aura;top:50%;left:50%;overflow:hidden;box-shadow:0 0 12px #fffc,0 0 24px #ffdc6499,0 0 40px #ffb43266,inset 0 0 15px #ffffff80}@keyframes melee-aura{0%{opacity:0;filter:brightness(1.5);transform:scale(.7)}20%{opacity:1;filter:brightness(1.2)}50%{opacity:.9;transform:scale(1.08)}to{opacity:0;filter:brightness();transform:scale(1.2)}}.frontline .fighter .strike.attack-melee:before{content:"";filter:drop-shadow(0 0 6px #ffdc64cc);border:3px solid #ffffffe6;border-color:#ffffffe6 #ffdc64b3 #ffb43c80 #0000;border-radius:50%;animation:.6s linear both melee-ring-1;position:absolute;inset:-6px}@keyframes melee-ring-1{0%{opacity:0;transform:rotate(0)scale(.8)}30%{opacity:1}to{opacity:0;transform:rotate(360deg)scale(1.15)}}.frontline .fighter .strike.attack-melee:after{content:"";filter:drop-shadow(0 0 4px #fff9);border:2px solid #0000;border-color:#fffc #0000 #ffe69699;border-radius:50%;animation:.5s linear both melee-ring-2;position:absolute;inset:4px}@keyframes melee-ring-2{0%{opacity:0;transform:rotate(360deg)scale(.85)}40%{opacity:.9}to{opacity:0;transform:rotate(0)scale(1.1)}}.frontline .fighter .strike.attack-shield{background:linear-gradient(135deg,#64b4ff00 0%,#64b4ff66 20%,#96d2ff99 50%,#c8e6ff66 80%,#64b4ff00 100%);border:2px solid #96d2ffcc;border-radius:8px;width:45px;height:50px;margin-top:-25px;margin-left:-22px;animation:.35s ease-out both attack-shield-pulse;top:50%;left:50%;box-shadow:0 0 15px #64b4ffcc,0 0 30px #64b4ff66,inset 0 0 10px #c8e6ff80}@keyframes attack-shield-pulse{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}70%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.frontline .fighter .strike.attack-ranged,.frontline .fighter .strike.attack-support{transform-origin:50%;border-radius:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;animation:.5s cubic-bezier(.4,0,.6,1) both melee-aura;top:50%;left:50%;overflow:hidden}.frontline .fighter .strike.attack-ranged{background:radial-gradient(circle,#fff6 0%,#ffdc824d 30%,#ffb43c33 60%,#0000 100%);border:2px solid #fff0b4b3;box-shadow:0 0 12px #fffc,0 0 24px #ffdc6499,0 0 40px #ffb43266,inset 0 0 15px #ffffff80}.frontline .fighter .strike.attack-support{background:radial-gradient(circle,#fff6 0%,#b4ffc84d 30%,#64dc9633 60%,#0000 100%);border:2px solid #b4ffc8b3;box-shadow:0 0 12px #fffc,0 0 24px #96ffb499,0 0 40px #64dc9666,inset 0 0 15px #ffffff80}.frontline .fighter .strike.attack-ranged:before,.frontline .fighter .strike.attack-support:before{content:"";filter:drop-shadow(0 0 6px #ffdc64cc);border:3px solid #ffffffe6;border-color:#ffffffe6 #ffdc64b3 #ffb43c80 #0000;border-radius:50%;animation:.6s linear both melee-ring-1;position:absolute;inset:-6px}.frontline .fighter .strike.attack-support:before{filter:drop-shadow(0 0 6px #96ffb4cc);border-top-color:#dcffe6e6;border-bottom-color:#50dc8280;border-right-color:#96ffb4b3}.frontline .fighter .strike.attack-ranged:after,.frontline .fighter .strike.attack-support:after{content:"";filter:drop-shadow(0 0 4px #fff9);border:2px solid #0000;border-color:#fffc #0000 #ffe69699;border-radius:50%;animation:.5s linear both melee-ring-2;position:absolute;inset:4px}.frontline .fighter .strike.attack-support:after{filter:drop-shadow(0 0 4px #96ffb499);border-top-color:#c8ffd2cc;border-bottom-color:#64f0a099}.frontline .fighter .strike.attack-shadow{transform-origin:50%;background:radial-gradient(circle,#dcb4ff80 0%,#b478f059 30%,#8c50c833 60%,#0000 100%);border:1.5px solid #c88cffcc;border-radius:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;animation:.45s cubic-bezier(.4,0,.6,1) both shadow-aura;top:50%;left:50%;overflow:hidden;box-shadow:0 0 8px #c88cffcc,0 0 16px #a050dc99,0 0 28px #7828c866,inset 0 0 10px #e6c8ff99}@keyframes shadow-aura{0%{opacity:0;filter:brightness(1.6);transform:scale(.6)}20%{opacity:1;filter:brightness(1.3)}50%{opacity:.9;transform:scale(1.1)}to{opacity:0;filter:brightness();transform:scale(1.25)}}.frontline .fighter .strike.attack-shadow:before{content:"";filter:drop-shadow(0 0 5px #b464f0e6);border:2px solid #e6beffe6;border-color:#e6beffe6 #b464f0b3 #8c3cc880 #0000;border-radius:50%;animation:.5s linear both shadow-ring-1;position:absolute;inset:-4px}@keyframes shadow-ring-1{0%{opacity:0;transform:rotate(0)scale(.75)}30%{opacity:1}to{opacity:0;transform:rotate(360deg)scale(1.2)}}.frontline .fighter .strike.attack-shadow:after{content:"";filter:drop-shadow(0 0 3px #b464f0b3);border:1.5px solid #0000;border-color:#d2aaffcc #0000 #a050dc99;border-radius:50%;animation:.4s linear both shadow-ring-2;position:absolute;inset:3px}@keyframes shadow-ring-2{0%{opacity:0;transform:rotate(360deg)scale(.8)}40%{opacity:.9}to{opacity:0;transform:rotate(0)scale(1.12)}}.proj-throw-line.shade-line .throw-line{height:1.5px;animation:throw-line-appear var(--throw-duration) ease-out forwards, shadow-sword-pulse .3s ease-in-out infinite;background:linear-gradient(90deg,#b45af000 0%,#c878ffb3 15%,#d0a0ff 50%,#f0e0ff 85%,#ffdcff00 100%);box-shadow:0 0 3px #c878ff,0 0 6px #963cdccc,0 0 12px #7828c880}@keyframes shadow-sword-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.4)}}.frontline .fighter.attacking{animation:.2s ease-out attack-lunge}.frontline .fighter.attacking .toy-sprite{animation:.2s ease-out attack-pulse;transform:scale(1.3)translateY(-2px)}@keyframes attack-lunge{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}to{transform:translate(-50%)translateY(0)}}@keyframes attack-pulse{0%{filter:brightness(1.3);transform:scale(1.2)translateY(0)}50%{filter:brightness(1.5);transform:scale(1.4)translateY(-2px)}to{filter:brightness(1.2);transform:scale(1.3)translateY(-1px)}}.frontline .hit-explosion{z-index:45;pointer-events:none;border-radius:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;animation:.3s ease-out forwards hit-explode;position:absolute}.frontline .hit-explosion.arrow-hit{background:radial-gradient(circle,#ffd764e6 0%,#ffb43299 40%,#ff640000 80%);box-shadow:0 0 20px #ffc850cc,0 0 40px #ff961e66}.frontline .hit-explosion.ice-hit{background:radial-gradient(circle,#b4e6ffe6 0%,#64beff99 40%,#3296ff00 80%);box-shadow:0 0 20px #82d2ffcc,0 0 40px #64beff66}.frontline .hit-explosion.shade-hit{background:radial-gradient(circle,#c896ffe6 0%,#8c50dc99 40%,#50149600 80%);box-shadow:0 0 20px #b450ffcc,0 0 40px #7828c866}.frontline .hit-explosion.enemy-slash-hit{transform:translate(-50%,-50%);z-index:66!important;background:0 0!important;width:80px!important;height:80px!important;animation:.4s ease-out forwards enemy-slash-container!important}@keyframes enemy-slash-container{0%{opacity:0}12%{opacity:1}88%{opacity:1}to{opacity:0}}.frontline .hit-explosion.enemy-slash-hit:before{content:"";filter:brightness(1.5);background:linear-gradient(90deg,#0000 0%,#ffffff4d 5%,#fff 30% 70%,#ffffff4d 95%,#0000 100%);border-radius:50% 90%/100% 50%;width:70px;height:22px;margin-top:-11px;margin-left:-35px;animation:.4s cubic-bezier(.4,0,.2,1) forwards enemy-slash-arc;position:absolute;top:50%;left:50%;box-shadow:0 0 15px #fff,0 0 30px #ffc864b3,0 0 50px #ff963266}.frontline .hit-explosion.enemy-slash-hit:after{content:"";opacity:0;border:2px solid #ffc864e6;border-radius:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;animation:.45s ease-out forwards enemy-slash-shock;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ffb45099,inset 0 0 15px #ffdc964d}@keyframes enemy-slash-arc{0%{opacity:0;filter:blur(4px)brightness(2);transform:rotate(-40deg)scaleX(.1)scaleY(.4)}15%{opacity:1;filter:blur(1px)brightness(1.8)}85%{opacity:1;filter:blur(.5px)brightness(1.3)}to{opacity:0;filter:blur()brightness();transform:rotate(40deg)scaleX(1.4)scaleY(1.2)}}@keyframes enemy-slash-shock{0%{opacity:.9;transform:scale(.3)}60%{opacity:.3}to{opacity:0;transform:scale(2.2)}}.frontline .hit-explosion.attacker-effect{transform:translate(-50%,-50%)}.frontline .hit-explosion.sweep-hit,.frontline .hit-explosion.slash-hit,.frontline .hit-explosion.shield-hit,.frontline .hit-explosion.cleave-hit{z-index:65!important;background:0 0!important;animation:.45s ease-out forwards crescent-fade!important}@keyframes crescent-fade{0%{opacity:0}12%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes crescent-slash{0%{opacity:0;filter:blur(5px)brightness(2.5);transform:rotate(-55deg)scaleX(.15)scaleY(.4)}10%{opacity:1;filter:blur(3px)brightness(2)}90%{opacity:1;filter:blur(.5px)brightness(1.3)}to{opacity:0;filter:blur()brightness();transform:rotate(55deg)scaleX(1.4)scaleY(1.2)}}@keyframes crescent-slash-fast{0%{opacity:0;filter:blur(4px)brightness(2.5);transform:rotate(-60deg)scaleX(.15)scaleY(.4)}10%{opacity:1;filter:blur(2px)brightness(2)}90%{opacity:1;filter:blur(.5px)brightness(1.3)}to{opacity:0;filter:blur()brightness();transform:rotate(60deg)scaleX(1.4)scaleY(1.2)}}@keyframes crescent-slash-mid{0%{opacity:0;filter:blur(4px)brightness(2.2);transform:rotate(-50deg)scaleX(.15)scaleY(.4)}10%{opacity:1;filter:blur(2px)brightness(1.8)}90%{opacity:1;filter:blur(.5px)brightness(1.2)}to{opacity:0;filter:blur()brightness();transform:rotate(50deg)scaleX(1.4)scaleY(1.2)}}@keyframes crescent-slash-reverse{0%{opacity:0;filter:blur(4px)brightness(2);transform:rotate(55deg)scaleX(.15)scaleY(.4)}10%{opacity:1;filter:blur(2px)brightness(1.6)}90%{opacity:1;filter:blur(.5px)brightness(1.2)}to{opacity:0;filter:blur()brightness();transform:rotate(-55deg)scaleX(1.4)scaleY(1.2)}}@keyframes crescent-shockwave{0%{opacity:.9;transform:scale(.2)}60%{opacity:.3}to{opacity:0;transform:scale(2.5)}}.frontline .hit-explosion.sweep-hit{width:75px!important;height:75px!important}.frontline .hit-explosion.sweep-hit:before{content:"";filter:brightness(1.5);background:linear-gradient(135deg,#ff78284d 0%,#ffa046e6 15%,#ffc878 35%,ivory 50%,#ffc878 65%,#ffa046e6 85%,#ff78284d 100%);border-radius:50% 85%/100% 55%;width:60px;height:22px;margin-top:-11px;margin-left:-30px;animation:.5s cubic-bezier(.4,0,.2,1) forwards crescent-slash;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #ffb43c,0 0 25px #ff9628cc,0 0 50px #ff781e80,0 0 80px #ff64144d}.frontline .hit-explosion.sweep-hit:after{content:"";opacity:0;border:2px solid #ffb450e6;border-radius:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;animation:.55s ease-out forwards crescent-shockwave;position:absolute;top:50%;left:50%;box-shadow:0 0 20px #ff9632b3,inset 0 0 15px #ffc8644d}.frontline .hit-explosion.slash-hit{width:60px!important;height:60px!important}.frontline .hit-explosion.slash-hit:before{content:"";filter:brightness(1.6);background:linear-gradient(135deg,#dcebff66 0%,#f0f5ffe6 15%,#fff 35% 50%,#fff 65%,#f0f5ffe6 85%,#dcebff66 100%);border-radius:50% 90%/100% 50%;width:52px;height:18px;margin-top:-9px;margin-left:-26px;animation:.35s ease-out forwards crescent-slash-fast;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #fff,0 0 20px #c8dcffcc,0 0 40px #b4c8ff80}.frontline .hit-explosion.slash-hit:after{content:"";opacity:0;border:2px solid #dcebffe6;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;animation:.4s ease-out forwards crescent-shockwave;position:absolute;top:50%;left:50%;box-shadow:0 0 15px #c8dcff99}.frontline .hit-explosion.shield-hit{width:65px!important;height:65px!important}.frontline .hit-explosion.shield-hit:before{content:"";filter:brightness(1.4);background:linear-gradient(135deg,#50a0ff4d 0%,#78beffe6 15%,#b4dcff 35%,#e6f5ff 50%,#b4dcff 65%,#78beffe6 85%,#50a0ff4d 100%);border-radius:50% 85%/100% 55%;width:56px;height:20px;margin-top:-10px;margin-left:-28px;animation:.4s ease-out forwards crescent-slash-mid;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #64b4ff,0 0 20px #96c8ffcc,0 0 40px #64b4ff80}.frontline .hit-explosion.shield-hit:after{content:"";opacity:0;border:2px solid #78beffe6;border-radius:50%;width:46px;height:46px;margin-top:-23px;margin-left:-23px;animation:.45s ease-out forwards crescent-shockwave;position:absolute;top:50%;left:50%;box-shadow:0 0 15px #64b4ffb3,inset 0 0 12px #96c8ff4d}.frontline .hit-explosion.cleave-hit{width:80px!important;height:80px!important}.frontline .hit-explosion.cleave-hit:before{content:"";filter:brightness(1.5);background:linear-gradient(135deg,#dc321e4d 0%,#ff5032e6 15%,#ff8c5a 35%,#ffdcb4 50%,#ff8c5a 65%,#ff5032e6 85%,#dc321e4d 100%);border-radius:50% 85%/100% 55%;width:68px;height:24px;margin-top:-12px;margin-left:-34px;animation:.5s cubic-bezier(.4,0,.2,1) forwards crescent-slash;position:absolute;top:50%;left:50%;box-shadow:0 0 15px #ff6432,0 0 30px #ff501ecc,0 0 50px #ff3c1480}.frontline .hit-explosion.cleave-hit:after{content:"";opacity:0;background:linear-gradient(135deg,#ff783c4d 0%,#ffa050e6 15%,#ffc882 35%,#fff0c8 50%,#ffc882 65%,#ffa050e6 85%,#ff783c4d 100%);border-radius:50% 85%/100% 55%;width:58px;height:20px;margin-top:-10px;margin-left:-29px;animation:.5s cubic-bezier(.4,0,.2,1) .1s forwards crescent-slash-reverse,.55s ease-out forwards crescent-shockwave;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #ff9650e6,0 0 20px #ff783c99}.frontline .hit-explosion.shadow-slash-hit{transform:translate(-50%,-50%);z-index:66!important;background:0 0!important;width:80px!important;height:80px!important;animation:.45s ease-out forwards shadow-slash-fade!important}@keyframes shadow-slash-fade{0%{opacity:0}12%{opacity:1}88%{opacity:1}to{opacity:0}}.frontline .hit-explosion.shadow-slash-hit:before{content:"";background:linear-gradient(90deg,#0000 0%,#b46eff66 10%,#c88cff 30%,#fff 50%,#c88cff 70%,#b46eff66 90%,#0000 100%);border-radius:3px;width:70px;height:5px;margin-top:-2.5px;margin-left:-35px;animation:.4s cubic-bezier(.4,0,.2,1) forwards slash-line-1;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #c882ff,0 0 20px #b450ffcc,0 0 40px #8c28dc80}.frontline .hit-explosion.shadow-slash-hit:after{content:"";background:linear-gradient(90deg,#0000 0%,#b46eff66 10%,#c88cff 30%,#fff 50%,#c88cff 70%,#b46eff66 90%,#0000 100%);border-radius:3px;width:70px;height:5px;margin-top:-2.5px;margin-left:-35px;animation:.4s cubic-bezier(.4,0,.2,1) forwards slash-line-2;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #c882ff,0 0 20px #b450ffcc,0 0 40px #8c28dc80}@keyframes slash-line-1{0%{opacity:0;filter:blur(3px)brightness(2);transform:rotate(-35deg)scaleX(.1)}15%{opacity:1;filter:blur(1px)brightness(1.5)}85%{opacity:1;filter:blur(.5px)brightness(1.2)}to{opacity:0;filter:blur()brightness();transform:rotate(-35deg)scaleX(1.3)}}@keyframes slash-line-2{0%{opacity:0;filter:blur(3px)brightness(2);transform:rotate(35deg)scaleX(.1)}15%{opacity:1;filter:blur(1px)brightness(1.5)}85%{opacity:1;filter:blur(.5px)brightness(1.2)}to{opacity:0;filter:blur()brightness();transform:rotate(35deg)scaleX(1.3)}}@keyframes hit-explode{0%{opacity:1;transform:scale(.3)}40%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.frontline .fighter.elite{filter:drop-shadow(0 0 8px gold)drop-shadow(0 0 16px #fa08)}.frontline .fighter.elite .fighter-icon{border:2px solid gold;border-radius:50%;animation:1.5s ease-in-out infinite elite-pulse;box-shadow:0 0 12px #ffd700aa,inset 0 0 8px #ffd70066}.frontline .fighter .elite-mark{z-index:45;filter:drop-shadow(0 0 4px gold);pointer-events:none;font-size:14px;animation:1s ease-in-out infinite elite-bounce;position:absolute;top:-8px;right:-6px}@keyframes elite-pulse{0%,to{box-shadow:0 0 12px #ffd700aa,inset 0 0 8px #ffd70066}50%{box-shadow:0 0 20px #ffd700dd,inset 0 0 12px #ffd70099}}@keyframes elite-bounce{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(10deg)}}.home-screen{padding-bottom:76px!important}.home-screen .campaign-scroll{z-index:2;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:0 3px 9px;position:relative;overflow-y:auto}.home-screen .campaign-scroll::-webkit-scrollbar{display:none}.home-nav{z-index:6;height:64px;padding:7px 12px max(7px,env(safe-area-inset-bottom));background:linear-gradient(#0d2940ee,#071827fa);border-top:1px solid #7ecfdd44;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #020b1677}.home-nav button{color:#8db8c6;background:0 0;border:0;font-size:9px;font-weight:800}.home-nav .home-nav-icon{opacity:.68;filter:saturate(.65)brightness(.82);background:50%/contain no-repeat;width:23px;height:23px;margin:-2px auto 2px;transition:filter .18s,opacity .18s,transform .18s;display:block}.home-nav .home-nav-campaign{background-image:url(/art/nav/campaign-v1.png)}.home-nav .home-nav-units{background-image:url(/art/nav/units-v1.png)}.home-nav .home-nav-skills{background-image:url(/art/nav/skills-v1.png)}.home-nav .home-nav-badges{background-image:url(/art/nav/badges-v1.png)}.home-nav button.active{color:#fff0a8}.home-nav button.active .home-nav-icon{opacity:1;filter:drop-shadow(0 0 5px #ffd96ccc);transform:translateY(-1px)scale(1.08)}.codex-page{z-index:2;scrollbar-width:none;flex:1;padding:26px 3px 7px;position:relative;overflow-y:auto}.codex-page::-webkit-scrollbar{display:none}.codex-heading{margin:0 4px 15px}.codex-heading b,.codex-heading small{display:block}.codex-heading b{color:#f1fbff;font-size:20px}.codex-heading small{color:#9cc4d1;margin-top:5px;font-size:10px}.codex-switch{grid-template-columns:1fr 1fr;gap:7px;margin:0 4px 12px;display:grid}.codex-switch button{color:#ccecf0;background:#12374b;border:1px solid #548e9e;border-radius:11px;min-height:36px;font-size:10px;font-weight:800}.codex-switch button.chosen{color:#fff1ba;background:#356568;border-color:#ffe17c}.unit-codex,.skill-codex,.badge-codex{gap:8px;display:grid}.codex-unit,.codex-skill,.badge-codex article{background:linear-gradient(145deg,#21586a,#102f43);border:1px solid #78b8c466;border-radius:15px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:inset 0 1px #fff2,0 4px #071d2b}.codex-unit.locked,.codex-skill.locked{filter:grayscale();opacity:.48}.codex-portrait{background:#154354;border-radius:12px;flex:none;width:57px;height:57px;overflow:hidden}.codex-portrait .toy-figure{width:100%;height:100%}.codex-unit div,.codex-skill div,.badge-codex article div{min-width:0}.codex-unit b,.codex-skill b,.badge-codex b{color:#f4ffff;font-size:12px;display:block}.codex-unit small{color:#ffe39a;margin-top:4px;font-size:8px;display:block}.codex-unit p,.codex-skill p,.badge-codex p{color:#c4e0e7;margin:4px 0 0;font-size:8px;line-height:1.35}.codex-skill{background:linear-gradient(135deg,var(--card),#123044 94%)}.codex-skill .spell-art{flex:none;width:54px;height:54px}.badge-codex article{opacity:.5;background:#142f43;border-color:#7a8b9a66}.badge-codex article.owned{opacity:1;background:linear-gradient(135deg,#5a4928,#173b4c);border-color:#ffe07c88}.badge-codex article>span{color:#ffe590;background:#695128;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.badge-codex article:not(.owned)>span{color:#7897a4;background:#244355}.codex-page{padding:78px 19px 82px}.unit-codex,.skill-codex,.badge-codex{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-unit,.codex-skill,.badge-codex article{aspect-ratio:3/4;box-sizing:border-box;text-align:center;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:0;padding:8px 5px;display:flex;overflow:hidden}.codex-portrait{aspect-ratio:1;border-radius:12px;width:64%;height:auto;margin-top:2px}.codex-unit div,.codex-skill div,.badge-codex article div{width:100%;min-width:0}.codex-unit b,.codex-skill b,.badge-codex b{font-size:11px;line-height:1.14}.codex-unit small{color:#ffe39a;white-space:nowrap;letter-spacing:-.03em;margin-top:4px;font-size:9px;font-weight:900}.codex-unit p,.codex-skill p,.badge-codex p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 1px 0;font-size:7.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.codex-skill{background:linear-gradient(155deg,var(--card),#123044 92%);justify-content:flex-start}.codex-skill .spell-art{aspect-ratio:1;flex:none;width:64%;height:auto;margin-top:2px}.badge-codex article{background:linear-gradient(145deg,#1f4a5c,#0e2a3a);border:1px solid #4a9ba844;justify-content:center;padding:9px 6px;box-shadow:inset 0 1px #fff4,0 3px #061820}.badge-codex article.owned{background:linear-gradient(145deg,#4a3520,#2a1f10);border-color:#d4a048aa;box-shadow:inset 0 1px #fff6,0 3px #1a1008}.badge-codex article>span{color:#8fb5c2;justify-content:center;align-items:center;width:48px;height:48px;margin:2px 0 3px;font-size:26px;display:flex}.badge-codex article.owned>span{color:#ffd57a;text-shadow:0 0 8px #ffb34788}@media (min-width:680px){.unit-codex,.skill-codex,.badge-codex{grid-template-columns:repeat(4,minmax(0,1fr))}}.art-setup .unit,.codex-unit{aspect-ratio:3/4;color:#e8f9f8;text-align:center;background:linear-gradient(145deg,#2a6f78,#164454);border:1px solid #7fc9ca66;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;min-height:0;padding:6px 4px 7px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff4,0 4px #0b2b38}.codex-unit{overflow:visible}.codex-unit.locked{filter:grayscale();opacity:.32}.art-setup .unit-portrait,.codex-unit .codex-portrait{aspect-ratio:1;filter:drop-shadow(0 4px 3px #0007);background:0 0;border-radius:0;width:74%;height:auto;margin:auto auto 4px;display:block;overflow:visible}.art-setup .unit-portrait .toy-figure,.codex-unit .codex-portrait .toy-figure{transform-origin:bottom;transform:scale(1.14)translateY(8px)}.codex-unit .codex-portrait{width:74%}.art-setup .unit .unit-name,.codex-unit b{color:#f4ffff;min-height:16px;margin-top:6px;font-size:11px;font-weight:900;line-height:1;display:block}.art-setup .unit .unit-stats,.codex-unit small{color:#ffe8a1;white-space:nowrap;width:100%;margin:3px 0 0;padding:0 1px;font-size:8.5px;font-weight:900;line-height:1.2;display:block}.art-setup .unit .unit-role,.codex-unit p{color:#c9e7e8;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:18px;margin:3px 0 0;font-size:6.5px;font-weight:500;line-height:1.28;display:-webkit-box;overflow:hidden}.codex-skill{aspect-ratio:3/4;color:#e8f9f8;text-align:center;border:1px solid #7fc9ca66;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;min-height:0;padding:6px 4px 7px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff4,0 4px #0b2b38;background:linear-gradient(145deg,#2a6f78,#164454)!important}.codex-skill:before{display:none}.codex-skill .spell-art{z-index:1;aspect-ratio:1;width:82%;height:auto;filter:drop-shadow(0 4px 4px var(--card));flex:none;margin:auto auto 1px;position:relative}@supports (color:color-mix(in lab, red, red)){.codex-skill .spell-art{filter:drop-shadow(0 4px 4px color-mix(in srgb,var(--card) 65%,transparent))}}.codex-skill div{z-index:1;width:100%;position:relative}.codex-skill b{color:#f4ffff;min-height:16px;font-size:11px;font-weight:900;line-height:1;display:block}.codex-skill p{color:#c9e7e8;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:18px;margin:4px 0 0;font-size:7px;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.frontline .fighter .strike.attack-melee{width:108px;height:86px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:-43px 0 0 -54px;animation:.38s ease-out both melee-crescent-fade;top:50%;left:50%;overflow:visible}.frontline .fighter .strike.attack-melee:before,.frontline .fighter .strike.attack-melee:after{content:"";pointer-events:none;position:absolute;top:50%;left:50%}.frontline .fighter .strike.attack-melee:before{filter:drop-shadow(0 0 5px #ffde8a);transform-origin:50% 75%;border:0;border-top:7px solid #fff7de;border-radius:50%;width:86px;height:42px;margin:-21px 0 0 -43px;animation:.38s cubic-bezier(.16,.72,.2,1) both melee-crescent-sweep;box-shadow:0 -2px 5px #fff9,0 -4px 14px #ffc455e6,0 -6px 28px #ff7a3b99}.frontline .fighter .strike.attack-melee:after{transform-origin:50% 75%;border-top:3px solid #ffd57a;border-radius:50%;width:62px;height:30px;margin:-15px 0 0 -31px;animation:.38s cubic-bezier(.16,.72,.2,1) 35ms both melee-crescent-trail;box-shadow:0 -2px 10px #ff9d4d}@keyframes melee-crescent-fade{0%{opacity:0}16%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes melee-crescent-sweep{0%{opacity:0;filter:blur(4px)brightness(1.8);transform:rotate(-105deg)scale(.28,.42)}20%{opacity:1}to{opacity:.05;filter:blur(.2px)brightness(1.1);transform:rotate(62deg)scaleX(1.18)}}@keyframes melee-crescent-trail{0%{opacity:0;transform:rotate(-92deg)scale(.2,.45)}24%{opacity:.95}to{opacity:0;transform:rotate(48deg)scale(1.08,.92)}}.frontline .hit-explosion.enemy-slash-hit{filter:drop-shadow(0 0 3px #e8cbff)drop-shadow(0 0 8px #974aff);border-radius:0;margin:-38px 0 0 -56px;transform:none;z-index:66!important;background:url(/art/effects/enemy-hit-slash-v1.png) 50%/contain no-repeat!important;width:112px!important;height:76px!important;animation:.32s cubic-bezier(.16,.72,.2,1) both target-hit-slash-sprite!important}@keyframes target-hit-slash-sprite{0%{opacity:0;filter:brightness(1.9)blur(1.7px);transform:translate(-8px,7px)scale(.18)}26%{opacity:1;transform:translate(0)scale(.82)}62%{opacity:.92;transform:translate(2px,-2px)scale(1.02)}to{opacity:0;filter:brightness(1.08)blur(.35px);transform:translate(4px,-4px)scale(1.11)}}.frontline .fighter .strike.attack-melee{width:78px;height:78px;box-shadow:none;filter:drop-shadow(0 0 3px #d255ff)drop-shadow(0 0 7px #ff8df4);mix-blend-mode:screen;background:url(/art/effects/melee-crescent-v1.png) 50%/contain no-repeat;border:0;border-radius:0;margin:-39px 0 0 -39px;animation:.34s cubic-bezier(.16,.72,.2,1) both melee-sprite-crescent;rotate:90deg}.frontline .fighter .strike.attack-melee:before,.frontline .fighter .strike.attack-melee:after{display:none}@keyframes melee-sprite-crescent{0%{opacity:0;top:calc(50% + 20px);transform:scale(.24)}22%{opacity:.48;top:calc(50% + 4px);transform:scale(.54)}62%{opacity:1;top:calc(50% - 32px);transform:scale(1.08)}to{opacity:0;top:calc(50% - 56px);transform:scale(1.2)}}.proj-arrow .arrow-fly:before{content:"";background:linear-gradient(90deg,transparent,var(--trail-color,#ffd66e));filter:blur(.35px);opacity:.78;border-radius:99px;width:48px;height:2px;position:absolute;top:-1px;left:-48px}.proj-arrow .diamond{clip-path:none;opacity:1;border-radius:99px;width:36px;height:2px;top:-1px;left:-36px;transform:none}.proj-arrow .diamond-head{clip-path:polygon(100% 50%,0 0,22% 50%,0 100%);filter:drop-shadow(0 0 3px);background:#fff8cf;width:11px;height:10px;display:block;position:absolute;top:-5px;left:-6px}.proj-arrow.arrow-type{--trail-color:#ffd66e;color:#ffdc75}.proj-arrow.ice-type{--trail-color:#96e7ff;color:#c8f7ff}.proj-arrow.shade-type{--trail-color:#d695ff;color:#f1cbff}.proj-arrow.ice-type .diamond-head{background:#e7fbff}.proj-arrow.shade-type .diamond-head{background:#f5dcff}.frontline .hit-explosion.arrow-hit,.frontline .hit-explosion.ice-hit,.frontline .hit-explosion.shade-hit{width:22px;height:22px;margin:-11px 0 0 -11px}.frontline .fighter .heal-burst{z-index:44;pointer-events:none;background:radial-gradient(circle,#bfffd133 0 24%,#0000 27%);border:2px solid #8ff5bc;border-radius:50%;width:60px;height:60px;margin-left:-30px;animation:.45s ease-out both heal-ring-rise;position:absolute;bottom:-8px;left:50%;box-shadow:0 0 7px #6ff0a6,inset 0 0 8px #baffd444}.frontline .fighter .heal-burst:before,.frontline .fighter .heal-burst:after{content:"✦";color:#dffff0;text-shadow:0 0 7px #6df1a4;font-size:12px;animation:.45s ease-out both heal-mote-rise;position:absolute}.frontline .fighter .heal-burst:before{bottom:9px;left:7px}.frontline .fighter .heal-burst:after{animation-delay:70ms;bottom:15px;right:8px}@keyframes heal-ring-rise{0%{opacity:0;transform:scale(.28)}20%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes heal-mote-rise{0%{opacity:0;transform:translateY(7px)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-43px)scale(1)}}.frontline .fighter .guard-burst{z-index:43;pointer-events:none;clip-path:polygon(50% 0,93% 24%,93% 75%,50% 100%,7% 75%,7% 24%);animation:.48s ease-out both guard-unfold;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frontline{--ff-ink:#effaff;--ff-muted:#9fc8d9;--ff-panel:#10334a;--ff-panel-hi:#1d5b70;--ff-line:#7ddbe97a;--ff-gold:#ffd56f;--ff-deep:#061526;background:radial-gradient(circle at 50% -8%,#50caef38,#0000 32%),linear-gradient(#071a31 0%,#09243a 48%,#051220 100%)}.frontline .home-screen,.frontline .codex-page,.frontline .setup.art-setup,.frontline .battle{background-color:var(--ff-deep)}.frontline .home-screen:before,.frontline .battle:before{opacity:.3}.frontline .home-title{text-shadow:0 2px #061526,0 0 22px #49cff138;background:linear-gradient(90deg,#0000,#041830a8 18%,#041830c2 50%,#041830a8 82%,#0000);border-block:1px solid #98e5f540}.frontline .home-title:before,.frontline .home-title:after{content:"";background:linear-gradient(90deg,transparent,var(--ff-gold));width:36px;height:1px;position:absolute;top:50%}.frontline .home-title:before{left:8px}.frontline .home-title:after{right:8px;transform:rotate(180deg)}.frontline .home-title h1{color:var(--ff-ink);text-shadow:0 4px #061526,0 0 18px #62d9ff66}.frontline .home-title p{color:#a8e9fa}.frontline .home-start,.frontline .result .primary,.frontline .art-setup .primary{background:linear-gradient(120deg,#ffe7a1,#ffc95e 52%,#f3a753);border-color:#fff0ad;box-shadow:inset 0 2px #ffffffdb,0 6px #96502d,0 12px 24px #00000057}.frontline .home-level-list .level,.frontline .codex-unit,.frontline .codex-skill,.frontline .badge-codex article,.frontline .art-setup .unit,.frontline .wave-modal .reinforce-grid button{border-color:var(--ff-line);background:linear-gradient(145deg,#1f5b6df5,#0a293bfa)}.frontline .fighter:not(.final-boss) .toy-figure{transform-origin:50% 86%;will-change:transform,filter;animation:2.4s ease-in-out infinite ff-unit-idle}.frontline .fighter.enemy:not(.attacking):not(.hit):not(.final-boss) .toy-figure{animation:1.1s ease-in-out infinite ff-enemy-march}.frontline .fighter.attacking:not(.final-boss) .toy-figure{animation:.22s cubic-bezier(.18,.75,.25,1) both ff-unit-strike}.frontline .fighter.hit:not(.final-boss) .toy-figure{animation:.25s ease-out both ff-unit-impact}@keyframes ff-unit-idle{0%,to{filter:brightness();transform:translateY(0)scale(1)}50%{filter:brightness(1.06);transform:translateY(-2px)scale(1.018)}}@keyframes ff-enemy-march{0%,to{transform:translate(-1px)rotate(-1.2deg)scale(1)}50%{transform:translate(1px,-2px)rotate(1.2deg)scale(1.025)}}@keyframes ff-unit-strike{0%{filter:brightness();transform:translateY(0)scale(1)}45%{filter:brightness(1.25)saturate(1.2);transform:translateY(-5px)scale(1.1)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes ff-unit-impact{0%{filter:brightness();transform:translate(0)scale(1)}28%{filter:brightness(1.8)saturate(1.45);transform:translate(-3px)scale(1.06)}66%{transform:translate(2px)scale(.98)}to{filter:brightness();transform:translate(0)scale(1)}}.frontline .result-medal{width:156px;height:156px;box-shadow:none;text-shadow:none;filter:drop-shadow(0 11px 14px #00000061);background:0 0;border:0;border-radius:0;margin:0 auto -2px}.frontline .result-medal:before,.frontline .result-medal:after{display:none}.frontline .result-medal img{object-fit:contain;width:100%;height:100%;display:block}.frontline .result-lose .result-medal{text-shadow:none;background:0 0;border:0}.frontline .result-lose .result-medal img{filter:drop-shadow(0 0 10px #f74a5440)}@media (prefers-reduced-motion:reduce){.frontline .fighter:not(.final-boss) .toy-figure{animation:none}}.frontline .spell-art-custom{isolation:isolate;filter:drop-shadow(0 4px 4px #0007129e) drop-shadow(0 0 5px var(--card,#8fdfff));border-radius:24%;position:relative}@supports (color:color-mix(in lab, red, red)){.frontline .spell-art-custom{filter:drop-shadow(0 4px 4px #0007129e) drop-shadow(0 0 5px color-mix(in srgb,var(--card,#8fdfff) 48%,transparent))}}.frontline .spell-art-custom:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 42%,var(--card,#8fdfff),transparent 66%), linear-gradient(145deg,#ffffff38,#08223738);border:1px solid #dbf6ff8a;border-radius:29%;position:absolute;inset:-8%}@supports (color:color-mix(in lab, red, red)){.frontline .spell-art-custom:before{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--card,#8fdfff) 35%,transparent),transparent 66%), linear-gradient(145deg,#ffffff38,#08223738)}}.frontline .spell-art-custom:before{box-shadow:inset 0 0 0 1px #0415276b,0 0 0 2px #0a273b6b,0 0 12px var(--card,#8fdfff)}@supports (color:color-mix(in lab, red, red)){.frontline .spell-art-custom:before{box-shadow:inset 0 0 0 1px #0415276b,0 0 0 2px #0a273b6b,0 0 12px color-mix(in srgb,var(--card,#8fdfff) 38%,transparent)}}.frontline .spell-art-custom:after{content:"✦";z-index:2;color:#fff1a5;text-shadow:0 0 5px #ffdc70;font-size:22%;line-height:1;position:absolute;top:-10%;right:-8%}.frontline .spell-card,.frontline .codex-skill,.frontline .spell-choice-card.codex-skill{background:linear-gradient(150deg,#397a89f5,#0d2f41fa 64%), var(--card);border-color:#89e0ee8f;box-shadow:inset 0 1px #ffffff59,inset 0 -14px 24px #0009152b,0 5px #061b2a,0 10px 19px #00061047}.frontline .spell-card:after,.frontline .codex-skill:after,.frontline .spell-choice-card.codex-skill:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #cff7fa30;position:absolute;inset:5px}.frontline .spell-card strong,.frontline .codex-skill b,.frontline .spell-choice-card.codex-skill b{color:#fff4c3;text-shadow:0 2px #071a2b}.frontline .spell-card small,.frontline .codex-skill p,.frontline .spell-choice-card.codex-skill p{color:#d1edf2}.frontline .spell-choice-card.codex-skill.picked,.frontline .spell-card.casting{box-shadow:0 0 0 2px #ffde7740,inset 0 1px #ffffff8a,0 0 22px var(--card,#fff),0 5px 0 #79582a;border-color:#ffe184}@supports (color:color-mix(in lab, red, red)){.frontline .spell-choice-card.codex-skill.picked,.frontline .spell-card.casting{box-shadow:0 0 0 2px #ffde7740,inset 0 1px #ffffff8a,0 0 22px color-mix(in srgb,var(--card,#fff) 44%,transparent),0 5px 0 #79582a}}.frontline .spell-choice-card.codex-skill.picked .spell-art-custom,.frontline .spell-card.casting .spell-art-custom{animation:.42s cubic-bezier(.2,.8,.25,1) both ff-rune-awaken}@keyframes ff-rune-awaken{0%{filter:brightness();transform:scale(.76)rotate(-8deg)}45%{filter:brightness(1.45)drop-shadow(0 0 11px #fff);transform:scale(1.13)rotate(4deg)}to{transform:scale(1)rotate(0)}}.frontline .spell-cast-card{background:radial-gradient(circle,var(--card,#8fdfff) 0 42%,#0311202e 72%,transparent 73%);border:1px solid #e7f9ffa8;border-radius:34%;width:112px;height:112px;padding:14px}@supports (color:color-mix(in lab, red, red)){.frontline .spell-cast-card{background:radial-gradient(circle,color-mix(in srgb,var(--card,#8fdfff) 36%,#091f348c) 0 42%,#0311202e 72%,transparent 73%)}}.frontline .spell-cast-card{box-shadow:0 0 0 8px #0d304440,0 0 28px var(--card,#8fdfff),inset 0 0 20px #ffffff29}@supports (color:color-mix(in lab, red, red)){.frontline .spell-cast-card{box-shadow:0 0 0 8px #0d304440,0 0 28px color-mix(in srgb,var(--card,#8fdfff) 56%,transparent),inset 0 0 20px #ffffff29}}.frontline .spell-cast-card .spell-art-custom{width:100%;height:100%}.frontline .spell-cast-card:before,.frontline .spell-cast-card:after{content:"";border:1px solid var(--card,#8fdfff);position:absolute;inset:-14px}@supports (color:color-mix(in lab, red, red)){.frontline .spell-cast-card:before,.frontline .spell-cast-card:after{border:1px solid color-mix(in srgb,var(--card,#8fdfff) 70%,#fff)}}.frontline .spell-cast-card:before,.frontline .spell-cast-card:after{border-radius:50%;animation:.72s ease-out both ff-cast-ring}.frontline .spell-cast-card:after{opacity:.55;animation-delay:80ms;inset:-26px}@keyframes ff-cast-ring{0%{opacity:0;transform:scale(.52)rotate(-18deg)}25%{opacity:1}to{opacity:0;transform:scale(1.18)rotate(24deg)}}.frontline .home-nav{background:linear-gradient(#09273df0,#041524fa);border-top-color:#80dceb52}.frontline .home-nav .home-nav-icon{background-color:#04192a5c;border:1px solid #7ecfde42;border-radius:9px;padding:2px}.frontline .home-nav button.active .home-nav-icon{background-color:#684c1e59;border-color:#ffdc76cc;box-shadow:0 0 12px #ffd05f47}.frontline .fighter .armor-guard{background:linear-gradient(#dff8ff44,#52aefa22);border:2px solid #8fd6ff;width:68px;height:76px;box-shadow:0 0 8px #82cbff,inset 0 0 11px #bdefff66}.frontline .fighter .barrier-guard{background:radial-gradient(circle,#eac6ff44,#0000 66%);border:3px solid #f0d7ff;width:84px;height:92px;box-shadow:0 0 11px #cc8cff,inset 0 0 15px #eed4ff77}@keyframes guard-unfold{0%{opacity:0;transform:translate(-50%,-50%)scale(.42)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}.fx-purge>b{color:#fff3a5;text-shadow:0 0 28px #ffe470}.fx-barrier>b{color:#e8cdff;text-shadow:0 0 28px #c88cff}.fx-volley>b{color:#ffbd7c;text-shadow:0 0 28px #ff8457}.fx-revive>b{color:#ff9dbe;text-shadow:0 0 28px #ff76aa}.art-setup .slot-toy,.art-setup.scrolled .slot-toy{transform-origin:50%;aspect-ratio:1!important;width:86%!important;height:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-60%)scale(1)!important}.art-setup .slot small,.art-setup.scrolled .slot small{font-size:10px!important;bottom:16px!important}.art-setup .slot,.art-setup .three-row.deploy-grid .slot{aspect-ratio:3/4!important}.art-setup.scrolled .slot{aspect-ratio:3/2!important}.wave-modal .reinforce-unit{aspect-ratio:1;width:86%}.wave-modal .reinforce-unit .toy-figure{width:100%;height:100%}.proj-arrow .arrow-fly:before{display:none}.proj-arrow .diamond{clip-path:none;opacity:1;filter:drop-shadow(0 0 3px #d78cff)drop-shadow(0 0 7px #7867ff);mix-blend-mode:screen;background:url(/art/effects/arcane-arrow-v1.png) 50%/contain no-repeat;border:0;border-radius:0;width:60px;height:34px;top:-17px;left:-57px;transform:none}.proj-arrow .diamond-head{display:none}.proj-arrow.flying .diamond{opacity:1;transition:opacity var(--fly-duration,.35s) ease-out, transform var(--fly-duration,.35s) ease-out;transform:scale(1)}.proj-arrow.arrow-type .diamond{filter:drop-shadow(0 0 3px #ffe090)drop-shadow(0 0 7px #c77dff);background:url(/art/effects/arcane-arrow-v1.png) 50%/contain no-repeat}.proj-arrow.ice-type .diamond{filter:hue-rotate(22deg)saturate(1.15)drop-shadow(0 0 4px #92e8ff);background:url(/art/effects/arcane-arrow-v1.png) 50%/contain no-repeat}.proj-arrow.shade-type .diamond{filter:hue-rotate(-14deg)saturate(1.2)drop-shadow(0 0 5px #d779ff);background:url(/art/effects/arcane-arrow-v1.png) 50%/contain no-repeat}.frontline .hit-explosion.arrow-hit,.frontline .hit-explosion.ice-hit,.frontline .hit-explosion.shade-hit{background:radial-gradient(circle,#fff 0 10%,#f6c8ff 15%,#b162ff66 34%,#0000 69%);border:0;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;box-shadow:0 0 9px #d87cff}.frontline .fighter .strike.attack-ranged,.frontline .fighter .strike.attack-support,.frontline .fighter .strike.attack-shield,.frontline .fighter .strike.attack-shadow{z-index:44;pointer-events:none;box-shadow:none;mix-blend-mode:screen;border:0;position:absolute}.frontline .fighter .strike.attack-ranged:before,.frontline .fighter .strike.attack-ranged:after,.frontline .fighter .strike.attack-support:before,.frontline .fighter .strike.attack-support:after,.frontline .fighter .strike.attack-shield:before,.frontline .fighter .strike.attack-shield:after,.frontline .fighter .strike.attack-shadow:before,.frontline .fighter .strike.attack-shadow:after{display:none}.frontline .fighter .strike.attack-ranged{filter:drop-shadow(0 0 4px #c77dff);transform-origin:12%;background:url(/art/effects/arcane-arrow-v1.png) 50%/contain no-repeat;width:38px;height:22px;margin:-11px 0 0 -5px;animation:.44s cubic-bezier(.16,.72,.2,1) both range-cast-vfx;top:48%;left:64%}.frontline .fighter .strike.attack-support{filter:drop-shadow(0 0 4px #67f5da);background:url(/art/effects/healing-sigil-v1.png) 50%/contain no-repeat;width:66px;height:66px;margin:-33px 0 0 -33px;animation:.56s ease-out both sigil-cast-vfx;top:58%;left:50%}.frontline .fighter .strike.attack-shield{filter:drop-shadow(0 0 6px #79cfff);background:url(/art/effects/guard-shield-v1.png) 50%/contain no-repeat;width:70px;height:105px;margin:-52.5px 0 0 -35px;animation:.56s ease-out both guard-cast-vfx;top:48%;left:50%}.frontline .fighter .strike.attack-shadow{filter:drop-shadow(0 0 4px #e379ff);background:url(/art/effects/melee-crescent-v1.png) 50%/contain no-repeat;width:54px;height:54px;margin:-27px 0 0 -27px;animation:.3s cubic-bezier(.16,.72,.2,1) both shadow-cast-vfx;top:50%;left:50%}@keyframes range-cast-vfx{0%{opacity:0;transform:translate(-11px)scaleX(.32)}22%{opacity:1;transform:translate(0)scaleX(.86)}to{opacity:0;transform:translate(13px)scaleX(1.05)}}@keyframes sigil-cast-vfx{0%{opacity:0;transform:scale(.34)rotate(-18deg)}30%{opacity:1;transform:scale(.82)rotate(-4deg)}to{opacity:0;transform:scale(1.08)rotate(16deg)}}@keyframes guard-cast-vfx{0%{opacity:0;transform:scale(.38)}28%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.13)}}@keyframes shadow-cast-vfx{0%{opacity:0;transform:rotate(-72deg)scale(.32)}28%{opacity:1;transform:rotate(-21deg)scale(.8)}to{opacity:0;transform:rotate(33deg)scale(1.1)}}.frontline .fighter .heal-burst{filter:drop-shadow(0 0 4px #63f2d6);mix-blend-mode:normal;background:url(/art/effects/healing-sigil-v1.png) 50%/88% 88% no-repeat;border:0;border-radius:0;width:90px;height:90px;margin-left:-45px;animation:.68s ease-out both heal-sigil-vfx;bottom:-16px;left:50%;overflow:visible;-webkit-mask-image:radial-gradient(circle,#000 0 43%,#000000eb 50%,#0000 68%);mask-image:radial-gradient(circle,#000 0 43%,#000000eb 50%,#0000 68%)}.frontline .fighter .heal-burst:before,.frontline .fighter .heal-burst:after{display:none}.frontline .fighter .strike.attack-support{mix-blend-mode:normal;background-size:88% 88%;width:84px;height:84px;margin:-42px 0 0 -42px;top:58%;left:50%;overflow:visible;-webkit-mask-image:radial-gradient(circle,#000 0 43%,#000000eb 50%,#0000 68%);mask-image:radial-gradient(circle,#000 0 43%,#000000eb 50%,#0000 68%)}@keyframes heal-sigil-vfx{0%{opacity:0;transform:scale(.35)rotate(-14deg)}25%{opacity:1;transform:scale(.83)rotate(-4deg)}to{opacity:0;transform:translateY(-9px)scale(1.07)rotate(12deg)}}.frontline .fighter .guard-burst{clip-path:none;mix-blend-mode:screen;background:url(/art/effects/guard-shield-v1.png) 50%/contain no-repeat;border:0;animation:.72s ease-out both guard-sprite-vfx;top:50%;left:50%}.frontline .fighter .armor-guard{width:57px;height:84px;box-shadow:none;filter:drop-shadow(0 0 4px #7bcfff);margin:-42px 0 0 -28.5px}.frontline .fighter .barrier-guard{width:70px;height:103px;box-shadow:none;filter:hue-rotate(-11deg)saturate(1.16)drop-shadow(0 0 6px #d48aff);margin:-51.5px 0 0 -35px}@keyframes guard-sprite-vfx{0%{opacity:0;transform:scale(.38)}24%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(1.12)}}.art-setup .spell-choice-card.codex-skill{aspect-ratio:3/4;color:#e8f9f8;text-align:center;border:1px solid #7fc9ca66;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;min-height:0;padding:6px 4px 17px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff4,0 4px #0b2b38;background:linear-gradient(145deg,#2a6f78,#164454)!important}.art-setup .spell-choice-card.codex-skill .spell-art{z-index:1;aspect-ratio:1;width:82%;height:auto;filter:drop-shadow(0 4px 4px var(--card));flex:none;place-self:auto;margin:auto auto 1px;position:relative;background-repeat:no-repeat!important}@supports (color:color-mix(in lab, red, red)){.art-setup .spell-choice-card.codex-skill .spell-art{filter:drop-shadow(0 4px 4px color-mix(in srgb,var(--card) 65%,transparent))}}.art-setup .spell-choice-card.codex-skill>div{z-index:1;align-self:auto;width:100%;position:relative}.art-setup .spell-choice-card.codex-skill b{color:#f4ffff;min-height:16px;font-size:11px;font-weight:900;line-height:1;display:block}.art-setup .spell-choice-card.codex-skill p{color:#c9e7e8;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:18px;margin:4px 0 0;font-size:7px;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.skill-codex .codex-skill{padding:6px 4px 17px}.frontline .battle .spell-fx{z-index:66;isolation:isolate;mix-blend-mode:normal;place-items:center;display:grid;overflow:hidden}.frontline .battle .spell-cast-card{z-index:2;aspect-ratio:1;place-items:center;width:142px;animation:.54s cubic-bezier(.16,.76,.22,1) both spell-art-cast;display:grid;position:relative;overflow:visible}.frontline .battle .spell-cast-card:before{content:"";z-index:-1;background:radial-gradient(circle,var(--card) 0%,var(--card) 38%,transparent 70%);border-radius:50%;position:absolute;inset:-38px}@supports (color:color-mix(in lab, red, red)){.frontline .battle .spell-cast-card:before{background:radial-gradient(circle,color-mix(in srgb,var(--card) 72%,#fff) 0%,color-mix(in srgb,var(--card) 34%,transparent) 38%,transparent 70%)}}.frontline .battle .spell-cast-card:before{filter:blur(2px);pointer-events:none}.frontline .battle .spell-cast-card .spell-art{z-index:1;aspect-ratio:1;width:100%;height:100%;filter:drop-shadow(0 5px 7px #020b1699) drop-shadow(0 0 13px var(--card));display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.frontline .battle .spell-cast-card .spell-art{filter:drop-shadow(0 5px 7px #020b1699) drop-shadow(0 0 13px color-mix(in srgb,var(--card) 86%,transparent))}}@keyframes spell-art-cast{0%{opacity:0;transform:scale(.38)}24%{opacity:1;transform:scale(1.08)}66%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.86)}}.frontline .setup.art-setup{isolation:isolate;position:relative;background:radial-gradient(circle at 50% 20%,#48caf74d,#0000 30%),radial-gradient(circle at 50% 52%,#ffb84c26,#0000 29%),linear-gradient(#071a31 0%,#0b2940 55%,#071522 100%)!important}.frontline .setup.art-setup:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#04112714,#071a3152),url(/art/banners/home-hero-v1.png) top/cover no-repeat;height:clamp(210px,57vw,254px);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.frontline .setup.art-setup>*{z-index:1;position:relative}.proj-arrow{transition:left var(--fly-duration,.35s) ease-out, top var(--fly-duration,.35s) ease-out;left:var(--projectile-start-x)!important;top:var(--projectile-start-y)!important}.proj-arrow.flying,.proj-arrow.hit{left:var(--projectile-end-x)!important;top:var(--projectile-end-y)!important}.proj-arrow .arrow-fly,.proj-arrow.flying .arrow-fly,.proj-arrow.hit .arrow-fly{transform:none!important}.frontline .battle .lane-arena{isolation:isolate;border:1px solid #7edce68a;border-radius:20px;position:relative;box-shadow:inset 0 1px #ebffff61,inset 0 22px 36px #02081480,inset 0 -30px 42px #000e1f8a,0 14px 30px #00000052;background:radial-gradient(at 50% 48%,#ffd36c3d 0%,#ffa15b17 14%,#0000 36%),radial-gradient(at 50% 7%,#ed54682e,#0000 37%),radial-gradient(at 50% 96%,#3ecde02e,#0000 40%),linear-gradient(90deg,#0000 24.65%,#b2edf12b 24.8%,#0000 25%),linear-gradient(90deg,#0000 49.65%,#ffe5a73b 49.8%,#0000 50.2%,#b2edf12b 50.25%,#0000 50.4%),linear-gradient(90deg,#0000 74.65%,#b2edf12b 74.8%,#0000 75%),repeating-linear-gradient(0deg,#def4f513 0 1px,#0000 1px 43px),linear-gradient(#251b2b 0%,#512b3b 37%,#8e4a4d 48.5%,#315d72 51.5%,#123c56 100%)!important}.frontline .battle .lane-arena:before{z-index:0;background:linear-gradient(90deg,#0000 0 6%,#97f0f41a 6.2% 6.8%,#0000 7% 93%,#97f0f41a 93.2% 93.8%,#0000 94%),linear-gradient(#0000 0%,#082a3f33 34%,#021223b5 100%);height:45%;top:auto;bottom:0;-webkit-mask-image:none;mask-image:none}.frontline .battle .lane-arena:after{z-index:0;opacity:.48;background:linear-gradient(#0a0714b8,#2f102229 70%,#0000),repeating-linear-gradient(90deg,#0000 0 24%,#ff687b14 24.2% 24.8%,#0000 25% 49%,#ff687b14 49.2% 49.8%,#0000 50%),0 0;height:44%;top:0;-webkit-mask-image:none;mask-image:none}.frontline .battle .team-label{z-index:12;color:#e6f8f4;letter-spacing:.08em;text-shadow:0 1px 2px #020912;border:1px solid #e3f6f04d;border-radius:4px 99px 99px 4px;padding:5px 9px 5px 20px;font-size:8px;box-shadow:0 3px 9px #00000038}.frontline .battle .team-label:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:7px;transform:translateY(-50%);box-shadow:0 0 7px}.frontline .battle .enemy-label{color:#ffb5bf;background:linear-gradient(90deg,#60152540,#370d1dc2);border-radius:99px 4px 4px 99px;padding:5px 20px 5px 9px;top:10px;right:10px}.frontline .battle .enemy-label:before{left:auto;right:7px}.frontline .battle .ally-label{color:#aaf3f1;background:linear-gradient(90deg,#09384cd1,#0d586940);bottom:10px;left:10px}.frontline .battle .fighter-icon:after{filter:blur(2px);background:radial-gradient(#00050db8,#0000 72%);width:80%;height:8%;bottom:0;left:10%}.frontline .battle .fighter.ally .fighter-icon:before,.frontline .battle .fighter.enemy .fighter-icon:before{content:"";z-index:-2;aspect-ratio:1;pointer-events:none;border-radius:50%;width:58%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.frontline .battle .fighter.ally .fighter-icon:before{background:radial-gradient(circle,#5eeeef47,#0000 67%)}.frontline .battle .fighter.enemy .fighter-icon:before{background:radial-gradient(circle,#ff54733d,#0000 67%)}.frontline .battle .fighter.attacking .fighter-icon:before{animation:.34s ease-out both ff-combat-pulse}@keyframes ff-combat-pulse{0%{opacity:1;transform:translate(-50%)scale(.55)}to{opacity:0;transform:translate(-50%)scale(1.75)}}.frontline .battle .fighter.ally:not(.attacking):not(.hit):not(.final-boss) .toy-figure{animation:2.15s ease-in-out infinite ff-ally-ready}.frontline .battle .fighter.enemy:not(.attacking):not(.hit):not(.final-boss) .toy-figure{animation:.82s steps(2,end) infinite ff-enemy-advance}.frontline .battle .fighter.ally.attacking:not(.final-boss) .toy-figure{animation:.28s cubic-bezier(.16,.8,.18,1) both ff-ally-strike}.frontline .battle .fighter.enemy.attacking:not(.final-boss) .toy-figure{animation:.28s cubic-bezier(.16,.8,.18,1) both ff-enemy-strike}.frontline .battle .fighter.enemy.hit:not(.final-boss) .toy-figure{animation:.27s ease-out both ff-enemy-impact}.frontline .battle .fighter.ally.hit:not(.final-boss) .toy-figure{animation:.27s ease-out both ff-ally-impact}@keyframes ff-ally-ready{0%,to{filter:brightness()saturate();transform:translateY(0)scale(1)}50%{filter:brightness(1.07)saturate(1.06);transform:translateY(-2px)scale(1.016)}}@keyframes ff-enemy-advance{0%{filter:brightness(.98);transform:translate(-1px)rotate(-.8deg)scale(1)}to{filter:brightness(1.08)saturate(1.08);transform:translate(1px,3px)rotate(.8deg)scale(1.024)}}@keyframes ff-ally-strike{0%{filter:brightness();transform:translate(0)scale(1)}42%{filter:brightness(1.32)saturate(1.25);transform:translateY(-8px)scale(1.09)}to{filter:brightness();transform:translate(0)scale(1)}}@keyframes ff-enemy-strike{0%{filter:brightness();transform:translate(0)scale(1)}42%{filter:brightness(1.27)saturate(1.18);transform:translateY(7px)scale(1.09)}to{filter:brightness();transform:translate(0)scale(1)}}@keyframes ff-enemy-impact{0%{filter:brightness();transform:translateY(0)scale(1)}25%{filter:brightness(1.9)saturate(1.65);transform:translateY(-6px)scale(1.05)}70%{transform:translateY(2px)scale(.985)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes ff-ally-impact{0%{filter:brightness();transform:translateY(0)scale(1)}25%{filter:brightness(1.85)saturate(1.55);transform:translateY(6px)scale(1.05)}70%{transform:translateY(-2px)scale(.985)}to{filter:brightness();transform:translateY(0)scale(1)}}.frontline .battle header{background:linear-gradient(90deg,#21677a29,#0000 28% 72%,#782c3e2b),linear-gradient(#10374cf0,#05192ceb);border:1px solid #7adce833;border-radius:12px;gap:5px;min-height:38px;padding:5px 7px;box-shadow:inset 0 1px #ffffff1a,0 5px 14px #0003}.frontline .battle header>span:first-child{color:#b8eff6;letter-spacing:.06em;min-width:40px;font-size:9px;font-weight:800}.frontline .battle header>b{color:#ffe39b;text-align:center;text-shadow:0 0 8px #ffce695c;border-inline:1px solid #beeeef24;flex:1;padding:4px 7px;font-size:10px}.frontline .battle .base-hp{color:#ffe2d2;background:#6024308a;border:1px solid #ffd2ba42;box-shadow:inset 0 1px #ffffff14}.frontline .battle .speed-toggle,.frontline .battle .battle-exit{min-width:38px;min-height:25px;margin:0;padding:3px 7px;font-size:9px}.frontline .battle .combat-note{color:#bde3e8;letter-spacing:.04em;text-shadow:0 1px 2px #020b16;margin:2px 0 0;padding:2px 8px}.frontline .battle .hp-bar-layer .hp-bar{filter:drop-shadow(0 2px 1px #000000a3)}@media (prefers-reduced-motion:reduce){.frontline .battle .fighter.ally .toy-figure,.frontline .battle .fighter.enemy .toy-figure{animation:none!important}}.frontline .setup.art-setup{background:linear-gradient(#03102033,#03102080 210px,#031020f0 100%),url(/art/banners/home-hero-v1.png) top/cover no-repeat!important}.art-setup .spell-choice-card.codex-skill{border:1px solid #85dce39e;border-radius:17px;padding:8px 5px 14px;position:relative;box-shadow:inset 0 1px #fff3,0 4px #061d2d,0 8px 15px #00061033;background:linear-gradient(160deg,#1b5969,#0d354b 83%)!important}.art-setup .spell-choice-card.codex-skill:after{display:none}.art-setup .spell-choice-card.codex-skill .spell-art-custom{isolation:auto;filter:drop-shadow(0 5px 6px #00081399) drop-shadow(0 0 7px var(--card));border-radius:0}@supports (color:color-mix(in lab, red, red)){.art-setup .spell-choice-card.codex-skill .spell-art-custom{filter:drop-shadow(0 5px 6px #00081399) drop-shadow(0 0 7px color-mix(in srgb,var(--card) 38%,transparent))}}.art-setup .spell-choice-card.codex-skill .spell-art-custom:before,.art-setup .spell-choice-card.codex-skill .spell-art-custom:after{display:none}.art-setup .spell-choice-card.codex-skill .spell-art{width:78%;margin:auto auto 5px}.art-setup .spell-choice-card.codex-skill b{color:#fff7d2;text-shadow:0 2px #061727;min-height:15px;font-size:11px;line-height:1.05}.art-setup .spell-choice-card.codex-skill p{color:#cae7ec;min-height:17px;margin-top:4px;font-size:7px;line-height:1.25}.art-setup .spell-choice-card.codex-skill.picked{border-color:#ffe182;box-shadow:0 0 0 2px #ffde7738,inset 0 1px #ffffff40,0 4px #6a4e24,0 8px 15px #00061040;background:linear-gradient(160deg,#286f76,#164e61 83%)!important}.frontline .battle .fighter .toy-figure.battle-sprite{transform-origin:50% 86%;will-change:background-position,filter;animation:none!important;transform:none!important}.frontline .battle .fighter .toy-figure.battle-sprite.sprite-idle{animation:1.35s step-end infinite level-one-idle!important}.frontline .battle .fighter .toy-figure.battle-sprite.sprite-walk-left{background-position:0 0!important;animation:none!important;transform:translateY(0)!important}.frontline .battle .fighter .toy-figure.battle-sprite.sprite-walk-right{background-position:33.3333% 0!important;animation:none!important;transform:translateY(2px)!important}.frontline .battle .fighter .toy-figure.battle-sprite.sprite-attack{animation:.6s step-end both level-one-attack!important}.frontline .battle .fighter .toy-figure.battle-sprite.archer-sprite.sprite-attack{background-position:66.667% 0!important;animation:none!important}@keyframes level-one-idle{0%,47%{background-position:0 0}48%,to{background-position:33.333% 0}}@keyframes level-one-attack{0%,70%{background-position:66.667% 0}71%,to{background-position:100% 0}}.frontline .hit-explosion.arrow-hit{width:168px;height:168px;box-shadow:none;filter:drop-shadow(0 0 4px #f4cdffd1);mix-blend-mode:screen;background:url(/art/effects/arrow-impact-v1.png) 50%/contain no-repeat;border:0;border-radius:0;margin:-84px 0 0 -84px;animation:.28s cubic-bezier(.16,.75,.2,1) both arrow-impact-burst}@keyframes arrow-impact-burst{0%{opacity:0;transform:scale(.3)rotate(-9deg)}24%{opacity:1;transform:scale(.84)rotate(0)}62%{opacity:.9;transform:scale(1.02)rotate(4deg)}to{opacity:0;transform:scale(1.14)rotate(7deg)}}.frontline .hit-explosion.enemy-slash-hit{mix-blend-mode:screen;width:168px!important;height:168px!important;box-shadow:none!important;filter:drop-shadow(0 0 5px #f4cdffe6)!important;background:url(/art/effects/arrow-impact-v1.png) 50%/contain no-repeat!important;border:0!important;border-radius:0!important;margin:-84px 0 0 -84px!important;animation:.28s cubic-bezier(.16,.75,.2,1) both arrow-impact-burst!important}.frontline .hit-explosion.enemy-slash-hit:before,.frontline .hit-explosion.enemy-slash-hit:after{display:none!important}.frontline .battle .fighter-icon{overflow:visible;filter:none!important}.frontline .battle .fighter-icon:after{filter:blur(1.5px)!important;background:radial-gradient(#00050d94,#0000 70%)!important;width:44%!important;height:5px!important;bottom:-1px!important;left:50%!important;transform:translate(-50%)!important}.frontline .battle .fighter.ally .toy-figure{filter:drop-shadow(-1px 0 #020c1cf5)drop-shadow(1px 0 #020c1cf5)drop-shadow(0 -1px #020c1cf5)drop-shadow(0 1px #020c1cf5)drop-shadow(0 0 2px #5bd0ff66)!important}.frontline .battle .fighter.enemy .toy-figure{filter:drop-shadow(-1px 0 #16040cfa)drop-shadow(1px 0 #16040cfa)drop-shadow(0 -1px #16040cfa)drop-shadow(0 1px #16040cfa)drop-shadow(0 0 2px #ff54704d)!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}