/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}.rounded{border-radius:.25rem}}:root{--ink:#eff6ff;--blue:#5bc8ff;--red:#ff5a71;--yellow:#ffe76b}*{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}.page-shell{grid-template-columns:minmax(280px,1fr) minmax(320px,440px);align-items:center;gap:clamp(30px,7vw,92px);width:min(1120px,100%);min-height:100svh;margin:0 auto;padding:34px clamp(18px,5vw,64px);display:grid}.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;box-shadow:0 12px 30px #5bc8ff3d}.play-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.play-button:active{transform:translateY(1px)scale(.995)}.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{width:100%;min-height:100svh;padding:0;display:block}.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}}@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;min-height:100%;padding:28px 22px;display:flex}.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;width:34px;height:34px;font-size:26px}.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{outline:3px solid #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:2;text-align:center;width:29px;transition:left .12s linear,top .12s linear;position:absolute}.fighter-icon{background:#2e7891;border:1px solid #ffffff73;border-radius:10px;place-items:center;width:28px;height:28px;font-size:17px;display:grid;box-shadow:0 3px 8px #0000004d}.fighter.dead{opacity:.1;transform:scale(.7)}.fighter.hit .fighter-icon{background:#f6d2d5;animation:.24s ease-out frontline-hit}.fighter.attacking .fighter-icon{box-shadow:0 0 0 3px #ffe26d9e,0 3px 8px #0000004d}.hp{background:#301f2b;border-radius:9px;height:4px;margin-top:2px;display:block;overflow:hidden}.hp i{background:#73e398;height:100%;display:block}.shield,.charmed,.strike{color:#bdeeff;font-size:10px;position:absolute;top:-8px;right:-5px}.charmed{color:#dfa9ff}.strike{color:#ffe77d;animation:.18s ease-out frontline-strike}@keyframes frontline-hit{50%{filter:brightness(1.5);transform:translate(5px)scale(1.18)}}@keyframes frontline-strike{0%{opacity:1;transform:translateY(2px)scale(.6)}to{opacity:0;transform:translateY(-15px)scale(1.4)}}.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:82px;min-height:82px;max-height:82px;padding:5px 0 0}.frontline .battle .hand .spell-card{border-radius:10px;flex-basis:61px;min-width:61px;padding:5px 3px}.frontline .battle .hand .spell-card b{font-size:16px}.frontline .battle .hand .spell-card strong{margin:2px 0;font-size:8px}.frontline .battle .hand>p{font-size:10px}.battle-exit{color:#fff1f2;background:#87404d;border:1px solid #d8808a;border-radius:9px;min-width:54px;min-height:29px;padding:5px 9px;font-size:10px;font-weight:800}.fighter{cursor:pointer;background:0 0;border:0;padding:0}.fighter:active{transform:scale(.9)}.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 p{color:#d7edf6;margin:5px 0 0;font-size:9px;line-height:1.4}.inspect-card>button{color:#fff;background:#416e85;border:0;border-radius:50%;width:21px;height:21px;padding:0;font-size:16px;position:absolute;top:7px;right:8px}.fighter-icon{background:radial-gradient(circle at 35% 25%,#5fb6df,#15415f);overflow:hidden}.fighter.enemy .fighter-icon{background:radial-gradient(circle at 35% 25%,#e46b6d,#56202d)}.toy-sprite{transform-origin:50%;background-image:url(/art/toy-soldiers.png);background-repeat:no-repeat;background-size:400% 300%;width:100%;height:100%;display:block;transform:scale(1.34)}.fighter.hit .toy-sprite{filter:brightness(1.55)saturate(.65)}.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-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,.frontline .battle .hand .spell-card,.modal-card .spell-card{flex-direction:column;flex:0 0 78px;justify-content:flex-start;align-items:center;width:78px;min-width:78px;height:108px;min-height:108px;max-height:108px;display:flex;border-radius:13px!important;padding:7px 5px!important}.spell-card .spell-art,.frontline .battle .hand .spell-card .spell-art{flex:none;width:50px;height:50px;margin:0 auto 2px}.spell-card strong,.frontline .battle .hand .spell-card strong{text-align:center;place-items:center;min-height:18px;display:grid;font-size:9px!important}.spell-card small,.frontline .battle .hand .spell-card small{text-align:center;height:22px;line-height:1.2;display:block;overflow:hidden;font-size:7px!important}.frontline .battle .hand{gap:8px;height:119px;min-height:119px;max-height:119px;padding-top:7px}.modal-card .spell-card{width:96px;min-width:96px;height:132px;min-height:132px;max-height:132px}.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%);padding:18px 16px 16px}.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:radial-gradient(circle at 50% 22%,#98e4da66,#0000 47%),linear-gradient(145deg,#267d7e,#18535b);border-color:#ffdd89;box-shadow:0 5px #093238,0 9px 15px #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:brightness(1.13)}.art-setup .unit.chosen{outline-offset:1px;background:linear-gradient(145deg,#4f9e9d,#266875);outline:2px solid #ffe287;box-shadow:0 0 0 4px #ffe28722,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;box-shadow:inset 0 2px #fff9,0 5px #b56a32,0 11px 20px #020b1670}.art-setup .primary:active{transform:translateY(3px);box-shadow:inset 0 2px #fff9,0 2px #b56a32}.art-setup .primary.disabled{filter:grayscale(.75);opacity:.48}.art-setup .deck-count{color:#ffe6a1;background:#071c2f77;border-radius:99px;margin:13px 0 10px;padding:7px}.art-setup .card-picker{gap:10px}.art-setup .pick-card{color:#f8ffff;background:linear-gradient(145deg,#173d52,#10293d);border:1px solid #fff4c455;border-radius:16px;min-height:122px;padding:10px 10px 10px 76px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 5px #081a2a,0 10px 18px #0004}.art-setup .pick-card:before{content:"";background:linear-gradient(110deg,var(--card),transparent 65%);opacity:.3;position:absolute;inset:0}.art-setup .pick-card .spell-art{z-index:1;width:60px;height:60px;position:absolute;top:17px;left:8px}.art-setup .pick-card strong,.art-setup .pick-card small{z-index:1;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.picked{background:linear-gradient(145deg,#365d6d,#17394d);outline:3px solid #ffe585}.art-setup .pick-card.locked{opacity:.42}.spell-art{filter:drop-shadow(0 4px 4px #020b1499);background-image:url(/art/spell-icons.png);background-repeat:no-repeat;background-size:400% 200%;width:44px;height:44px;display:block}.spell-card{color:#f7ffff;background:linear-gradient(150deg,#1b5064,#102737);border-color:#d5fffc70;border-radius:13px;padding:5px 4px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4,0 4px #061822,0 8px 14px #0005}.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}.frontline .battle .hand .spell-card{flex-basis:67px;min-width:67px;padding:4px 2px}.frontline .battle .hand .spell-card .spell-art{width:35px;height:35px}.frontline .battle .hand .spell-card strong{font-size:8px}.frontline .battle .hand .spell-card small{font-size:6px}.battle{background:linear-gradient(#16304755,#0000 22%)}.battle header{padding:1px 4px}.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(2px);background:#03151a88;border-radius:50%;width:27px;height:8px;position:absolute;bottom:-2px;left:6px}.fighter .toy-sprite{filter:drop-shadow(0 5px 3px #021116a8);transform:scale(1.42)}.fighter.enemy .toy-sprite{filter:drop-shadow(0 5px 3px #321219aa)saturate(1.08)}.fighter.attacking .toy-sprite{transform:scale(1.6)translateY(-2px)}.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}.spell-card,.frontline .battle .hand .spell-card,.modal-card .spell-card{aspect-ratio:3/4;flex:0 0 75px;width:75px;min-width:75px;height:100px;min-height:100px;max-height:100px}.modal-card .spell-card{flex-basis:96px;width:96px;min-width:96px;height:128px;min-height:128px;max-height:128px}.frontline .battle .hand{height:111px;min-height:111px;max-height:111px}.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}.art-setup .unit-portrait{aspect-ratio:1;width:82%;height:auto;margin:auto auto 1px;overflow:visible}.art-setup .unit-portrait .toy-figure{transform-origin:bottom;transform:scale(1.14)}.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;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}.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);padding:38px 12px 14px;box-shadow:inset 0 2px #ffffff73,inset 0 -14px 28px #131c1b30,0 11px 24px #020a1390}.art-setup .deploy-scene:after{display:none}.art-setup .deploy-enemy{color:#f9f3df;text-shadow:0 1px 2px #3b453e}.art-setup .slot{aspect-ratio:3/4;background:linear-gradient(145deg,#304041eb,#1c2a2bf0);border-radius:16px;box-shadow:inset 0 2px #ffffff38,0 5px #253434}.art-setup .slot.filled{background:radial-gradient(circle at 50% 40%,#bee1c33d,#0000 56%),linear-gradient(145deg,#526b65,#314a48);box-shadow:0 5px #243e3a,0 9px 15px #0615147a}.art-setup .slot:before{border-color:#e4f4e845;inset:6px}.art-setup .slot-plus{z-index:3;color:#ebf8efad;font-size:31px}.art-setup .slot-toy{width:76%;height:76%;display:block;top:50%;bottom:auto;left:50%;overflow:visible;transform:translate(-50%,-50%)}.art-setup .slot-toy .toy-figure,.art-setup .slot-toy .toy-figure img{object-position:center center;width:100%;height:100%}.art-setup .slot small{font-size:9px;bottom:7px}.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 .toy-figure,.frontline .fighter .toy-figure img{object-position:center bottom;width:100%;height:100%}.frontline .arena{min-height:365px}.frontline .battle .hand{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:9px;height:137px;min-height:137px;max-height:137px;padding:8px 10px 8px 0;overflow:auto hidden}.frontline .battle .hand::-webkit-scrollbar{display:none}.frontline .battle .hand .spell-card{scroll-snap-align:start;flex:0 0 calc(25% - 6.75px);width:calc(25% - 6.75px);min-width:calc(25% - 6.75px);height:124px;min-height:124px;max-height:124px;padding:8px 4px!important}.frontline .battle .hand .spell-card .spell-art{width:56px;height:56px;margin:1px auto 4px}.frontline .battle .hand .spell-card strong{min-height:21px;font-size:10px!important}.frontline .battle .hand .spell-card small{height:25px;font-size:7px!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:57px;height:13px;bottom:-4px;left:12px}.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,#0000 24.45%,#ecf7e73d 24.7%,#0000 25%),linear-gradient(90deg,#0000 49.45%,#ecf7e73d 49.7%,#0000 50%),linear-gradient(90deg,#0000 74.45%,#ecf7e73d 74.7%,#0000 75%),repeating-linear-gradient(0deg,#0000 0 53px,#dff2ea11 54px),linear-gradient(#5e303a 0%,#633744 46%,#294b50 46.5%,#17383d 100%);min-height:430px;overflow:hidden}.lane-arena:before{content:"";pointer-events:none;background:linear-gradient(#0000,#081c22aa),repeating-linear-gradient(90deg,#0000 0 24%,#d5e6d011 24.3% 24.8%);height:100px;position:absolute;bottom:0;left:0;right:0}.frontline .battle .fighter{z-index:3;transition:left .12s linear,top .12s linear}.frontline .battle .fighter.ally{z-index:3}.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 .primary{width:100%;margin:0}.wave-modal .replace-skip{margin-top:8px}.art-setup .deploy-scene.three-row{padding-top:34px;padding-bottom:14px}.art-setup .three-row.deploy-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(4,1fr);gap:6px}.art-setup .three-row.deploy-grid .slot{border-radius:12px}.frontline .battle .lane-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 39%,#263a4d 39% 41%,#164968 41% 100%);flex:0 0 480px;height:480px;min-height:480px;max-height:480px}.lane-arena:before{background:linear-gradient(#0000,#081c22c5),repeating-linear-gradient(90deg,#0000 0 24%,#d5e6d011 24.3% 24.8%);height:190px}.frontline .battle .hand{-webkit-overflow-scrolling:touch;touch-action:pan-x;flex:0 0 111px;height:111px;min-height:111px;max-height:111px;overflow:auto hidden}.frontline .battle .fighter{z-index:4;width:72px;transition:left 35ms linear,top 35ms linear}.frontline .battle .fighter-icon{width:71px;height:71px}.frontline .battle .fighter-icon:after{width:50px;left:11px}.frontline .battle .fighter .hp,.frontline .battle .fighter.enemy .hp{z-index:30;background:#341b22;border:1px solid #07151b;border-radius:99px;width:66px;height:7px;margin:0;position:absolute;top:-14px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 2px 3px #0009}.frontline .battle .fighter .hp i{border-radius:99px;height:100%;display:block}.health-layer{z-index:50;pointer-events:none;position:absolute;inset:0}.health-float{z-index:51;background:#17352d;border:1px solid #07151b;border-radius:99px;width:66px;height:7px;display:block;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 3px #0009}.health-float i{background:linear-gradient(90deg,#70f0ab,#c5ffd7);border-radius:99px;height:100%;display:block}.health-float.enemy{background:#38151c;border-color:#17070a}.health-float.enemy i{background:linear-gradient(90deg,#ff4655,#ff9495)}.health-float.dead{opacity:0}.health-float.warning i{background:linear-gradient(90deg,#ff9d35,#ffd46d)}.health-float.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-rows:repeat(3,42px);grid-template-columns:repeat(4,1fr)}.reinforce-grid.three-row button{min-height:42px}.adjust-tip{text-align:center;margin:-5px 0 10px;display:block;color:#a9ccd5!important;font-size:8px!important}.wave-modal{border-color:#7dc5d4;width:min(100%,520px);box-shadow:0 22px 60px #010914aa}.wave-modal .reinforce-grid{gap:8px;margin:4px 0 8px}.wave-modal .reinforce-grid button{color:#e9fcfa;background:linear-gradient(145deg,#24586a,#123747);border:1px solid #72b5c0aa;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:66px;padding:5px 3px 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 3px #071d2a}.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}.reinforce-unit{pointer-events:none;filter:drop-shadow(0 3px 2px #0008);place-items:center;display:grid;position:absolute;inset:3px 0 18px}.reinforce-unit .toy-figure{width:58px;height:50px}.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:8px;position:relative;overflow:hidden}.wave-modal .reinforce-grid small{z-index:2;color:#dffff5;background:#082630cc;border-radius:99px;padding:2px 4px;font-size:6px;font-weight:800;position:absolute;top:4px;right:4px}.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:hidden}.home-screen:before{content:"";pointer-events:none;opacity:.46;background:linear-gradient(90deg,#0000 49.7%,#aee7f826 50%,#0000 50.3%),repeating-linear-gradient(0deg,#0000 0 56px,#98dcf00e 57px);position:absolute;inset:0}.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{height:218px;margin:8px -5px -10px;overflow:hidden}.hero-glow{background:radial-gradient(circle,#8eeaff88 0 18%,#47cfff42 34%,#0000 69%);border-radius:50%;width:165px;height:165px;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 0 55px #35c8ff55}.hero-unit{filter:drop-shadow(0 12px 7px #000711b8);transform-origin:bottom;display:block;position:absolute}.hero-unit .toy-figure,.hero-unit .toy-figure img{object-fit:contain;width:100%;height:100%}.hero-left{opacity:.93;width:124px;height:124px;bottom:9px;left:3px;transform:rotate(-7deg)}.hero-center{z-index:2;width:157px;height:157px;bottom:0;left:50%;transform:translate(-50%)}.hero-right{opacity:.94;width:122px;height:122px;bottom:10px;right:0;transform:rotate(7deg)}.hero-spark{z-index:3;color:#ffe18a;text-shadow:0 0 12px #ffd35b;animation:1.8s ease-in-out infinite home-twinkle;position:absolute}.spark-a{top:45px;left:20%}.spark-b{animation-delay:.55s;top:62px;right:20%}.spark-c{animation-delay:.9s;top:28px;left:67%}@keyframes home-twinkle{50%{opacity:.35;transform:scale(1.65)}}.home-title{text-align:center}.home-title p{color:#79d5eb;letter-spacing:.15em;margin:0;font-size:9px;font-weight:800}.home-title h1{color:#f3fbff;letter-spacing:.08em;text-shadow:0 3px #0a263e,0 0 22px #63dfff75;margin:3px 0;font-size:39px;line-height:1}.home-title small{color:#afccdb;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)}.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 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 .spell-art{width:82px;height:82px;margin:6% auto 1px}.art-setup .pick-card strong{letter-spacing:.01em;min-height:24px;font-size:13px;font-weight:900}.frontline .battle .modal{z-index:100}.frontline .battle .modal-card{z-index:101;position:relative}.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:0 0 137px;height:137px;min-height:137px;max-height:137px}@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 .battle .fighter{z-index:60}.frontline .battle .fighter.enemy{z-index:61}.frontline .inspect-card{z-index:90;pointer-events:auto;bottom:148px}.frontline .battle .fighter.incoming{opacity:.18;filter:grayscale(.5);pointer-events:none}.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;min-height:0;padding:0 0 8px;overflow:hidden auto}.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{width:100%;min-height:100dvh;padding:0;display:block}.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{place-items:center;height:100dvh;min-height:0;display:grid;overflow:hidden}.page-shell>.frontline{flex:none;width:min(100vw,820px);height:100dvh;min-height:0;max-height:100dvh;margin-inline:auto;overflow:hidden}.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{max-width:270px;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:repeat(3,66px)}.wave-modal .reinforce-bar>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;overflow:visible}.wave-modal .reinforce-bar button{white-space:nowrap;min-width:0;padding:5px 2px;font-size:8px}.wave-modal .reward-note{display:none}.frontline .fighter[aria-label=查看弓箭手].attacking:before{content:"➤";z-index:30;color:#ffe79a;text-shadow:0 0 5px #ffcb5a,0 1px 2px #142030;pointer-events:none;font-size:20px;line-height:1;animation:1.2s cubic-bezier(.2,.7,.3,1) forwards archer-arrow;position:absolute;top:7px;left:52%;transform:translate(-50%)rotate(-90deg)}@keyframes archer-arrow{0%{opacity:0;transform:translate(-50%,10px)rotate(-90deg)scale(.65)}12%{opacity:1}31%{opacity:1;transform:translate(-50%,-210px)rotate(-90deg)scale(1)}83%{opacity:1;transform:translate(-50%,-210px)rotate(-90deg)scale(1)}to{opacity:0;transform:translate(-50%,-210px)rotate(-90deg)scale(1)}}.arrow-layer{z-index:28;pointer-events:none;position:absolute;inset:0;overflow:hidden}.arrow-trail{width:var(--arrow-length);transform-origin:0;height:2px;transform:rotate(var(--arrow-angle));background:#f5d89a;border-radius:99px;animation:.46s linear forwards arrow-to-target;display:block;position:absolute;box-shadow:0 0 2px #ffcf61a6}.arrow-trail:before{content:"";background:#f5d89a47;border-radius:80% 10% 10% 80%;width:8px;height:5px;position:absolute;top:-2px;left:4px}.arrow-trail:after{content:"";filter:drop-shadow(0 0 2px #ffcf61);border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:8px solid #fff4c8;width:0;height:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}@keyframes arrow-to-target{0%{opacity:0;clip-path:inset(0 100% 0 0)}8%{opacity:1}86%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}.frontline .fighter.hit .fighter-icon{filter:brightness(1.7)saturate(.55);animation:.38s cubic-bezier(.16,.76,.26,1) both unit-hit-reaction}.frontline .fighter .hit-spark{z-index:40;color:#fff5bc;pointer-events:none;text-shadow:0 0 7px #ff9958,0 0 16px #ffebb0;font-size:24px;font-style:normal;line-height:1;animation:.38s ease-out both unit-hit-spark;position:absolute;top:36%;left:50%}.frontline .fighter.hit .combat-pop{color:#fff0aa;font-size:10px;font-weight:900}@keyframes unit-hit-reaction{0%{transform:translate(0)scale(1)}34%{transform:translateY(5px)scale(.86)}63%{transform:translateY(-2px)scale(1.09)}to{transform:translate(0)scale(1)}}@keyframes unit-hit-spark{0%{opacity:0;transform:translate(-50%,-45%)scale(.25)rotate(0)}24%{opacity:1}to{opacity:0;transform:translate(-50%,-105%)scale(1.6)rotate(48deg)}}.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 i{color:#7daab8;margin-bottom:2px;font-size:17px;font-style:normal;display:block}.home-nav button.active{color:#fff0a8}.home-nav button.active i{color:#ffe078;text-shadow:0 0 13px #ffc75c99}.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-bottom:14px}.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{justify-content:center;padding:9px 6px}.badge-codex article>span{width:48px;height:48px;margin:2px 0 3px;font-size:26px}@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.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:82%;height:auto;margin:auto auto 1px;display:block;overflow:visible}.art-setup .unit-portrait .toy-figure,.codex-unit .codex-portrait .toy-figure{transform-origin:bottom;transform:scale(1.14)}.art-setup .unit .unit-name,.codex-unit b{color:#f4ffff;min-height:16px;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}