@font-face{font-family:"Press Start 2P";src:url(../assets/fonts/press-start-2p.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#2e3962 #0c0f1d;margin:0;padding:0}::-webkit-scrollbar{width:.8vmin;height:.8vmin}::-webkit-scrollbar-track{background:#0c0f1d;border:.15vmin solid #1a2035}::-webkit-scrollbar-thumb{background:#2b365e;border:.15vmin solid #3d4a7a}::-webkit-scrollbar-thumb:hover{background:#3c4b82;border-color:#57e6ff}::-webkit-scrollbar-corner{background:#0c0f1d}html,body{background:#07080f;height:100%;overflow:hidden}body{justify-content:center;align-items:center;font-family:"Press Start 2P",Microsoft YaHei,monospace;display:flex}#stage{position:relative;box-shadow:0 0 60px #3c5aff40}canvas{width:100%;height:100%;image-rendering:pixelated;background:#1a1c2c;display:block}.overlay{z-index:10;text-align:center;background:#0a0b14e0;flex-direction:column;justify-content:center;align-items:center;gap:2.2vmin;display:flex;position:absolute;inset:0}.hidden{display:none}h1{color:#57e6ff;text-shadow:.5vmin .5vmin #1a3d8f;letter-spacing:.3vmin;font-size:4.2vmin}h2{color:#ffd24a;letter-spacing:.2vmin;font-size:2.4vmin}p{color:#9aa3c7;font-size:1.7vmin;line-height:2}.accent{color:#ff6b9d}.btn{cursor:pointer;color:#57e6ff;letter-spacing:.2vmin;background:#141a33;border:.4vmin solid #57e6ff;padding:1.6vmin 4vmin;font-family:inherit;font-size:2vmin;transition:all .1s}.btn:hover{color:#0b0c14;background:#57e6ff;transform:translateY(-.3vmin)}#cards{gap:2vmin;display:flex}.card{cursor:pointer;background:#161a2e;border:.4vmin solid #3d4a7a;flex-direction:column;align-items:center;gap:1.6vmin;width:22vmin;min-height:26vmin;padding:2vmin 1.4vmin;transition:all .12s;display:flex}.card:hover{background:#1c2240;border-color:#ffd24a;transform:translateY(-.8vmin)scale(1.03)}.card.new{border-color:#ff6b9d}.card .ico{font-size:4.6vmin}.card .nm{color:#57e6ff;font-size:1.7vmin}.card .ds{color:#9aa3c7;font-size:1.4vmin;line-height:1.9}.card .lv{color:#ff6b9d;font-size:1.2vmin}.card .up{color:#4dff88;font-size:1.25vmin;line-height:1.7}.card .tier{letter-spacing:.2vmin;font-size:1.2vmin}.card.r0{border-color:#c7cff2}.card.r0 .tier{color:#e8e8f0}.card.r1{border-color:#2f9e5f}.card.r1 .tier{color:#4dff88}.card.r2{border-color:#8a4fd4}.card.r2 .tier{color:#c07bff}.card.r3{border-color:#c9a227}.card.r3 .tier{color:#ffd24a}.card .cat{font-size:1.2vmin}.card{position:relative}.refr{cursor:pointer;color:#c7cff2;background:#141a33;border:.25vmin solid #3d4a7a;padding:.5vmin .8vmin;font-family:inherit;font-size:1.4vmin;position:absolute;top:.5vmin;right:.5vmin}.refr:hover{color:#57e6ff;border-color:#57e6ff}.mcard{cursor:pointer;background:#161a2e;border:.4vmin solid #3d4a7a;flex-direction:column;align-items:center;gap:1vmin;width:19vmin;min-height:15vmin;padding:1.2vmin;transition:all .12s;display:flex}.mcard:hover{border-color:#ffd24a;transform:translateY(-.5vmin)}.mcard .ico{font-size:3.2vmin}.mcard .nm{color:#57e6ff;font-size:1.4vmin}.mcard .ds{color:#9aa3c7;font-size:1.2vmin;line-height:1.7}.mcard.r0{border-color:#c7cff2}.mcard.r1{border-color:#2f9e5f}.mcard.r2{border-color:#8a4fd4}.mcard.r3{border-color:#c9a227}#inv-list{flex-wrap:wrap;justify-content:center;gap:.8vmin;max-width:82vmin;max-height:18vmin;display:flex;overflow-y:auto}#inv-list span{color:#c7cff2;cursor:pointer;background:#141a33;border:.25vmin solid #3d4a7a;padding:.6vmin 1vmin;font-size:1.3vmin}#inv-list span.t0{border-color:#c7cff2}#inv-list span.t1{border-color:#2f9e5f}#inv-list span.t2{border-color:#8a4fd4}#inv-list span.t3{border-color:#c9a227}#inv-list span.sel{color:#ff6b9d;border-color:#ff6b9d!important}.swb{padding:1vmin 1.6vmin!important;font-size:1.4vmin!important}.keys{flex-wrap:wrap;justify-content:center;gap:1vmin;display:flex}.key{color:#c7cff2;background:#141a33;border:.3vmin solid #3d4a7a;padding:.8vmin 1.4vmin;font-size:1.4vmin}#report-list{text-align:left;grid-template-columns:1fr 1fr;gap:.8vmin 3vmin;max-height:52vmin;padding:1vmin;font-size:1.5vmin;display:grid;overflow-y:auto}#report-list .k{color:#9aa3c7}#report-list .v{color:#e8fbff}.stats-container{flex-direction:row;justify-content:center;align-items:stretch;gap:2.5vmin;width:94%;max-width:145vmin;height:68vmin;max-height:72vmin;display:flex}.stats-col{box-sizing:border-box;text-align:left;background:#101426bf;border:.3vmin solid #2a3356;flex-direction:column;flex:50%;min-width:0;padding:1.4vmin 1.8vmin;display:flex}.stats-col-left{padding-right:1.2vmin;overflow-y:auto}.stats-col-right{flex-direction:column;min-height:0;display:flex;overflow:hidden}.stats-group-title{color:#ffd24a;letter-spacing:.15vmin;border-bottom:.2vmin solid #3d4a7a;margin:.6vmin 0 .8vmin;padding-bottom:.4vmin;font-size:1.6vmin}.stat-group-grid{grid-template-columns:1fr 1fr;gap:.6vmin 2vmin;margin-bottom:1.2vmin;font-size:1.35vmin;display:grid}.stat-group-grid .row{border-bottom:.15vmin solid #23283d;justify-content:space-between;align-items:center;gap:1.2vmin;padding:.45vmin 0;display:flex}.stat-group-grid .k{color:#9aa3c7}.stat-group-grid .v{color:#e8fbff;font-weight:700}.stat-group-grid .row.dim .k,.stat-group-grid .row.dim .v,.stat-group-grid .v.dim{font-weight:400;color:#4f587a!important}#talent-list{flex-direction:column;flex:auto;gap:1.2vmin;min-height:0;margin-bottom:1.2vmin;padding-right:.8vmin;display:flex;overflow-y:auto}.talent-cat-group{flex-direction:column;gap:.6vmin;display:flex}.talent-cat-header{align-items:center;gap:.6vmin;padding:.2vmin 0;font-size:1.35vmin;font-weight:700;display:flex}.talent-cat-tags{flex-wrap:wrap;gap:.8vmin;display:flex}.talent-tag{color:#c7cff2;cursor:pointer;-webkit-user-select:none;user-select:none;background:#141a33;border:.25vmin solid #3d4a7a;padding:.6vmin 1vmin;font-size:1.25vmin;transition:all .12s}.talent-tag:hover{background:#1c2347;transform:translateY(-.2vmin)}.talent-tag.active{background:#242e5a;transform:translateY(-.2vmin);box-shadow:0 0 .8vmin #fff6}.talent-tag.t0{color:#e8e8f0;border-color:#8b9bb4}.talent-tag.t1{color:#4dff88;border-color:#2f9e5f}.talent-tag.t2{color:#c07bff;border-color:#8a4fd4}.talent-tag.t3{color:#ffd24a;border-color:#c9a227}.talent-empty{color:#5d678c;text-align:center;padding:2vmin 0;font-size:1.35vmin}.talent-tooltip{z-index:50;pointer-events:none;text-align:left;box-sizing:border-box;opacity:1;background:#0e1224f5;border:.3vmin solid #3d4a7a;flex-direction:column;gap:.8vmin;width:32vmin;min-width:250px;max-width:38vmin;padding:1.4vmin 1.6vmin;transition:opacity 80ms ease-out;display:flex;position:absolute;box-shadow:0 .8vmin 2.5vmin #000c,0 0 1.2vmin #283c7866}.talent-tooltip.hidden{opacity:0;display:none!important}.talent-tooltip.tt-t0{border-color:#8b9bb4;box-shadow:0 .8vmin 2.5vmin #000c,0 0 1vmin #e8e8f033}.talent-tooltip.tt-t1{border-color:#2f9e5f;box-shadow:0 .8vmin 2.5vmin #000c,0 0 1.2vmin #4dff8840}.talent-tooltip.tt-t2{border-color:#8a4fd4;box-shadow:0 .8vmin 2.5vmin #000c,0 0 1.4vmin #c07bff4d}.talent-tooltip.tt-t3{border-color:#ffd24a;box-shadow:0 .8vmin 2.5vmin #000c,0 0 1.6vmin #ffd24a59}.tt-header{align-items:center;gap:1.2vmin;display:flex}.tt-ico{font-size:3.2vmin;line-height:1}.tt-title-wrap{flex-direction:column;gap:.3vmin;display:flex}.tt-name{letter-spacing:.08vmin;font-size:1.5vmin;font-weight:700}.tt-name.t0{color:#e8e8f0}.tt-name.t1{color:#4dff88}.tt-name.t2{color:#c07bff}.tt-name.t3{color:#ffd24a}.tt-sub{align-items:center;gap:.8vmin;font-size:1.15vmin;display:flex}.tt-tier{border:.15vmin solid;padding:.1vmin .4vmin;font-size:1.05vmin}.tt-tier.t0{color:#e8e8f0;border-color:#8b9bb4}.tt-tier.t1{color:#4dff88;border-color:#2f9e5f}.tt-tier.t2{color:#c07bff;border-color:#8a4fd4}.tt-tier.t3{color:#ffd24a;border-color:#c9a227}.tt-lvl{color:#ff6b9d;font-weight:700}.tt-divider{background:#23283d;height:.15vmin;margin:.1vmin 0}.tt-section{flex-direction:column;gap:.3vmin;display:flex}.tt-label{color:#727eab;letter-spacing:.1vmin;text-transform:uppercase;font-size:1vmin}.tt-desc{color:#9aa3c7;font-size:1.25vmin;line-height:1.6}.tt-cur-box{background:#1e2a4b73;border-left:.3vmin solid #57e6ff;flex-direction:column;gap:.2vmin;padding:.6vmin .8vmin;display:flex}.tt-cur-box .tt-label{color:#57e6ff}.tt-cur-val{color:#e8fbff;font-size:1.3vmin;font-weight:700;line-height:1.5}.tt-next-box{background:#19372659;border-left:.3vmin solid #4dff88;flex-direction:column;gap:.2vmin;padding:.5vmin .8vmin;display:flex}.tt-next-box .tt-label{color:#4dff88}.tt-next-val{color:#a4f5c2;font-size:1.2vmin;line-height:1.5}.tt-maxed{color:#ffd24a;text-align:center;letter-spacing:.1vmin;padding:.3vmin 0;font-size:1.15vmin}@media (width<=768px),(height<=520px){.stats-container{flex-direction:column;height:72vmin;max-height:72vmin;overflow-y:auto}.stats-col{flex:none;width:100%;max-height:none;overflow:visible}#talent-list{max-height:28vmin;overflow-y:auto}}.level-panel{z-index:12;-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0e1cb8;border:.25vmin solid #57e6ff73;flex-direction:column;align-items:center;gap:1.2vmin;padding:1.6vmin 2.4vmin 2vmin;display:flex;position:absolute;bottom:2vmin;left:50%;transform:translate(-50%);box-shadow:0 1vmin 3.5vmin #000000a6,0 0 2vmin #57e6ff26}.level-panel.hidden{display:none!important}.level-header{flex-direction:column;align-items:center;gap:.3vmin;display:flex}.bp-title{color:#ffd24a;letter-spacing:.15vmin;text-shadow:0 .2vmin .6vmin #000c;text-align:center;font-size:1.6vmin;line-height:1.4}.level-subhint{color:#7d8bb3;letter-spacing:.05vmin;font-size:1.15vmin}#bp-cards{justify-content:center;gap:2.2vmin;width:100%;display:flex}#bp-cards .card{cursor:pointer;box-sizing:border-box;background:#101528e6;border:.3vmin solid #3d4a7a;flex-direction:column;align-items:center;gap:.8vmin;width:19.5vmin;min-height:22vmin;padding:1.4vmin 1.2vmin;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:flex;position:relative}#bp-cards .card:hover{background:#18203cf5;transform:translateY(-.8vmin);box-shadow:0 .8vmin 2.5vmin #000000b3,0 0 1.2vmin #57e6ff4d}#bp-cards .card.r0{border-color:#8b9bb4}#bp-cards .card.r0:hover{border-color:#c7cff2;box-shadow:0 .8vmin 2.5vmin #000000b3,0 0 1vmin #e8e8f040}#bp-cards .card.r1{border-color:#2f9e5f}#bp-cards .card.r1:hover{border-color:#4dff88;box-shadow:0 .8vmin 2.5vmin #000000b3,0 0 1.2vmin #4dff884d}#bp-cards .card.r2{border-color:#8a4fd4}#bp-cards .card.r2:hover{border-color:#c07bff;box-shadow:0 .8vmin 2.5vmin #000000b3,0 0 1.4vmin #c07bff59}#bp-cards .card.r3{border-color:#c9a227}#bp-cards .card.r3:hover{border-color:#ffd24a;box-shadow:0 .8vmin 2.5vmin #000000b3,0 0 1.6vmin #ffd24a66}#bp-cards .card .tier{letter-spacing:.1vmin;font-size:1.1vmin;font-weight:700}#bp-cards .card .cat{font-size:1.1vmin}#bp-cards .card .refr{cursor:pointer;color:#9aa3c7;background:#0e1224e6;border:.2vmin solid #3d4a7a;border-radius:.2vmin;padding:.3vmin .5vmin;font-size:1.2vmin;line-height:1;transition:all .1s;position:absolute;top:.6vmin;right:.6vmin}#bp-cards .card .refr:hover{color:#57e6ff;background:#1c264a;border-color:#57e6ff;transform:rotate(45deg)}#bp-cards .card .ico{margin:.2vmin 0;font-size:3.2vmin;line-height:1}#bp-cards .card .nm{color:#57e6ff;text-align:center;font-size:1.4vmin;font-weight:700}#bp-cards .card .ds{color:#9aa3c7;text-align:center;flex:auto;align-items:center;font-size:1.15vmin;line-height:1.5;display:flex}#bp-cards .card .up{color:#4dff88;text-align:center;box-sizing:border-box;background:#1e503059;border-left:.25vmin solid #4dff88;width:100%;padding:.3vmin .5vmin;font-size:1.15vmin;line-height:1.5}#bp-cards .card .lv{color:#ff6b9d;letter-spacing:.05vmin;font-size:1.05vmin;font-weight:700}.rest-panel{z-index:11;-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0e1cb3;border:.25vmin solid #57e6ff66;flex-direction:column;align-items:center;gap:1.2vmin;width:92%;max-width:110vmin;padding:1.6vmin 2.6vmin 1.8vmin;display:flex;position:absolute;bottom:1.6vmin;left:50%;transform:translate(-50%);box-shadow:0 1vmin 3.5vmin #000000a6}.rest-panel.hidden{display:none!important}.rest-header{text-align:center;width:100%}.rest-title{color:#ffd24a;letter-spacing:.18vmin;text-shadow:0 .2vmin .8vmin #ffd24a59;font-size:1.6vmin;font-weight:700}.rest-body{flex-direction:column;align-items:center;gap:1.2vmin;width:100%;display:flex}.rest-report-wrap{flex-direction:column;align-items:center;gap:.6vmin;width:100%;display:flex}.rest-section-title{color:#7d8bb3;letter-spacing:.1vmin;font-size:1.15vmin}#bp-report{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8vmin 1.4vmin;width:100%;font-size:1.35vmin;line-height:1.6;display:flex}#bp-report .tot{color:#ffd24a;letter-spacing:.1vmin;background:#ffd24a26;border:.2vmin solid #ffd24a;padding:.35vmin 1vmin;font-size:1.45vmin;font-weight:700;box-shadow:0 0 .8vmin #ffd24a40}#bp-report .it{color:#9aa3c7;background:#121830bf;border:.2vmin solid #2e3a66;align-items:center;gap:.5vmin;padding:.35vmin .9vmin;display:inline-flex}#bp-report .it b{color:#e8fbff;font-weight:700}.bp-actions{align-items:center;gap:2vmin;margin-top:.2vmin;display:flex}#bp-next{color:#57e6ff;background:#0e1e38d9;border-color:#57e6ff;padding:1.1vmin 3.2vmin;font-size:1.55vmin;font-weight:700;box-shadow:0 .4vmin 1.6vmin #00000080,0 0 1vmin #57e6ff4d}#bp-next:hover{color:#0b0c14;background:#57e6ff;transform:translateY(-.3vmin);box-shadow:0 .6vmin 2vmin #57e6ff80}#bp-swapbtn{color:#ffd24a;background:#1a160acc;border-color:#c9a227;padding:1vmin 2.4vmin;font-size:1.45vmin}#bp-swapbtn:hover{color:#0b0c14;background:#ffd24a;transform:translateY(-.3vmin)}#sw-form{flex-direction:column;align-items:center;gap:1.2vmin;width:100%;display:flex}#sw-form.hidden{display:none!important}#sw-result{flex-direction:column;align-items:center;gap:1.2vmin;padding:.6vmin 1vmin;animation:.22s ease-out popIn;display:flex}#sw-result.hidden{display:none!important}.sw-result-title{color:#ffd24a;letter-spacing:.2vmin;text-shadow:0 0 1.2vmin #ffd24ab3;font-size:1.7vmin;font-weight:700}.sw-card{box-sizing:border-box;background:#12162cf2;border:.35vmin solid #ffd24a;flex-direction:column;align-items:center;gap:.8vmin;width:24vmin;min-height:20vmin;padding:1.4vmin 1.2vmin;display:flex;box-shadow:0 .8vmin 3vmin #000c,0 0 1.6vmin #ffd24a66}.sw-card.t0{border-color:#8b9bb4;box-shadow:0 .8vmin 3vmin #000c,0 0 1.2vmin #e8e8f04d}.sw-card.t1{border-color:#2f9e5f;box-shadow:0 .8vmin 3vmin #000c,0 0 1.4vmin #4dff8866}.sw-card.t2{border-color:#8a4fd4;box-shadow:0 .8vmin 3vmin #000c,0 0 1.6vmin #c07bff73}.sw-card.t3{border-color:#ffd24a;box-shadow:0 .8vmin 3vmin #000c,0 0 2vmin #ffd24a80}.sw-card .sw-tier{letter-spacing:.1vmin;font-size:1.15vmin;font-weight:700}.sw-card.t0 .sw-tier{color:#e8e8f0}.sw-card.t1 .sw-tier{color:#4dff88}.sw-card.t2 .sw-tier{color:#c07bff}.sw-card.t3 .sw-tier{color:#ffd24a}.sw-card .sw-ico{margin:.2vmin 0;font-size:3.6vmin;line-height:1}.sw-card .sw-name{color:#57e6ff;letter-spacing:.08vmin;font-size:1.5vmin;font-weight:700}.sw-card .sw-desc{color:#9aa3c7;text-align:center;font-size:1.15vmin;line-height:1.5}.sw-card .sw-cur{color:#4dff88;text-align:center;box-sizing:border-box;background:#1e503059;border-left:.25vmin solid #4dff88;width:100%;padding:.4vmin .6vmin;font-size:1.15vmin;line-height:1.5}#sw-confirm{cursor:pointer;font-weight:700;transition:all .1s;box-shadow:0 .4vmin 1.6vmin #ffd24a66;color:#0b0c14!important;background:#ffd24a!important;border-color:#ffd24a!important;padding:1vmin 3.6vmin!important;font-size:1.45vmin!important}#sw-confirm:hover{transform:translateY(-.25vmin);box-shadow:0 .6vmin 2vmin #ffd24a99;background:#ffe37d!important}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}#bp-swap{box-sizing:border-box;background:#14120ce0;border:.25vmin solid #c9a227;flex-direction:column;align-items:center;gap:1.2vmin;width:100%;max-width:92vmin;padding:1.4vmin 1.8vmin;display:flex;box-shadow:0 0 1.6vmin #c9a22740}#bp-swap.hidden{display:none!important}#bp-swap .swap-header,#bp-swap .swap-targets{flex-wrap:wrap;justify-content:center;align-items:center;gap:1vmin;display:flex}#sw-hint{color:#ffd24a;background:#241c0ce6;border-color:#c9a227;font-size:1.25vmin}#bp-swap .swb{padding:.7vmin 1.3vmin!important;font-size:1.25vmin!important}#sw-inv{background:#0a0c1499;border:.15vmin solid #2a2c3a;flex-wrap:wrap;justify-content:center;gap:.8vmin;max-width:88vmin;max-height:15vmin;padding:.6vmin;display:flex;overflow-y:auto}#sw-inv span{color:#c7cff2;cursor:pointer;background:#141a33;border:.2vmin solid #3d4a7a;padding:.5vmin .9vmin;font-size:1.2vmin;transition:all .1s}#sw-inv span:hover{transform:translateY(-.2vmin)}#sw-inv span.sel{color:#ff6b9d;background:#2b1828;box-shadow:0 0 .8vmin #ff6b9d66;border-color:#ff6b9d!important}#sw-inv span.t0{border-color:#c7cff2}#sw-inv span.t1{border-color:#2f9e5f}#sw-inv span.t2{border-color:#8a4fd4}#sw-inv span.t3{border-color:#c9a227}#sw-melt{color:#ff6b9d;background:#2d0f19cc;border-color:#ff6b9d;padding:.9vmin 2.6vmin!important;font-size:1.45vmin!important}#sw-melt:hover{color:#0b0c14;background:#ff6b9d;transform:translateY(-.2vmin)}#btn-pause{z-index:5;cursor:pointer;color:#c7cff2;background:#141a33cc;border:.3vmin solid #3d4a7a;padding:.8vmin 1.2vmin;font-family:inherit;font-size:1.6vmin;position:absolute;bottom:1vmin;right:1vmin}#btn-pause:hover{color:#57e6ff;border-color:#57e6ff}#game{width:100%;height:100%}.overlay{max-height:100%;padding:2vmin;overflow-y:auto}#bottom-bar{max-height:90%;overflow-y:auto}.btn:focus-visible,.card:focus-visible{outline-offset:2px;outline:2px solid #ffd24a}.version{font-size:1.2vmin}.btn:disabled{opacity:.5;cursor:wait}