@font-face{font-family:"Press Start 2P";src:url(../assets/fonts/press-start-2p.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}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}#talent-desc{color:#e8fbff;border:.25vmin dashed #3d4a7a;max-width:66vmin;min-height:4vmin;padding:1vmin 1.6vmin;font-size:1.4vmin;line-height:1.8}.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}#stat-grid,#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}#stat-grid .row{border-bottom:.2vmin solid #23283d;justify-content:space-between;gap:2vmin;padding:.5vmin 0;display:flex}#stat-grid .k,#report-list .k{color:#9aa3c7}#stat-grid .v,#report-list .v{color:#e8fbff}#talent-list{flex-wrap:wrap;justify-content:center;gap:.8vmin;max-width:70vmin;max-height:16vmin;display:flex;overflow-y:auto}#talent-list span{color:#c7cff2;background:#141a33;border:.25vmin solid #3d4a7a;padding:.6vmin 1vmin;font-size:1.3vmin}#bottom-bar{z-index:8;background:#0a0c16ed;border-top:.3vmin solid #3d4a7a;flex-direction:column;align-items:center;gap:1.8vmin;padding:1.6vmin 2vmin;display:flex;position:absolute;bottom:0;left:0;right:0}#bottom-bar.hidden{display:none}.bp-title{color:#ffd24a;letter-spacing:.2vmin;font-size:1.8vmin;line-height:1.6}#bp-cards{gap:1.4vmin;display:flex}#bp-cards .card{gap:.7vmin;width:17vmin;min-height:17vmin;padding:1vmin .8vmin}#bp-cards .card .ico{font-size:2.8vmin}#bp-cards .card .nm{font-size:1.3vmin}#bp-cards .card .ds{font-size:1.15vmin;line-height:1.6}#bp-cards .card .up{font-size:1.1vmin}#bp-cards .card .lv{font-size:1vmin}#bp-report{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.8vmin 2.8vmin;font-size:1.6vmin;line-height:1.7;display:flex}#bp-report .tot{color:#ffd24a;font-size:2vmin}#bp-report .it{color:#9aa3c7}#bp-report .it b{color:#e8fbff}#bp-swap{background:#c9a22712;border:.3vmin solid #c9a227;flex-direction:column;align-items:center;gap:1.2vmin;width:100%;padding:1.4vmin 1.6vmin;display:flex}#bp-swap.hidden{display:none}.bp-actions{gap:2vmin;margin-top:.8vmin;display:flex}.bp-actions .btn{padding:1.1vmin 2.8vmin;font-size:1.5vmin}#sw-inv{flex-wrap:wrap;justify-content:center;gap:.9vmin;max-width:88vmin;display:flex}#sw-inv span{color:#c7cff2;cursor:pointer;background:#141a33;border:.25vmin solid #3d4a7a;padding:.6vmin 1.1vmin;font-size:1.25vmin}#sw-inv span.sel{color:#ff6b9d;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}#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}