#ui{--m:max(12px, var(--sal), var(--sar));--panel:#14101cc7;--text:#f2efe6;--dim:#a9a3b8;--cyan:#7fe8ff;--cyan-mid:#3fa9d4;--cyan-deep:#1c5f8c;--red:#e04a3a;--orange:#f0a030;--outline:#16121c;z-index:10;pointer-events:none;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0}#ui [hidden]{display:none!important}#ui h1,#ui h2,#ui p,#ui dl,#ui dd{margin:0}.px{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.num{font-variant-numeric:tabular-nums;font-weight:700}.ui-btn{pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0}button.ui-press *{pointer-events:none}.ui-btn:focus{outline:none}.ui-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.ui-btn.is-pressed{transform:translateY(1px)}.btn-primary{border:2px solid var(--cyan);background:var(--cyan-mid);color:#0b0810;border-radius:8px;width:100%;max-width:260px;height:64px;margin:0 auto;font-size:22px;font-weight:700;display:block}.btn-primary.is-pressed{background:var(--cyan)}.btn-text{min-width:120px;min-height:44px;color:var(--dim);margin:8px auto 0;font-size:16px;display:block}.bar{box-sizing:border-box;border:2px solid var(--outline);background:#14101c;position:relative;overflow:hidden}.bar-fill{width:0;position:absolute;top:0;bottom:0;left:0}.hud{width:min(100%,480px);height:calc(var(--sat) + 124px);position:absolute;top:0;left:50%;transform:translate(-50%)}.hud-row{left:var(--m);right:var(--m);align-items:center;display:flex;position:absolute}.hud-a{top:calc(var(--sat) + 8px);height:44px}.hud-b{top:calc(var(--sat) + 56px);gap:6px;height:18px}.hud-c{top:calc(var(--sat) + 76px);justify-content:space-between;height:28px}.hud-hp{align-items:center;gap:4px;width:124px;display:flex}.hud-hp-bar{width:94px;height:14px}.hud-hp-bar .bar-fill{background:var(--red)}.bar-text{font-variant-numeric:tabular-nums;text-shadow:0 1px 0 var(--outline);font-size:11px;font-weight:700;line-height:1;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.hud-hp-bar.low{animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.7}}.hud-timer{text-align:center;width:64px;text-shadow:0 1px 2px var(--outline);font-size:20px;position:absolute;left:50%;transform:translate(-50%)}.hud-timer.boss{color:var(--orange)}.hud-kills{background:var(--panel);border-radius:6px;align-items:center;gap:4px;height:24px;margin-left:auto;margin-right:8px;padding:0 6px 0 2px;font-size:14px;display:flex}.hud-pause{background:var(--panel);border-radius:8px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hud-pause.is-pressed{background:#14101c}.hud-level{text-align:center;background:var(--panel);border-radius:4px;flex:none;width:40px;height:18px;font-size:12px;line-height:18px}.hud-xp{flex:1;height:10px}.hud-xp .bar-fill{background:var(--cyan);transition:width .12s linear}.hud-army{align-items:center;gap:6px;min-width:0;display:flex}.hud-slots{gap:4px;display:flex}.hud-slot{background:var(--panel);border-radius:4px;width:24px;height:28px;position:relative}.hud-slot .px{position:absolute;top:0;left:0}.hud-slot-hp{background:var(--cyan);width:0;max-width:20px;height:2px;position:absolute;bottom:1px;left:2px}.hud-slot[data-state=alive] .hud-slot-hp{min-width:2px}.hud-slot[data-state=raising] .hud-slot-icon,.hud-slot[data-state=empty] .hud-slot-icon{filter:grayscale();opacity:.35}.hud-slot[data-state=raising]:after{content:"";background:var(--cyan-mid);transform-origin:0;width:20px;height:2px;animation:.8s linear infinite raise;position:absolute;bottom:1px;left:2px}@keyframes raise{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hud-slot.pop{animation:.15s ease-out pop}@keyframes pop{0%{transform:scale(1.3)}to{transform:scale(1)}}.hud-count{color:var(--dim);font-size:12px}@media (max-width:399px){.hud-count{display:none}}.hud-reserve{background:var(--panel);border-radius:6px;flex:none;align-items:center;gap:4px;height:22px;padding:0 6px 0 4px;font-size:12px;display:flex}.hud-res-bar .bar-fill{background:var(--cyan-mid)}.hud-res-bar.ready{border-color:var(--cyan)}.hud-reserve .max{color:var(--cyan)}.hud-boss{top:calc(var(--sat) + 108px);left:var(--m);right:var(--m);height:14px;position:absolute}.hud-boss .bar-fill{background:var(--red)}.hint{left:50%;top:calc(var(--sat) + 116px);box-sizing:border-box;width:max-content;max-width:min(300px, calc(100vw - 2 * var(--m)));background:var(--panel);text-align:center;opacity:0;border-radius:8px;padding:10px 14px;font-size:15px;animation:.25s ease-out forwards fade-in;position:fixed;transform:translate(-50%)}.hint.out{animation:.25s ease-in forwards fade-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}#ui .tut-box:not([hidden]),#ui .ev-toast:not([hidden]){animation:.25s ease-out fade-in}#ui .tut-box.out,#ui .ev-toast.out{opacity:0;transition:opacity .25s linear}#ui:has(.pause,.levelup) :is(.hint,.tut,.ev-toast){visibility:hidden}@media (prefers-reduced-motion:reduce){.hint{opacity:1;animation:none}.hint.out{opacity:0;animation:none}#ui .tut-box:not([hidden]),#ui .ev-toast:not([hidden]){animation:none}#ui .tut-box.out,#ui .ev-toast.out{transition:none}}.overlay,.screen{pointer-events:auto;touch-action:none;box-sizing:border-box;padding:var(--sat) var(--sar) var(--sab) var(--sal);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden auto}.screen{image-rendering:pixelated;background-color:#26222e;background-size:32px 32px;justify-content:center}.screen:before{content:"";pointer-events:none;background:#0b08108c;position:absolute;inset:0}.menu-col{width:min(calc(100% - 2 * var(--m)), 360px);text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.menu-title{text-shadow:0 2px 0 var(--outline);font-size:30px;font-weight:700;line-height:1.15}.menu-play{width:240px}.menu-controls{color:var(--dim);font-size:14px}.loading-text{font-size:16px}.loading-bar{width:160px;height:10px}.loading-bar .bar-fill{background:var(--cyan);transform-origin:0;will-change:transform;width:100%;transition:transform .24s linear;transform:scaleX(0)}.loading-shimmer{pointer-events:none;will-change:transform;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);width:30%;animation:1.2s linear infinite loading-shimmer;position:absolute;top:0;bottom:0;left:0}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(540%)}}.loading-spinner{box-sizing:border-box;border:4px solid #3b3450;border-top-color:var(--cyan);will-change:transform;width:28px;height:28px;animation:.8s steps(4,end) infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.dev-load{z-index:50;color:#fff;pointer-events:none;background:#0009;max-width:70vw;padding:2px 6px;font:11px/14px monospace;position:fixed;top:4px;right:4px}.error-title{font-size:22px}.error-text{color:var(--red);word-break:break-word;font-size:15px}.levelup{background:#0b0810b3}.levelup-title{color:var(--cyan);text-shadow:0 2px 0 var(--outline);flex:none;margin-top:40px;font-size:24px;font-weight:700}.cards{width:min(calc(100% - 2 * var(--m)), 400px);flex-direction:column;flex:1;justify-content:center;gap:12px;padding:16px 0;display:flex}.card{border:2px solid var(--cyan-mid);text-align:left;background:#14101cf2;border-radius:8px;flex:none;width:100%;height:96px;position:relative}.card.is-pressed{border-color:var(--cyan)}.card-icon{box-sizing:border-box;border:2px solid var(--outline);background:#0b0810;border-radius:4px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.card-name{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;position:absolute;top:12px;left:80px;right:92px;overflow:hidden}.card-rank{background:var(--cyan-deep);border-radius:4px;padding:2px 6px;font-size:12px;position:absolute;top:12px;right:12px}.card-next{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;position:absolute;top:40px;left:80px;right:12px;overflow:hidden}@media (max-height:640px){.levelup-title{margin-top:24px}.card{height:88px}.card-name,.card-rank{top:9px}.card-next{top:36px}}.pause{background:#0b0810b8;justify-content:center;gap:24px}.pause-title{font-size:28px;font-weight:700}.pause-go{width:260px;max-width:calc(100% - 2 * var(--m));color:var(--text);background:#14101cf2;font-size:20px}.pause-go.is-pressed{background:#14101c}.results{touch-action:pan-y;background:#0b0810d9}.results-col{width:min(calc(100% - 2 * var(--m)), 360px);margin-top:48px;padding-bottom:24px}.results-title{text-align:center;font-size:40px;font-weight:700}#ui .results-title{margin-bottom:20px}.results-title.win{color:var(--cyan)}.results-title.lose{color:var(--red)}#ui .stats{margin-bottom:24px}.stat{border-bottom:1px solid #a9a3b840;justify-content:space-between;align-items:center;height:44px;display:flex}.stat dt{color:var(--dim);font-size:14px}.stat dd{font-size:20px}.stat.new-best dt{color:var(--cyan)}#ui{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.hud-a{gap:8px}.hud-hp{flex:auto;width:auto;min-width:0}.hud-hp>img{flex:none;width:26px;height:24px}.hud-hp-bar{flex:auto;width:auto;min-width:70px}.hud-timer{flex:none;width:64px;position:static;transform:none}.hud-kills{box-sizing:border-box;flex:none;justify-content:flex-end;width:56px;margin:0;overflow:hidden}@media (max-width:359px){.hud-timer{width:56px}.hud-kills{width:52px}}.hud-slot{width:24px;height:24px}.hud-slot img,.hud-slot-wait{width:24px;height:24px;position:absolute;top:0;left:0}.hud-slot-wait{image-rendering:pixelated;background-size:96px 24px;animation:.8s steps(4,end) infinite wait;display:none}@keyframes wait{0%{background-position:0 0}to{background-position:-96px 0}}.hud-slot-empty{display:none!important}.hud-slot[data-state=empty] .hud-slot-empty{display:block!important}.hud-slot[data-state=empty] .hud-slot-icon,.hud-slot[data-state=raising] .hud-slot-icon{display:none}.hud-slot[data-state=raising] .hud-slot-wait{display:block}.hud-slot[data-state=raising] .hud-slot-icon{filter:none;opacity:1}.hud-slot-hp{bottom:0;left:2px}@media (max-width:359px){.hint{font-size:14px}.card-name{font-size:16px}.card-next{font-size:13px}.menu-title{font-size:28px}}.hud-mute{top:calc(var(--sat) + 130px);right:var(--m);justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute}.hint{max-width:min(300px, calc(100vw - 2 * var(--m) - 104px))}.dmg-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dmg{text-align:center;color:#f2efe6;width:24px;text-shadow:1px 1px 0 var(--outline), -1px 1px 0 var(--outline), 1px -1px 0 var(--outline), -1px -1px 0 var(--outline);will-change:transform;margin-left:-12px;font:700 12px/1 system-ui,sans-serif;position:absolute;top:0;left:0}.dmg.boss,.dmg.crit{color:var(--orange);font-size:14px}.dmg.hero{color:var(--red);font-size:14px}.dmg.resisted{letter-spacing:1px;color:#a9a4b4;width:72px;margin-left:-36px;font-size:10px}.bench{left:var(--m);top:calc(var(--sat) + 180px);color:#b8f5c8;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;max-width:calc(100vw - 2 * var(--m));box-sizing:border-box;background:#0b0810d9;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,monospace;position:fixed}#ui .levelup-title{margin-top:126px;line-height:30px}.cards{padding:2px 0 16px}.cards.single{justify-content:center}.card{border:6px solid #0000;border-image:var(--card9) 6 fill / 6px stretch;background:0 0;border-radius:0;height:96px}.card.is-pressed{border-image-source:var(--card9sel)}.card-icon{justify-content:center;align-items:center;display:flex;left:6px}.card-icon img{width:24px;height:24px;margin:0;position:static}.card-name{top:4px;left:74px;right:80px}.card-rank{box-sizing:border-box;white-space:nowrap;height:18px;padding:0 6px;line-height:18px;top:4px;right:6px}.card-next{line-height:17px;top:28px;left:74px;right:6px}.card-bonus .card-rank{background:#3a3444}@media (max-height:640px){.card{height:88px}.card-name,.card-rank{top:2px}.card-next{top:26px}}@media (max-height:420px){.cards{width:min(calc(100% - 2 * var(--m)), 720px);flex-direction:row;align-items:stretch}.card{flex:1;height:auto;min-height:140px}}.pause{overscroll-behavior:contain;justify-content:flex-start;overflow-y:auto}.pause-col{width:min(calc(100% - 2 * var(--m)), 360px);flex-direction:column;align-items:stretch;padding:40px 0 16px;display:flex}#ui .pause-col .pause-title{text-align:center;height:36px;margin-bottom:16px;line-height:36px}.pause-col .pause-go{width:260px;max-width:100%}#ui .set-head{color:var(--dim);margin:16px 0 4px;font-size:14px}.settings{flex-direction:column;display:flex}.set-row{text-align:left;border-bottom:1px solid #a9a3b840;align-items:center;gap:8px;height:56px;padding:0 2px;display:flex}.set-icon{flex:none;width:24px;height:24px}.set-labels{flex-direction:column;flex:1;min-width:0;display:flex}.set-label{font-size:16px}.set-sub{color:var(--dim);font-size:12px}.set-switch{box-sizing:border-box;border:2px solid var(--outline);background:#3a3444;border-radius:16px;flex:none;width:52px;height:32px;position:relative}.set-knob{background:#a9a3b8;border-radius:50%;width:24px;height:24px;position:absolute;top:2px;left:2px}.set-state{font-size:12px;font-weight:700;line-height:28px;position:absolute;top:0;right:6px}.set-row.on .set-switch{background:var(--cyan-mid)}.set-row.on .set-knob{background:var(--text);left:22px}.set-row.on .set-state{color:#0b0810;left:6px;right:auto}.set-go{box-sizing:border-box;text-align:center;color:#0b0810;background:var(--cyan-mid);border:2px solid var(--outline);min-width:64px;height:32px;box-shadow:0 2px 0 var(--outline);border-radius:6px;flex:none;padding:0 12px;font-size:13px;font-weight:700;line-height:28px}.set-action.is-pressed .set-go{box-shadow:none;transform:translateY(2px)}.set-action.done .set-go{color:var(--text);background:#3a3444}.menu-settings{justify-content:center;align-items:center;gap:6px;margin:0 auto;display:flex}.set-panel{z-index:1;padding:var(--sat) var(--sar) var(--sab) var(--sal);background:#0b0810f0;justify-content:center;display:flex;position:absolute;inset:0;overflow-y:auto}.hud{--hc:var(--hud-c,44px);height:calc(var(--sat) + 108px + var(--hc))}.hud-kills,.hud-level,.hud-reserve,.hud-pause,.hud-mute,.hud-slot{box-sizing:border-box;border:6px solid #0000;border-image:var(--panel9) 6 fill / 6px stretch;background:0 0;border-radius:0}.hud-pause.is-pressed{filter:brightness(1.3);background:0 0}.hud-kills{gap:2px;width:72px;height:30px;padding:0 2px 0 0}.hud-kills>canvas{flex:none;width:18px;height:18px}@media (max-width:359px){.hud-kills{width:64px}}.hud-b{height:28px}.hud-c{top:calc(var(--sat) + 88px);height:var(--hc);align-items:flex-start}.hud-level{width:48px;height:28px;line-height:16px}.hud-xp{min-width:0}.hud-reserve{gap:4px;height:28px;padding:0}.hud-reserve>canvas{flex:none;width:16px;height:16px}.hud-res-bar{border-width:2px;width:36px;height:10px}.hud-army{flex:1;align-items:flex-start;min-width:0}.hud-slots{flex-wrap:wrap;gap:2px;min-width:0}.hud-slot{flex:none;width:44px;height:44px}.hud-slot img,.hud-slot-wait{width:24px;height:24px;top:2px;left:4px}.hud-slot-wait{background-size:96px 24px}.hud-slot-hp{max-width:24px;height:2px;bottom:2px;left:4px}.hud-slot[data-state=raising]:after{width:24px;bottom:2px;left:4px}.hud-count{flex:none;line-height:44px}@media (max-width:439px){.hud-count{display:none}}.hud-boss{top:calc(var(--sat) + 94px + var(--hc))}.hint{top:calc(var(--sat) + 100px + var(--hc,44px))}.hud-mute{top:calc(var(--sat) + 116px + var(--hc))}.hud-mute img{background:0 0;border-radius:0;width:24px;height:24px;padding:0}.bench{top:calc(var(--sat) + 168px + var(--hud-c,44px))}#ui .levelup-title{margin-top:calc(112px + var(--hud-c,44px))}.screen.menu:before{display:none}.pf,.btn-primary,.btn-text{box-sizing:border-box;border:8px solid #0000;border-image:var(--f9) 8 fill / 8px stretch;image-rendering:pixelated;background:0 0;border-radius:0}.btn-primary,.btn-text{color:var(--text);justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:0 8px;display:flex;position:relative}.btn-primary{width:100%;max-width:260px;height:64px;font-size:20px}.btn-text{width:200px;max-width:100%;height:56px;min-height:56px;font-size:16px}.btn-primary.is-pressed,.btn-text.is-pressed,.pf.is-pressed{border-image-source:var(--f9-pressed);background:0 0}.btn-primary:focus-visible,.btn-text:focus-visible,.pf:focus-visible{border-image-source:var(--f9-focus);outline:none}.btn-primary.is-pressed,.btn-text.is-pressed,.card.is-pressed{transform:translateY(2px)}.ptext{flex:none}#ui .menu-title,#ui .pause-title,#ui .levelup-title,#ui .results-title{justify-content:center;align-items:center;display:flex}.menu-title{line-height:0}.menu-play{width:240px;max-width:100%;height:80px}.menu-settings{width:240px}.menu-settings>.px:first-child{width:24px;height:24px}@media (max-height:600px){.menu-col{gap:12px}}.pause{padding-top:calc(var(--sat) + 16px);padding-bottom:calc(var(--sab) + 16px)}.pause-col.pf{width:min(calc(100% - 2 * var(--m)), 360px);margin:auto 0;padding:12px 12px 14px}.set-panel{padding:calc(var(--sat) + 16px) var(--sar) calc(var(--sab) + 16px) var(--sal)}#ui .pause-col .pause-title{height:36px;margin-bottom:12px}#ui .set-head{margin:14px 0 2px}.pause-quit{margin-top:12px}.set-done{margin-top:16px}.results-col.pf{margin:auto 0;padding:16px 14px 14px}.results{padding-top:calc(var(--sat) + 16px);padding-bottom:calc(var(--sab) + 16px)}#ui .results-title{min-height:48px;margin-bottom:12px}.results-retry{max-width:none}.results-col .btn-text{margin-top:12px}.card{border-width:8px}.card.pf.is-pressed{border-image-source:var(--f9-pressed)}.levelup{--path:#e8e2cc}.levelup .cards{flex:auto;gap:6px;width:min(100% - 16px,420px);min-height:0;padding:4px 0 6px;overflow-y:auto}@media (min-width:360px){.levelup .cards{width:min(100% - 24px,420px)}}.levelup.cards-top #ui .levelup-title,#ui .levelup.cards-top .levelup-title{margin-top:8px}#ui .levelup.n4 .levelup-title{line-height:24px}#ui .levelup .card{text-align:left;flex-direction:column;gap:2px;height:auto;min-height:106px;padding:2px 4px 2px 10px;display:flex;position:relative}.levelup.cards-roomy .card{min-height:134px}.card-common{border-image-source:var(--f9-common)}.card-rare{border-image-source:var(--f9-rare)}.card-epic{border-image-source:var(--f9-epic);animation:1.6s step-end infinite epic-shimmer}.card-evolution{border-image-source:var(--f9-evolution)}.card-common:focus-visible{border-image-source:var(--f9-common);outline-offset:-2px;outline:2px solid #e8e2cc}.card-rare:focus-visible{border-image-source:var(--f9-rare);outline-offset:-2px;outline:2px solid #7fe8ff}.card-epic:focus-visible{border-image-source:var(--f9-epic);outline-offset:-2px;outline:2px solid #ffe08a}.card-evolution:focus-visible{border-image-source:var(--f9-evolution);outline-offset:-2px;outline:2px solid #d9a8ff}#ui .card.pf.is-pressed{border-image-source:var(--f9-pressed)}@keyframes epic-shimmer{0%,70%{border-image-source:var(--f9-epic)}71%,to{border-image-source:var(--f9-epic-glint)}}.card.reveal{animation:.32s steps(8,end) backwards card-reveal}.card-epic.reveal{animation:.32s steps(8,end) backwards card-reveal,1.6s step-end .32s infinite epic-shimmer}@keyframes card-reveal{0%{filter:brightness(2);transform:perspective(400px)rotateY(80deg)}to{filter:none;transform:none}}.path-legion{--path:#e8e2cc}.path-deadeye{--path:#6fae3a}.path-souls{--path:#e04a3a}.path-arts{--path:#a56ad0}#ui .card:before{content:"";background:var(--path);width:4px;position:absolute;top:0;bottom:0;left:0}#ui .card-head{align-items:center;gap:6px;min-width:0;display:flex;position:static}#ui .card-icon{background:0 0;border:0;flex:none;width:32px;height:32px;position:static;transform:none}#ui .card-icon img{width:32px;height:32px}.cards-roomy #ui .card-icon,#ui .cards-roomy .card-icon,#ui .cards-roomy .card-icon img{width:48px;height:48px}#ui .card-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#ui .card-name{white-space:nowrap;text-overflow:clip;color:#e8e2cc;font-size:14px;line-height:17px;position:static;overflow:hidden}#ui .card-meta{align-items:center;gap:6px;height:12px;display:flex}.card-pips{gap:2px;display:flex}.card-pips .pip{background:#3d3848;width:4px;height:4px;box-shadow:0 0 0 1px #16121c}.card-pips .pip.on{background:var(--path)}.card-pips .pip.add{background:#fff}.card-rarity{letter-spacing:.5px;font:700 11px/12px system-ui,sans-serif}.card-rare .card-rarity,.card-rare .card-name{color:#7fe8ff}.card-epic .card-rarity,.card-epic .card-name{color:#ffd060}.card-evolution .card-rarity,.card-evolution .card-name{color:#e6d2ff}.card-evo-hint{width:12px;height:12px}#ui .card-rank{white-space:nowrap;color:#e8e2cc;background:#4a4456;border-radius:0;flex:none;max-width:72px;height:18px;padding:0 6px;font:700 11px/18px system-ui,sans-serif;position:static;overflow:hidden}.card-rare .card-rank{color:#7fe8ff;background:#1c5f8c}.card-epic .card-rank{color:#ffd060;background:#57453a}.card-evolution .card-rank{color:#e6d2ff;background:#7a3fa0}#ui .card-chest .card-rank{color:#ffd060;background:#8f2a2a}#ui .card-line{color:#b5ad94;-webkit-line-clamp:unset;font-size:12px;line-height:14px;display:block;position:static;overflow:visible}.card-line b{text-transform:uppercase;margin-right:2px;font:700 11px/14px system-ui,sans-serif}.card-now b{color:#9a93a8}.card-next{color:#e8e2cc}.card-next b{color:var(--path)}.cards-roomy .card-line{font-size:13px;line-height:16px}.card-reroll{width:min(100% - 16px,420px);height:44px;margin:0 0 calc(var(--sab,0px) + 8px);color:#e8e2cc;flex:none;justify-content:center;align-items:center;gap:8px;font:700 14px system-ui,sans-serif;display:flex}.card-reroll img{width:20px;height:20px}.card-reroll.is-disabled{opacity:.5}.card-reroll.is-nothing-new{opacity:.7;color:#9a94a6;filter:grayscale();cursor:default}#ui:has(.levelup.cards-top) .hud .hud-a{visibility:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hud-spells{left:var(--m);top:calc(var(--sat) + 116px + var(--hc));pointer-events:none;gap:4px;display:flex;position:absolute}.hud-spell{width:32px;height:32px;position:relative}.hud-spell img{width:32px;height:32px}.hud-spell .num{color:#e6d2ff;text-shadow:1px 1px #16121c,-1px -1px #16121c;font:700 11px/1 system-ui,sans-serif;position:absolute;bottom:-4px;right:-2px}@media (prefers-reduced-motion:reduce){.card.reveal,.card-epic,.card-epic.reveal{animation:none}}.set-vol.muted{opacity:.5}.set-range{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;flex:0 0 136px;width:136px;height:44px;margin:0 2px 0 0}.set-range:focus{outline:none}.set-range:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.set-range::-webkit-slider-runnable-track{box-sizing:border-box;border:2px solid var(--outline);background:linear-gradient(to right, var(--cyan-mid) var(--v,50%), #14101c var(--v,50%));height:12px;box-shadow:0 2px #4a4456}.set-range::-moz-range-track{box-sizing:border-box;border:2px solid var(--outline);background:linear-gradient(to right, var(--cyan-mid) var(--v,50%), #14101c var(--v,50%));height:12px;box-shadow:0 2px #4a4456}.set-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:2px solid var(--outline);background:#e8e2cc;border-radius:0;width:16px;height:28px;margin-top:-10px;box-shadow:inset -2px -2px #9a93a8}.set-range::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--outline);background:#e8e2cc;border-radius:0;width:16px;height:28px;box-shadow:inset -2px -2px #9a93a8}.set-range:focus-visible::-webkit-slider-thumb{background:#7fe8ff}.set-range:focus-visible::-moz-range-thumb{background:#7fe8ff}@media (prefers-reduced-motion:reduce){.ui-btn.is-pressed,.btn-primary.is-pressed,.btn-text.is-pressed,.card.is-pressed{transform:none}.hud-slot-wait,.hud-hp-bar.low,.hud-slot.pop,.hud-slot[data-state=raising]:after{animation:none}.hud-xp .bar-fill{transition:none}.loading-shimmer{display:none}.loading-spinner{animation:none}.loading-bar .bar-fill{transition:none}}.menu-unlocks{width:240px}.menu-unlocks>.px:first-child{width:24px;height:24px}#ui .unl-col .pause-title{margin-bottom:8px}.unl-dust{border-bottom:1px solid #a9a3b840;justify-content:space-between;align-items:center;min-height:44px;padding:0 2px;display:flex}.unl-dust-n{align-items:center;gap:4px;font-size:18px;display:flex}.unl-soul{object-fit:contain;flex:none;width:16px;height:16px}.unl-row{height:auto;min-height:56px;padding:6px 2px}.unl-price{flex:none;justify-content:flex-end;min-width:64px;font-size:16px;display:flex}.unl-price .unl-dust-n{font-size:16px}.unl-row.short{opacity:.55;cursor:default}.unl-row.owned .unl-owned{color:var(--cyan);font-weight:700}.unl-row.armed{background:#3fa9d42e}.unl-row.armed .unl-buy{color:var(--cyan);font-weight:700}#ui .unl-note{color:var(--dim);margin-top:8px;font-size:13px}.unl-cards{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}#ui .unl-cards .unl-note{margin-top:0}.unl-card{align-items:center;gap:6px;height:44px;padding:0 6px 0 2px;font-size:14px;display:flex}.unl-card .set-icon{width:24px;height:24px}.stat.dust dt{color:var(--cyan)}.lvl-flash{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(at 50% 55%,#fff 0%,#e9dcff 38%,#8d5fd6 100%);position:fixed;inset:0}#ui[data-layout=landscape]{--eL:max(12px, var(--sal));--eR:max(12px, var(--sar));--eT:max(8px, var(--sat));--eB:max(12px, var(--sab));--colw:176px}#ui[data-layout=desktop]{--eL:max(20px, var(--sal));--eR:max(20px, var(--sar));--eT:max(20px, var(--sat));--eB:max(20px, var(--sab));--colw:260px}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud{width:100%;height:100%;top:0;left:0;transform:none}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-row{display:contents}#ui:is([data-layout=landscape],[data-layout=desktop]) :is(.hud-hp,.hud-level,.hud-xp,.hud-reserve,.hud-timer,.hud-kills,.hud-pause,.hud-mute,.hud-spells,.hud-army,.hud-boss){margin:0;position:absolute}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-hp{left:var(--eL);top:var(--eT);width:var(--colw);flex:none;height:30px}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-level{left:var(--eL);top:calc(var(--eT) + 36px)}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-xp{left:calc(var(--eL) + 54px);top:calc(var(--eT) + 45px);width:calc(var(--colw) - 54px);flex:none}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-reserve{left:var(--eL);top:calc(var(--eT) + 70px)}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-spells{left:var(--eL);top:calc(var(--eT) + 104px)}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-timer{left:50%;top:var(--eT);transform:translate(-50%)}#ui:is([data-layout=landscape],[data-layout=desktop]) .hud-boss{left:50%;right:auto;transform:translate(-50%)}#ui[data-layout=landscape] .hud-boss{top:calc(var(--eT) + 44px);width:min(360px, calc(100% - 2 * (var(--eL) + 188px)))}#ui[data-layout=desktop] .hud-boss{top:calc(var(--eT) + 36px);width:min(480px, calc(100% - 2 * (var(--eL) + 292px)))}@media (max-width:1099px){#ui[data-layout=desktop] .hud-boss{top:calc(var(--eT) + 130px);width:min(480px, calc(100% - 2 * var(--eL)))}}#ui[data-layout=landscape] .hud-pause{right:var(--eR);top:var(--eT)}#ui[data-layout=landscape] .hud-kills{right:calc(var(--eR) + 50px);top:var(--eT)}#ui[data-layout=landscape] .hud-army{right:var(--eR);top:calc(var(--eT) + 52px);max-width:calc(100% - var(--eL) - var(--eR) - var(--colw) - 12px);box-sizing:border-box;flex-direction:column;flex:none;align-items:flex-end;gap:0}#ui[data-layout=landscape] .hud-slots{flex-wrap:wrap;justify-content:flex-end;width:182px;max-width:100%}#ui[data-layout=landscape] .hud-count{white-space:nowrap;flex:none;font-size:12px;line-height:16px;display:block}#ui[data-layout=landscape] .hud-mute{right:var(--eR);top:calc(var(--eT) + 164px)}#ui[data-layout=desktop] .hud-mute{right:var(--eR);top:var(--eT)}#ui[data-layout=desktop] .hud-pause{right:calc(var(--eR) + 48px);top:var(--eT)}#ui[data-layout=desktop] .hud-kills{right:calc(var(--eR) + 96px);top:var(--eT)}#ui[data-layout=desktop] .hud-army{left:var(--eL);bottom:var(--eB);max-width:calc(100% - var(--eL) - var(--eR));box-sizing:border-box;flex:none}#ui[data-layout=desktop] .hud-slots{flex-wrap:wrap}#ui[data-layout=desktop] .hud-count{white-space:nowrap;flex:none;display:block}#ui[data-layout=landscape]:has(.levelup) .hud{visibility:hidden}#ui[data-layout=landscape] :is(.ev-toast,.hint,.tut-box){top:calc(var(--eT) + 76px)}#ui[data-layout=landscape] :is(.hint,.tut-box){max-width:min(360px, calc(100% - 2 * (var(--eL) + 188px)))}#ui[data-layout=landscape] .boss-intro{top:38%}#ui[data-layout=desktop] :is(.hint,.tut-box){top:calc(var(--eT) + 92px);max-width:360px}#ui[data-layout=landscape] .tut[data-step=elite] .tut-box{top:calc(var(--eT) + 76px + 48px)}#ui[data-layout=desktop] .tut[data-step=elite] .tut-box{top:max(calc(var(--eT) + 92px), calc(18% + 48px))}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup .cards{flex-direction:row;flex:0 auto;justify-content:center;align-items:stretch;padding:0;overflow:visible}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup .card{flex:1 1 0;min-width:0;min-height:0}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.cards-grid .cards{flex-wrap:wrap}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.cards-grid .card{flex:calc(50% - 8px);max-width:none}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.n1 .card{flex:0 320px}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup .card-name{white-space:normal;overflow:visible}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup .card-head{align-items:flex-start}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup .card-name{overflow-wrap:anywhere}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.n4:not(.cards-grid) .card-head{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:2px 6px;display:grid}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.n4:not(.cards-grid) .card-icon{grid-area:1/1/span 2}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.n4:not(.cards-grid) .card-title{grid-area:1/2}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.n4:not(.cards-grid) .card-rank{box-sizing:border-box;text-overflow:ellipsis;grid-area:2/2;justify-self:start;max-width:100%}#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.cards-grid .card-icon,#ui:is([data-layout=landscape],[data-layout=desktop]) .levelup.cards-grid .card-icon img{width:32px;height:32px}#ui[data-layout=landscape] .levelup{justify-content:flex-start}#ui[data-layout=landscape] .levelup .cards{width:min(calc(100% - 2 * max(24px, var(--sal), var(--sar))), 760px);gap:12px}#ui[data-layout=landscape] .levelup-title{margin-top:calc(var(--eT) + 12px);line-height:30px}#ui[data-layout=landscape] .levelup .card{max-width:340px;height:200px}#ui[data-layout=landscape] .levelup.cards-grid .card{height:116px}#ui[data-layout=landscape] .card-reroll{width:240px;margin:8px 0 calc(var(--eB) + 4px)}#ui[data-layout=desktop] .levelup{justify-content:center}#ui[data-layout=desktop] .levelup .cards{flex:none;gap:16px;width:min(100% - 80px,1000px)}#ui[data-layout=desktop] .levelup-title{flex:none;margin-top:0;margin-bottom:24px}#ui[data-layout=desktop] .levelup .card{max-width:320px;height:260px}#ui[data-layout=desktop] .levelup.n3 .card{max-width:300px}#ui[data-layout=desktop] .levelup.cards-grid .card{max-width:300px;height:150px}#ui[data-layout=desktop] .card-reroll{width:240px;margin:16px 0 0}.card-key,.cards-keys,.key-hints{display:none}#ui[data-input=mouse] .card-key{box-sizing:border-box;color:#e8e2cc;background:#4a4456;border:2px solid #16121c;justify-content:center;align-items:center;width:18px;height:18px;font:700 11px/1 system-ui,sans-serif;display:flex;position:absolute;bottom:4px;right:6px}#ui[data-layout=desktop][data-input=mouse] p.cards-keys{color:var(--dim);white-space:pre;flex:none;margin:12px 0 0;font-size:13px;display:block}#ui[data-layout=desktop][data-input=mouse] .key-hints{right:var(--eR);bottom:var(--eB);box-sizing:border-box;background:var(--panel);border:2px solid var(--outline);color:var(--text);opacity:1;pointer-events:none;gap:16px;padding:8px 12px;font:12px/20px system-ui,sans-serif;transition:opacity .25s linear;display:flex;position:fixed;box-shadow:0 0 0 2px #6e6878}#ui .key-hints.out{opacity:0}.key-row{align-items:center;gap:6px;display:flex}.key-cap{box-sizing:border-box;background:#26222e;border:2px solid #6e6878;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-weight:700;display:inline-flex}#ui:has(.pause,.levelup) .key-hints{display:none!important}@media (hover:hover) and (pointer:fine){.ui-btn.pf:not(.card):not(.card-reroll):hover{border-image-source:var(--f9-focus);filter:brightness(1.12)}.btn-primary:hover,.btn-text:hover{filter:brightness(1.12)}.hud-pause:hover,.hud-mute:hover{filter:brightness(1.3)}#ui .card:hover{transform:translateY(-4px)}.card-common:hover{outline-offset:-2px;outline:2px solid #e8e2cc}.card-rare:hover{outline-offset:-2px;outline:2px solid #7fe8ff}.card-epic:hover{outline-offset:-2px;outline:2px solid #ffe08a}.card-evolution:hover{outline-offset:-2px;outline:2px solid #d9a8ff}.card-reroll:not(.is-disabled):hover{filter:brightness(1.2)}.set-row:hover,.unl-row:hover{background:#3fa9d41f}}@media (prefers-reduced-motion:reduce){#ui .key-hints{transition:none}}#ui .levelup-hint{box-sizing:border-box;text-align:center;color:#e8e2cc;max-width:calc(100% - 16px);text-shadow:0 1px 0 var(--outline);flex:none;margin:2px 0 0;padding:0 8px;font:700 12px/14px system-ui,sans-serif}#ui[data-layout=desktop] .levelup-hint{margin:-16px 0 20px;font-size:14px;line-height:16px}#ui .screen.menu>.menu-col{flex:none;margin:auto 0}#ui .menu-col>.menu-title{margin-bottom:8px}.menu-keys,.pause-keys{display:none}.pause-side,.pause-main,.results-body,.results-actions{display:contents}#ui .pause-quit{order:1}#ui[data-layout=landscape] .screen.menu>.menu-col{gap:8px;padding:8px 0}#ui[data-layout=desktop] .screen.menu>.menu-col{width:420px;max-width:calc(100% - 48px);padding:16px 0}#ui[data-layout=desktop][data-input=mouse] .menu-keys{order:9;margin:0;display:block}#ui[data-layout=landscape] .pause>.pause-col.pf{grid-template-columns:220px minmax(0,1fr);align-items:start;column-gap:16px;width:min(100% - 48px,640px);display:grid}#ui[data-layout=landscape] .pause-side{flex-direction:column;display:flex}#ui[data-layout=landscape] .pause-main{max-height:calc(100vh - var(--eT) - var(--eB) - 56px);overscroll-behavior:contain;padding-right:4px;display:block;overflow-y:auto}#ui[data-layout=landscape] .pause-col .pause-go{width:100%}#ui[data-layout=desktop] .pause-col.pf{width:480px;max-width:calc(100% - 48px)}#ui[data-layout=desktop][data-input=mouse] .pause-keys{color:var(--dim);text-align:center;margin:0 0 12px;font-size:13px;line-height:18px;display:block}#ui[data-layout=landscape] .results-col.pf{grid-template-columns:minmax(0,58fr) minmax(0,38fr);align-items:start;column-gap:20px;width:min(100% - 48px,640px);display:grid}#ui[data-layout=landscape] .results-col>.results-title{grid-column:1/-1;margin-bottom:8px}#ui[data-layout=landscape] .results-col>.results-body{display:block}#ui[data-layout=landscape] .results-col>.results-actions{flex-direction:column;align-self:center;display:flex}#ui[data-layout=landscape] .results-col>:not(.results-title,.results-body,.results-actions){grid-column:1/-1}#ui[data-layout=landscape] .results .stat{height:36px}#ui[data-layout=landscape] .results .stats{margin-bottom:12px}#ui[data-layout=landscape] .results-actions .btn-primary{max-width:none}#ui[data-layout=desktop] .results-col.pf{width:520px;max-width:calc(100% - 48px)}#ui[data-layout=landscape] .set-panel .pause-col.pf{width:min(100% - 48px,720px)}#ui[data-layout=landscape] .set-panel .settings{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;display:grid}#ui[data-layout=landscape] .set-panel .set-done{align-self:center;width:240px}#ui[data-layout=desktop] .set-panel .pause-col.pf{width:560px;max-width:calc(100% - 48px)}
