:root{--bg: #0e1016;--bg-2: #161a24;--bg-3: #1e2430;--card: #171b26;--card-2: #1d2330;--line: #2a3242;--txt: #e7ecf4;--txt-dim: #9aa6b8;--txt-mut: #6b7585;--gold: #e0a313;--gold-2: #ffce4d;--green: #2ecc71;--red: #e74c3c;--blue: #3aa0ff;--purple: #b964ff;--energy: #45c6ff;--hp: #ff5a6e;--respect: #ffb02e;--euro: #5ad17a;--radius: 14px;--shadow: 0 6px 20px rgba(0,0,0,.35);--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;background:var(--bg);color:var(--txt);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}a{color:var(--gold-2);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg)}.screen{flex:1;padding:12px 12px calc(86px + var(--safe-bot));padding-top:calc(8px + var(--safe-top));overflow-y:auto}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,var(--bg-2),rgba(22,26,36,.92));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:calc(6px + var(--safe-top)) 10px 8px}.topbar-row{display:flex;align-items:center;gap:8px}.topbar-id{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.avatar{width:38px;height:38px;border-radius:10px;flex:none;background:var(--bg-3);border:1px solid var(--line);display:grid;place-items:center;font-size:20px;overflow:hidden}.avatar img{width:100%;height:100%}.topbar-name{font-weight:700;font-size:14px;line-height:1.1}.topbar-sub{font-size:11px;color:var(--txt-dim);display:flex;gap:6px;align-items:center}.currencies{display:flex;gap:6px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;white-space:nowrap}.chip .ico{font-size:13px}.chip.lei{color:var(--gold-2)}.chip.euro{color:var(--euro)}.chip.respect{color:var(--respect)}.bars{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.bar{background:var(--bg-3);border-radius:8px;overflow:hidden;position:relative;height:20px;border:1px solid var(--line)}.bar-fill{height:100%;transition:width .4s ease}.bar-fill.hp{background:linear-gradient(90deg,#ff5a6e,#ff8a4c)}.bar-fill.energy{background:linear-gradient(90deg,#45c6ff,#5a8cff)}.bar-fill.xp{background:linear-gradient(90deg,var(--gold),var(--gold-2))}.bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}.card h2{margin:0 0 10px;font-size:16px}.card h3{margin:0 0 6px;font-size:14px}.muted{color:var(--txt-dim)}.tiny{font-size:11px}.section-title{font-size:13px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.06em;margin:14px 4px 8px;font-weight:700}.btn{border:none;border-radius:11px;padding:11px 14px;font-weight:700;font-size:14px;background:var(--bg-3);color:var(--txt);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .06s,filter .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1d00;border:none}.btn.danger{background:linear-gradient(180deg,#ff6b7a,var(--red));color:#fff;border:none}.btn.green{background:linear-gradient(180deg,#4fe08a,#25b15f);color:#06210f;border:none}.btn.ghost{background:transparent}.btn.block{display:flex;width:100%}.btn.sm{padding:7px 11px;font-size:12px;border-radius:9px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.list-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:var(--card-2);border:1px solid var(--line);margin-bottom:8px}.list-item .ic{width:40px;height:40px;border-radius:9px;background:var(--bg-3);display:grid;place-items:center;font-size:22px;flex:none}.grow{flex:1;min-width:0}.locked{opacity:.5}.pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--bg-3);border:1px solid var(--line)}.pill.lock{color:var(--txt-mut)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--card-2);border:1px solid var(--line);border-radius:11px;padding:10px;display:flex;align-items:center;justify-content:space-between}.stat .v{font-weight:800;font-size:18px}.stat .n{font-size:12px;color:var(--txt-dim)}.navbar{position:fixed;bottom:0;left:0;right:0;z-index:40;max-width:520px;margin:0 auto;background:linear-gradient(0deg,var(--bg-2),rgba(22,26,36,.96));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 4px calc(6px + var(--safe-bot))}.nav-btn{background:none;border:none;color:var(--txt-mut);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;padding:4px 0;position:relative}.nav-btn .ni{font-size:20px}.nav-btn.active{color:var(--gold-2)}.nav-btn .badge{position:absolute;top:0;right:50%;margin-right:-22px;background:var(--red);color:#fff;font-size:9px;font-weight:800;min-width:15px;height:15px;border-radius:999px;display:grid;place-items:center;padding:0 3px}.nav-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nav-more-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);color:var(--txt);font-size:11px}.nav-more-item .nmi{font-size:24px}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.region-card{border:2px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--card-2);display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;transition:border-color .15s}.region-card.sel{border-color:var(--gold-2);box-shadow:0 0 0 3px #e0a3132e}.region-emblem{width:64px;height:64px}.region-name{font-weight:800}.region-bonus{font-size:11px;color:var(--gold-2);font-weight:700}.auth-wrap{display:flex;flex-direction:column;gap:14px;padding:18px;max-width:460px;margin:0 auto}.logo{text-align:center;font-size:30px;font-weight:900;letter-spacing:.02em}.logo .ro{color:var(--gold-2)}.input{width:100%;padding:12px 13px;border-radius:11px;background:var(--bg-2);border:1px solid var(--line);color:var(--txt);font-size:15px}.input:focus{outline:none;border-color:var(--gold)}.field-label{font-size:12px;color:var(--txt-dim);margin:0 0 5px 2px;font-weight:600}.err{background:#e74c3c24;border:1px solid rgba(231,76,60,.4);color:#ff9e96;padding:9px 12px;border-radius:10px;font-size:13px}.ok{background:#2ecc711f;border:1px solid rgba(46,204,113,.4);color:#84e6ad;padding:9px 12px;border-radius:10px;font-size:13px}.center{text-align:center}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--gold-2);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.lvl-badge{display:inline-grid;place-items:center;min-width:20px;height:19px;padding:0 7px;border-radius:7px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1d00;font-weight:800;font-size:11px;line-height:1;vertical-align:middle;box-shadow:0 1px 3px #0000004d}.rarity-comun{color:#9aa4b2}.rarity-rar{color:var(--blue)}.rarity-epic{color:var(--purple)}.rarity-legendar{color:var(--gold-2)}.b-comun{border-color:#3a4252}.b-rar{border-color:#3aa0ff80}.b-epic{border-color:#b964ff80}.b-legendar{border-color:#ffce4d8c}.tabs{display:flex;gap:6px;margin-bottom:12px}.tab{flex:1;padding:8px;border-radius:10px;background:var(--bg-3);border:1px solid var(--line);color:var(--txt-dim);font-weight:700;font-size:12px;text-align:center}.tab.active{background:var(--gold);color:#2a1d00;border-color:var(--gold)}.reward-burst{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:200;pointer-events:none;display:flex;flex-direction:column;gap:6px;align-items:center}.reward-burst .rb{font-weight:900;font-size:26px;color:var(--gold-2);text-shadow:0 2px 10px rgba(0,0,0,.6);animation:rbpop 1.3s ease-out forwards}@keyframes rbpop{0%{opacity:0;transform:translateY(14px) scale(.6)}18%{opacity:1;transform:translateY(0) scale(1.12)}35%{transform:scale(1)}to{opacity:0;transform:translateY(-46px) scale(1)}}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(96px + var(--safe-bot));z-index:210;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--bg-3);border:1px solid var(--line);color:var(--txt);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:var(--shadow);animation:toastin .25s ease;max-width:92%}.toast.bad{border-color:#e74c3c80;color:#ff9e96}.toast.good{border-color:#2ecc7180;color:#84e6ad}@keyframes toastin{0%{opacity:0;transform:translateY(10px)}}.fight-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:10px}.fighter{text-align:center}.fighter .hpbar{height:8px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin-top:6px;border:1px solid var(--line)}.fighter .hpbar>div{height:100%;background:linear-gradient(90deg,#ff5a6e,#ff8a4c);transition:width .3s}.vs{font-weight:900;color:var(--red)}.log-line{font-size:13px;padding:6px 8px;border-bottom:1px solid var(--line)}.log-line.crit{color:var(--gold-2);font-weight:700}.log-line.miss{color:var(--txt-mut)}.replay-head{text-align:center;letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:15px;color:var(--gold-2)}.replay-meta{text-align:center;font-size:11px;color:var(--txt-mut);margin-bottom:12px}.replay-fighters{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;margin-bottom:14px}.rf{text-align:center;min-width:0}.rf .ava{width:66px;height:66px;margin:0 auto;border-radius:13px;border:2px solid var(--line);background:var(--bg-3);display:grid;place-items:center;overflow:hidden;font-size:30px}.rf .ava img{width:100%;height:100%}.rf .lvl{display:inline-block;background:var(--gold);color:#2a1d00;font-weight:800;font-size:10px;border-radius:999px;padding:1px 7px;margin-top:5px}.rf .nm{font-weight:700;font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rf .hp{height:10px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin-top:7px;border:1px solid var(--line)}.rf .hp>div{height:100%;background:linear-gradient(90deg,#37d67a,#2ba85f);transition:width .3s ease}.rf .hpn{font-size:11px;color:var(--txt-dim);margin-top:3px;font-variant-numeric:tabular-nums}.replay-vs{align-self:center;font-weight:900;color:var(--red);font-size:16px}.statcmp{background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:6px 10px;margin-bottom:12px}.sc-row{display:grid;grid-template-columns:26px 1fr 78px 1fr 26px;align-items:center;gap:7px;padding:5px 0;font-size:12px}.sc-row .lv{text-align:right;font-weight:800}.sc-row .rv{text-align:left;font-weight:800}.sc-row .lab{text-align:center;color:var(--txt-dim);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.sc-bar{height:7px;border-radius:999px;background:var(--bg-3);overflow:hidden}.sc-bar>div{height:100%}.sc-bar.l>div{float:right;background:linear-gradient(90deg,#5a8cff,#45c6ff)}.sc-bar.r>div{background:linear-gradient(90deg,#ff8a4c,#ff5a6e)}.sc-row.win .lv,.sc-row.win .rv{color:var(--gold-2)}.fr-stage{position:relative;display:grid;grid-template-columns:1fr .8fr 1fr;gap:4px;height:208px;margin:6px 0 12px}.fr-side{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.fr-name{font-weight:800;font-size:13px;color:#fff;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fr-hpbar{position:absolute;top:22px;width:9px;height:156px;background:#0e1115;border:1px solid #1f242b;border-radius:99px;overflow:hidden;z-index:4}.fr-side-a .fr-hpbar{left:0}.fr-side-d .fr-hpbar{right:0}.fr-hpbar>i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#7bd49a,#3aa55c);transition:height .5s ease-out}.fr-avatar{width:104px;max-width:100%;height:158px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#23282f,#15181c);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto}.fr-side-a .fr-avatar{border-color:#4aa8d88c}.fr-side-d .fr-avatar{border-color:#e74c3c8c}.fr-avatar img{width:80%;max-height:90%;height:auto}.fr-hpnum{font-variant-numeric:tabular-nums;font-size:11px;color:var(--txt-mut)}.fr-hpnum b{color:#fff;font-weight:700}.fr-shield{position:absolute;top:50px;width:40px;height:40px;z-index:6;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));opacity:1;transition:top .3s cubic-bezier(.2,.7,.3,1),transform .15s}.fr-shield-a{right:-14px}.fr-shield-d{left:-14px;transform:scaleX(-1)}.fr-shield.block{animation:shieldpop .4s ease}@keyframes shieldpop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.fr-shield-d.block{animation:shieldpopD .4s ease}@keyframes shieldpopD{0%{transform:scaleX(-1) scale(1)}40%{transform:scaleX(-1) scale(1.28)}to{transform:scaleX(-1) scale(1)}}.fr-arena{position:relative;pointer-events:none}.fr-fist{position:absolute;top:70px;width:58px;height:auto;z-index:5;opacity:0;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.fr-fist-a{left:0}.fr-fist-d{right:0}.fr-fist.flying.fr-fist-a{transition:left .48s ease-out,opacity .1s}.fr-fist.flying.fr-fist-d{transition:right .48s ease-out,opacity .1s}.fr-damage{position:absolute;top:40px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.8);opacity:0;transition:opacity .4s,top .4s;z-index:6}.fr-damage.crit{color:var(--gold-2);font-size:24px}.fr-damage:not(.crit){color:#ff8a8a}.fr-damage-a{left:6px}.fr-damage-d{right:6px}.fr-damage.show{opacity:1;top:18px}.fr-rounds{height:150px;overflow-y:auto;background:#0e1115;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.fr-round{padding:5px 4px;border-bottom:1px dashed var(--line);font-size:12px;color:var(--txt)}.fr-round.crit{color:var(--gold-2);font-weight:700}.fr-round.miss{color:var(--txt-mut)}.fr-round:last-child{border-bottom:none}.mq{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#1a1e24,#13161a);padding:14px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.mq:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(360px 220px at 50% -20%,rgba(224,163,19,.1),transparent 65%)}.mq-name{position:relative;z-index:1;text-align:center;margin-bottom:12px;display:flex;justify-content:center;align-items:center;gap:8px}.mq-name .pn{font-weight:800;font-size:17px;color:#fff;letter-spacing:.04em}.mq-lvl{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1d00;font-weight:800;font-size:11px;padding:2px 8px;border-radius:7px}.mq-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"s0 av s1" "s2 av s3" ". s4 .";gap:8px;position:relative;z-index:1}.mq-slot{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#23282f,#15181c);padding:7px 4px;cursor:pointer;color:var(--txt);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .12s,border-color .15s}.mq-slot:active{transform:scale(.96)}.mq-slot.filled{border-color:#3aa55c8c;box-shadow:0 0 0 1px #3aa55c38,0 4px 10px #3aa55c1f;background:linear-gradient(180deg,#1c2620,#10161a)}.mq-slot-pic{width:64px;height:64px;border-radius:11px;background:#0f1218;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-size:32px}.mq-slot-pic .plus{color:var(--txt-mut);font-size:30px;font-weight:200;opacity:.45}.mq-slot-lab{font-size:9px;color:var(--txt-mut);letter-spacing:.05em;text-transform:uppercase;text-align:center}.mq-slot-name{font-size:9px;color:var(--txt-dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mq-av{grid-area:av;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#23282f,#15181c);border:1px solid var(--line);min-height:210px;display:flex;align-items:center;justify-content:center;padding:10px 6px 26px}.mq-av img{max-width:86%;max-height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.mq-av-edit{position:absolute;left:0;right:0;bottom:0;background:#0000008c;color:#fff;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;padding:5px 0;text-align:center;font-weight:600}.timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--gold-2)}.progressline{height:6px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin-top:8px}.progressline>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width 1s linear}