*{box-sizing:border-box}html,body{margin:0;background:#050812;color:#e6f1ff;font:14px system-ui;overscroll-behavior:none;height:100%;overflow:hidden}button{font:inherit;color:inherit;border:1px solid #294255;background:#122033;border-radius:10px;padding:10px;cursor:pointer}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}main{max-width:1000px;margin:auto;height:100dvh;padding: max(8px,env(safe-area-inset-top)) 10px max(6px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px}header{display:flex;align-items:center;gap:7px}header>div{flex:1}header b{letter-spacing:2px;font-size:17px}em{font-style:normal;color:#65f2d0}small{display:block;color:#91a7c3;font-size:10px}header button{padding:7px 10px}#rank{margin-top:3px}.stats{display:flex;gap:8px}.stats>div{flex:1;background:#101929;padding:7px 10px;border:1px solid #1d2b40;border-radius:9px;font-size:10px;position:relative}.stats strong{display:block;font-size:21px;font-variant-numeric:tabular-nums}.stats small{display:inline;font-size:9px}.xp{height:3px;background:#1d293f}.xp i{display:block;height:100%;background:#6cf4cf;width:0;transition:width .2s}#arena{position:relative;flex:1;min-height:100px;border:1px solid #233b50;border-radius:14px;overflow:hidden;background:#080d19}canvas{width:100%;height:100%;display:block;touch-action:none}#hint{position:absolute;top:12px;width:100%;text-align:center;font-size:11px;color:#8197af;pointer-events:none}#toast{position:absolute;top:40%;left:10%;width:80%;text-align:center;color:#7affd9;font-weight:700;pointer-events:none;text-shadow:0 2px 8px black}#hull{position:absolute;bottom:14px;left:14px;width:120px;height:7px;background:#342334;border-radius:9px;overflow:hidden}#hull i{height:100%;display:block;background:#69ebc8;width:100%}#ability{position:absolute;right:12px;bottom:12px;border-color:#4b9c96;background:#112d39e8;font-size:11px}nav{display:flex;gap:5px}nav button{flex:1;padding:11px 2px;font-size:12px}footer{display:flex;justify-content:space-between;font-size:10px;color:#8aa0bb}#gain{position:absolute;right:8px;top:17px;color:#7bffab;font-weight:bold;transition:opacity .5s}#overlay{position:fixed;inset:0;background:#000a;z-index:10;display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(8px)}#overlay[hidden]{display:none}article{width:760px;max-width:100%;max-height:92dvh;background:#0c1423;border:1px solid #375068;border-radius:18px;display:flex;flex-direction:column;box-shadow:0 30px 100px #000}.modalhead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #243347}.modalhead h2{margin:0;font-size:18px}#content{padding:15px;overflow:auto}p{color:#a5b7cf;line-height:1.5;margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.card{border:1px solid #293c53;border-radius:12px;padding:12px;background:#101e30}.card.active{border-color:#64efcd}.card h3{font-size:14px;margin:3px 0 5px}.card p{font-size:11px;min-height:32px;margin-bottom:8px}.card button{width:100%;font-size:11px}.icon{font-size:28px;line-height:35px}.row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.row button{flex:1;white-space:nowrap}.selected{border-color:#70f4cf;color:#70f4cf}.tag{color:#67eaca;font-size:10px;letter-spacing:1px}.perk{display:flex;align-items:center;gap:10px;margin:8px 0;padding:12px;background:#111f30;border:1px solid #243951;border-radius:11px}.perk>div{flex:1}.perk b{font-size:13px}.perk p{font-size:11px;margin:4px 0}.perk button{font-size:11px;min-width:87px}.note{padding:12px;background:#15273a;border-radius:10px;font-size:12px;margin-bottom:12px}input{max-width:100%}@media(min-width:700px){main{padding:12px 20px}header b{font-size:22px}.grid{grid-template-columns:repeat(5,1fr)}#arena{min-height:200px}.stats strong{display:inline;margin-left:12px}.stats>div{font-size:11px}}

.specgrid{grid-template-columns:repeat(2,1fr)}.specgrid .card:last-child{grid-column:1/-1}.specgrid small{margin-bottom:10px}nav button{font-size:11px}@media(min-width:700px){.specgrid{grid-template-columns:repeat(5,1fr)}.specgrid .card:last-child{grid-column:auto}}

.brandicon{width:34px;height:34px;object-fit:cover;border-radius:8px;border:1px solid #437d7a}header b{font-size:15px;letter-spacing:1.4px}@media(min-width:700px){header b{font-size:22px}}

#threat{cursor:pointer;color:#ffba83;display:block;padding-top:2px;font-size:9px}#threat:active{color:#fff}

#bossHud{position:absolute;top:8px;left:10px;right:10px;padding:7px 9px;background:#0a1024eb;border:1px solid #5b4964;border-radius:8px;pointer-events:none}#bossHud>div:first-child{display:flex;justify-content:space-between;gap:6px;margin-bottom:5px;font-size:9px}#bossName{font-weight:600}#bossLife{white-space:nowrap;color:#dce7fc;font-variant-numeric:tabular-nums}.bossTrack{height:4px;background:#392437;border-radius:4px;overflow:hidden}.bossTrack i{height:100%;display:block;width:100%}#bossHud:not([hidden])~#hint{display:none}