@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@600;700;800&display=swap";:root{color:#f7f4e9;font-synthesis:none;--frame:#29303f;--frame-dark:#1d2330;--panel:#343c4e;--panel-deep:#222938;--line:#667082;--green:#55b441;--lime:#79cf42;--red:#dc403b;--blue:#309bde;--gold:#f3b72c;--purple:#9f50ce;background:#edf0ef;font-family:Roboto Condensed,Arial Narrow,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:1px;outline:2px solid #fff}button:disabled{opacity:.55}.game-page{background:#f5f6f5;place-items:center;width:100%;height:100dvh;display:grid;overflow:hidden}.game-phone{aspect-ratio:9/16;background:var(--frame);border:3px solid #aeb7bd;border-radius:13px;width:min(360px,100vw,56.25dvh);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 2px 7px #00000061;container-type:size}.reference-topbar{z-index:50;background:linear-gradient(#ffffff14,#0000 45%),repeating-linear-gradient(100deg,#0000 0 38px,#ffffff05 39px 40px),#343b4a;border-bottom:4px solid #171d28;grid-template-columns:58% 42%;height:10.5%;display:grid;position:relative;box-shadow:inset 0 -2px #657080}.reference-topbar:after{content:"";background:#343b4a;border-radius:0 0 6px 6px;height:5px;position:absolute;bottom:-6px;left:34%;right:34%}.commander-progress{cursor:pointer;text-align:left;background:0 0;grid-template-columns:48px 1fr;align-items:center;gap:7px;min-width:0;padding:6px 5px 6px 8px;display:grid}.commander-portrait{background:linear-gradient(#849d7d,#516854);border:3px solid #81909b;border-radius:6px;width:42px;height:46px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #26303a,0 1px 2px #111}.commander-portrait:before{content:"";background:#d1a47a;border-radius:45% 45% 35% 35%;width:24px;height:19px;position:absolute;top:11px;left:9px;box-shadow:inset 0 -6px #3f332c}.commander-portrait:after{content:"";background:#596044;border-radius:12px 12px 4px 4px;width:30px;height:13px;position:absolute;top:5px;left:6px;box-shadow:0 3px #30372d}.commander-portrait i{z-index:2;background:#182027;width:4px;height:3px;position:absolute;top:18px;left:15px;box-shadow:10px 0 #182027}.progress-copy{flex-direction:column;min-width:0;display:flex}.progress-copy>b,.reference-status>b{color:#e8e8e4;text-shadow:0 2px #111;font-size:10px}.stage-progress{background:#202633;border-radius:2px;height:8px;margin-top:8px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #111}.stage-progress i{background:linear-gradient(#62d148,#379d2d);border-radius:2px;height:100%;transition:width .45s cubic-bezier(.22,.8,.25,1);display:block;box-shadow:inset 0 1px #ffffff59}.stage-progress:after{content:"";background:#172029;width:3px;height:12px;position:absolute;top:-2px;left:26%;box-shadow:39px 0 #172029}.progress-copy small{color:#aeb5bf;justify-content:space-between;margin-top:3px;font-size:7px;display:flex}.progress-copy small em{font-style:normal}.progress-copy small em:first-child{color:#80d444}.reference-status{border-left:1px solid #ffffff1a;flex-direction:column;justify-content:center;padding:5px 45px 5px 9px;display:flex;position:relative}.status-stars{background:#2c3342;border:2px solid #262c39;border-radius:7px;grid-template-columns:repeat(3,1fr);place-items:center;height:30px;margin-top:4px;display:grid;box-shadow:inset 0 1px 3px #171b24}.status-stars i{color:#202632;text-shadow:0 1px #444c59;font-size:21px;font-style:normal}.status-stars i.earned{color:var(--gold);filter:drop-shadow(0 0 4px #f5c550)}.gear-button{cursor:pointer;color:#cbd3d4;background:linear-gradient(#606c80,#3d4658);border:2px solid #1d2430;border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;top:20px;right:7px;box-shadow:inset 0 0 0 2px #788394,0 2px 2px #111}.reference-battlefield{background:#697f75;border-bottom:3px solid #161c27;height:76.5%;position:relative;overflow:hidden}.battle-lane{z-index:1;background:#747570;position:absolute;inset:0;overflow:hidden}.phaser-mount,.phaser-mount canvas{display:block;width:100%!important;height:100%!important}.phaser-mount{z-index:6;position:absolute;inset:0}.battle-brief{z-index:32;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2c3544e6;border:2px solid #202735;border-radius:7px;width:106px;padding:6px 7px 7px;position:absolute;top:10px;left:9px;box-shadow:inset 0 0 0 1px #687589,0 2px 3px #00000080}.battle-brief>div{justify-content:space-between;align-items:center;font-size:9px;display:flex}.battle-brief>div strong{color:#ffd357;font-size:8px}.brief-hp{background:#202633;border:1px solid #202735;border-radius:4px;height:7px;margin:5px 0 4px;display:block;overflow:hidden}.brief-hp i{border-radius:inherit;background:linear-gradient(#72d351,#3ba63b);height:100%;transition:width .25s;display:block;box-shadow:inset 0 1px #ffffff4d}.battle-brief small{color:#cbd1d2;font-size:7px;display:block}.battle-timer{z-index:34;background:#1a1f28eb;border:3px solid #202735;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:104px;height:44px;display:flex;position:absolute;top:10px;right:50px;box-shadow:inset 0 0 0 2px #5e6876,0 2px 3px #0000008c}.battle-timer span{color:#9fa8af;font-size:6px}.battle-timer b{color:#eef0e8;letter-spacing:.04em;text-shadow:0 0 4px #ffffff40;margin-top:1px;font-family:ui-monospace,monospace;font-size:19px}.pause-button{z-index:38;cursor:pointer;background:linear-gradient(#657185,#3d4759);border:2px solid #202735;border-radius:7px;place-items:center;width:34px;height:38px;font-size:19px;display:grid;position:absolute;top:10px;right:8px;box-shadow:inset 0 0 0 2px #7f8b99}.battle-side-button{z-index:35;cursor:pointer;text-shadow:0 2px #202020;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:43px;height:50px;display:flex;position:absolute;right:6px}.battle-side-button b{color:#f3d99e;background:#a86938;border:2px solid #66523c;border-radius:6px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.battle-side-button span{margin-top:-2px;font-size:9px}.shop-button{top:61px}.detect-button{top:111px}.detect-button b{color:#725331;background:#d4ba86;transform:rotate(8deg)}.level-burst{z-index:55;color:#fff2ad;text-align:center;text-shadow:0 2px #61351f,0 0 8px #ffd84c;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;width:190px;height:105px;animation:1.4s cubic-bezier(.2,.75,.25,1) both level-pop;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.level-burst strong{color:#ffd05c;letter-spacing:-.04em;font-size:29px;line-height:1}.level-burst span{margin-top:7px;font-size:15px}.level-burst:before{z-index:-1;content:"";background:radial-gradient(#ffd34c8c,#0000 68%);width:220px;height:90px;position:absolute;top:-20px}.level-burst i{background:#fff6af;border-radius:50%;width:4px;height:4px;animation:.7s ease-in-out infinite alternate sparkle;position:absolute;top:2px;left:25px;box-shadow:0 0 7px #ffda51}.level-burst i:nth-child(3){top:48px;left:4px}.level-burst i:nth-child(4){top:15px;left:auto;right:18px}.level-burst i:nth-child(5){top:56px;left:auto;right:2px}.level-burst:after{z-index:-2;filter:blur(4px);content:"";background:linear-gradient(90deg,#0000 0 8%,#36a2ff7a 10% 14%,#0000 16% 28%,#4ce0e080 31% 35%,#0000 38% 49%,#cc4dff80 52% 57%,#0000 60% 72%,#ffcc368c 75% 80%,#0000 83%);width:180px;height:190px;position:absolute;top:77px}.bomb-flash,.hit-vignette{z-index:60;pointer-events:none;opacity:0;position:absolute;inset:0}.bomb-flash{color:#5a2d13;background:#ff9d2cd1;place-items:center;font-size:24px;display:grid}.flash-bomb .bomb-flash{animation:.62s ease-out bomb}.hit-vignette{border:10px solid #e13a33a6;box-shadow:inset 0 0 55px #e13a33cc}.flash-hit .hit-vignette{opacity:.55}.acquired-packs{z-index:42;cursor:pointer;text-align:left;background:linear-gradient(#4d596e,#30394b);border:2px solid #202735;border-radius:7px;grid-template-columns:43px 1fr;align-items:center;width:96px;height:57px;padding:3px 4px;display:grid;position:absolute;bottom:125px;left:8px;box-shadow:inset 0 0 0 2px #6a7787,0 2px 2px #0000008c}.acquired-packs b{text-shadow:0 2px #1a1d24;font-size:9px;line-height:1.15}.acquired-packs em{background:#d9473d;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid;position:absolute;top:3px;right:4px}.pack-card-stack{width:36px;height:43px;position:relative}.pack-card-stack i{color:#4b2d23;background:linear-gradient(#ffcf52,#e69024);border:2px solid #6b4521;border-radius:3px;place-items:center;width:28px;height:38px;font-size:17px;display:grid;position:absolute;transform:rotate(-7deg)}.pack-card-stack i:nth-child(2){z-index:-1;background:#a448c1;left:8px;transform:rotate(7deg)}.pack-card-stack i:nth-child(3){z-index:-2;background:#4ea8db;left:13px;transform:rotate(14deg)}.objective-stack{z-index:40;gap:6px;width:110px;display:grid;position:absolute;bottom:8px;left:8px}.objective-card{background:#2e3644eb;border:2px solid #272d3a;border-radius:7px;grid-template-columns:1fr auto;gap:3px 6px;padding:7px 8px;display:grid;box-shadow:inset 0 0 0 1px #687487,0 2px 3px #00000073}.objective-card b{font-size:8px}.objective-card span{color:#f0e7c7;font-size:8px;font-weight:800}.objective-card i{background:#242a37;border:1px solid #202634;border-radius:2px;grid-column:1/-1;height:8px;overflow:hidden}.objective-card i em{background:linear-gradient(#f2b643,#d98926);height:100%;transition:width .35s;display:block}.objective-card.secondary i em{background:linear-gradient(#6bd050,#36a140)}.hand-drawer{z-index:75;opacity:0;pointer-events:none;background:linear-gradient(#4b566b,#2d3547);border:3px solid #1e2531;border-radius:10px 10px 0 0;height:154px;padding:30px 9px 10px;transition:transform .28s cubic-bezier(.2,.8,.25,1),opacity .2s;position:absolute;bottom:12.9%;left:7px;right:7px;transform:translateY(110%);box-shadow:inset 0 0 0 2px #718096,0 -5px 14px #00000073}.hand-drawer.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.hand-drawer-title{align-items:center;gap:8px;display:flex;position:absolute;top:6px;left:10px;right:8px}.hand-drawer-title b{font-size:10px}.hand-drawer-title span{color:#c8cfd4;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:7px;overflow:hidden}.hand-drawer-title button,.drawer-trash{cursor:pointer;background:#30394a;border:1px solid #202735;border-radius:4px;height:20px;padding:0 8px;font-size:7px}.hand-grid{background:#252c3b;border:2px solid #202735;border-radius:6px;grid-template-columns:repeat(5,1fr);gap:5px;height:100%;padding:3px;display:grid;box-shadow:inset 0 0 0 2px #596579}.hand-drawer .hand-grid{overscroll-behavior-x:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:54px;grid-auto-flow:column;overflow-x:auto}.hand-drawer .hand-grid::-webkit-scrollbar{display:none}.hand-grid.is-overflowing{box-shadow:inset 0 0 0 2px #df4b43,0 0 7px #df4b43}.card-tile{color:#34383a;cursor:pointer;background:linear-gradient(#f6f5ef,#c8cbc6);border:2px solid #222a38;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100%;transition:transform .2s cubic-bezier(.2,.8,.25,1),filter .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 2px #161a22}.card-tile.rarity-purple{color:#fff;background:linear-gradient(#bc6be1,#8640b1);border-color:#59356d}.card-tile.rarity-gold{color:#4a3214;background:linear-gradient(#ffd85d,#efa927);border-color:#7a5318}.card-rarity{opacity:.8;font-size:6px;position:absolute;top:3px}.card-rank{font-size:17px;line-height:1}.card-kind{border:2px solid;border-radius:50%;place-items:center;width:20px;height:20px;margin-top:4px;font-size:9px;display:grid}.card-name{display:none}.card-tile.is-selected{filter:drop-shadow(0 0 5px #55d4ff);outline:3px solid #74ddff;transform:translateY(-3px)}.hand-empty{color:#202735;background:#303749;border:2px solid #252c3a;border-radius:5px;place-items:center;font-size:22px;display:grid;box-shadow:inset 0 0 5px #0006}.drawer-trash{z-index:2;background:#783d3c;position:absolute;bottom:14px;right:13px}.drawer-trash.is-active{background:#ba4c46;box-shadow:0 0 7px #e75c52}.reference-match{background:linear-gradient(#3c4558,#242c3d);height:13%;padding:22px 73px 10px;position:relative;box-shadow:inset 0 2px #697487}.reference-match:before{content:"";background:#3c4558;border:3px solid #202735;border-bottom:0;border-radius:9px 9px 0 0;width:142px;height:25px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.reference-match h2{z-index:3;text-align:center;text-shadow:0 2px #111;width:100%;margin:0;font-size:11px;position:absolute;top:-7px;left:0}.slot-row{grid-template-columns:repeat(3,1fr);gap:5px;height:50px;display:grid}.empty-slot{color:#232a38;background:#2d3546;border:2px solid #202735;border-radius:5px;place-items:center;font-size:19px;display:grid;box-shadow:inset 0 0 6px #00000059}.card-tile.compact{border-radius:5px;min-height:0}.card-tile.compact .card-rarity{display:none}.card-tile.compact .card-rank{font-size:15px}.card-tile.compact .card-kind{width:16px;height:16px;margin-top:2px;font-size:7px}.weapon-pack-card,.pack-chest{cursor:pointer;border:2px solid #202735;border-radius:6px;width:59px;height:61px;position:absolute;top:11px;box-shadow:inset 0 0 0 2px #ffffff3d,0 2px 2px #111}.weapon-pack-card{color:#313544;background:linear-gradient(145deg,#f9cf4a,#d88e23);left:12px;transform:rotate(-4deg)}.weapon-pack-card>span{font-size:23px;display:block;transform:rotate(-24deg)}.weapon-pack-card>b,.pack-chest>b{font-size:7px;position:absolute;bottom:17px;left:2px;right:2px}.weapon-pack-card small,.pack-chest small{color:#fd6;background:#2b9fd2;border:2px solid #202735;border-radius:4px;height:19px;font-size:9px;line-height:15px;position:absolute;bottom:-10px;left:-2px;right:-2px}.pack-chest{color:#7b4a23;background:linear-gradient(145deg,#55b4e7,#2c87bc);right:12px}.pack-chest>span{font-size:24px;display:block;transform:rotate(8deg)}.pack-chest small{background:#3299cc}.reference-match>p{color:#8993a1;text-align:center;margin:0;font-size:7px;position:absolute;bottom:1px;left:0;right:0}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f141cb8;justify-content:center;align-items:flex-end;padding:10px;animation:.22s ease-out both modal-fade;display:flex;position:absolute;inset:0}.draft-sheet,.pet-sheet,.rules-sheet,.result-sheet{background:linear-gradient(#4c5668,#2f3849);border:3px solid #1e2531;border-radius:10px;width:100%;padding:18px 14px 14px;animation:.28s cubic-bezier(.2,.8,.25,1) both sheet-rise;position:relative;box-shadow:inset 0 0 0 2px #718092,0 4px 8px #000000a6}.draft-sheet{min-height:330px}.sheet-kicker{color:#b7c2cd;font-size:8px}.draft-sheet h2,.pet-sheet h2,.rules-sheet h2,.result-sheet h2{color:#fff4c5;text-shadow:0 2px #151a21;margin:4px 0;font-size:20px}.draft-sheet>p{color:#d1d5d7;margin:0;font-size:9px}.draft-grid{grid-template-columns:repeat(5,1fr);gap:5px;height:180px;margin:14px 0;display:grid}.draft-grid .card-name{writing-mode:vertical-rl;margin-top:4px;font-size:6px;display:block}.confirm-draft{cursor:pointer;background:linear-gradient(#6fd149,#3aa233);border:2px solid #235f2a;border-radius:6px;width:100%;height:39px;font-size:11px;box-shadow:inset 0 0 0 1px #98e17d}.sheet-close{cursor:pointer;background:#333c4d;border:2px solid #202735;border-radius:5px;padding:5px 9px;font-size:8px;position:absolute;top:12px;right:12px}.pet-sheet,.rules-sheet{min-height:390px}.pet-list{gap:7px;margin-top:16px;display:grid}.pet-list button{cursor:pointer;text-align:left;background:#30394a;border:2px solid #202735;border-radius:6px;grid-template-columns:45px 1fr 42px;align-items:center;min-height:57px;padding:0;display:grid}.pet-list button>b{color:#ffd560;background:#526276;place-items:center;height:100%;font-size:19px;display:grid}.pet-list button>span{flex-direction:column;padding-left:9px;display:flex}.pet-list button>span strong{font-size:10px}.pet-list button>span small{color:#b8c0c7;margin-top:3px;font-size:7px}.pet-list button>i{font-size:7px;font-style:normal}.pet-list button.is-active{border-color:#6dc951}.rule-columns{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.rule-columns>div{background:#30394a;border:2px solid #202735;border-radius:6px;padding:9px}.rule-columns h3{color:#ffd562;margin:0 0 8px;font-size:9px}.rule-columns p{border-top:1px solid #4e5a6c;justify-content:space-between;margin:0;padding:5px 0;font-size:8px;display:flex}.rule-columns p strong{color:#8dde65}.rule-note{color:#c3c9ce;margin-top:9px;font-size:7px;display:block}.result-layer{align-items:center}.result-sheet{text-align:center}.stars{justify-content:center;gap:10px;margin:18px 0;display:flex}.stars span{color:#242b38;font-size:38px}.stars span.earned{color:var(--gold);filter:drop-shadow(0 0 5px #f7cf54)}.result-stats{border:2px solid #202735;border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.result-stats p{border-right:1px solid #596476;flex-direction:column;margin:0;padding:9px 3px;display:flex}.result-stats p:last-child{border:0}.result-stats span{color:#b8c0c8;font-size:7px}.result-stats strong{margin-top:3px;font-size:15px}.result-actions{grid-template-columns:1fr 1.2fr;gap:7px;margin-top:12px;display:grid}.result-actions button,.revive-ad{cursor:pointer;background:#3e485a;border:2px solid #202735;border-radius:5px;height:38px;font-size:9px}.result-actions .next-stage{background:linear-gradient(#6fd149,#3aa233)}.revive-ad{color:#ffd274;width:100%;height:28px;margin-top:6px}@keyframes sparkle{to{opacity:.35;transform:scale(1.8)}}@keyframes level-pop{0%{opacity:0;transform:translate(-50%,-42%)scale(.72)}18%{opacity:1;transform:translate(-50%,-52%)scale(1.08)}32%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-58%)scale(.96)}}@keyframes bomb{0%{opacity:0}22%{opacity:.94}58%{opacity:.58}to{opacity:0}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{opacity:.6;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=380px),(height<=660px){.game-phone{border-width:1px;border-radius:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}