:root{--esq: #e03a3a;--esq-dark: #8f1b1b;--dir: #2f6fdc;--dir-dark: #173f86;--bg: #1b1f2a;--ink: #f4f1ea;--silhouette: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%23cfd6e4'/%3E%3Ccircle cx='32' cy='25' r='11' fill='%238d97ad'/%3E%3Cpath d='M10 64c2-16 12-24 22-24s20 8 22 24z' fill='%238d97ad'/%3E%3C/svg%3E");--portrait-esquerda: none;--portrait-direita: none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}[hidden]{display:none!important}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,420px);z-index:10;background:#141720eb;border:1px solid #343b4f;border-radius:18px;padding:20px;text-align:center}.panel h1{margin:0 0 2px;font-size:34px;letter-spacing:3px;font-weight:900;text-shadow:0 3px 0 #0006}.panel h2{margin:0 0 4px}.sub{margin:0 0 14px;opacity:.75;font-size:14px}.msg{min-height:1.2em;color:#ffb4a8;font-size:13px;margin:10px 0 0}input{width:100%;padding:12px;border-radius:10px;border:1px solid #3a4258;background:#11141c;color:var(--ink);font-size:16px;margin-bottom:12px}button{border:0;border-radius:12px;padding:14px 10px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit}button.ghost{background:#2a3144;margin-top:10px;width:100%}button:disabled{opacity:.5}.sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;border-radius:16px;border:3px solid #fff8;box-shadow:0 5px #0007}.card.esquerda{background:linear-gradient(#e8504f,var(--esq-dark))}.card.direita{background:linear-gradient(#4a86f0,var(--dir-dark))}.card small{font-size:11px;letter-spacing:2px;opacity:.85}.card b{font-size:17px;font-weight:900}.card .portrait{width:100%;max-width:128px;aspect-ratio:1;border-radius:12px;border:3px solid #fffc}.card:active{transform:translateY(3px);box-shadow:0 2px #0007}.portrait{display:block;flex:none;background-size:cover;background-position:center;background-color:#cfd6e4}.portrait.esquerda{background-image:var(--portrait-esquerda),var(--silhouette)}.portrait.direita{background-image:var(--portrait-direita),var(--silhouette)}#hud{position:fixed;inset:0;z-index:2;pointer-events:none}#hud>*{pointer-events:auto}#top{position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(98vw,620px);display:flex;align-items:stretch;justify-content:center;gap:0;pointer-events:none}#gear{position:absolute;left:0;top:74px;width:38px;height:38px;padding:0;border-radius:50%;background:#2a3144cc;font-size:20px;pointer-events:auto}.team{flex:1;display:flex;align-items:center;gap:8px;padding:5px 10px;min-width:0;border:3px solid #fffb;box-shadow:0 4px #0006}.team.esquerda{background:linear-gradient(#e8504f,var(--esq-dark));border-radius:16px 0 0 16px}.team.direita{background:linear-gradient(#4a86f0,var(--dir-dark));border-radius:0 16px 16px 0;justify-content:flex-end;text-align:right}.team .portrait{width:44px;height:44px;border-radius:10px;border:2px solid #fffd}.tn{display:flex;flex-direction:column;line-height:1.1;min-width:0}.tn b{font-size:15px;font-weight:900;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 0 #0006}.tn span{font-size:22px;font-weight:900;text-shadow:0 2px 0 #0006}#vs{flex:none;width:58px;margin:0 -4px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1c2233;border:3px solid #fff;border-radius:14px;font-weight:900;box-shadow:0 4px #0007}#vs span{font-size:20px;color:#ffd84a;line-height:1;text-shadow:0 2px 0 #0008}#vs small{font-size:12px;opacity:.85;margin-top:2px}#bar{position:absolute;top:calc(max(6px,env(safe-area-inset-top)) + 68px);left:50%;transform:translate(-50%);width:min(94vw,580px);height:10px;border-radius:6px;overflow:hidden;display:flex;background:#11141c;border:2px solid #fff9;pointer-events:none}#bar-esquerda{background:var(--esq);width:50%;transition:width .3s}#bar-direita{background:var(--dir);flex:1}#toast{position:absolute;top:calc(max(6px,env(safe-area-inset-top)) + 90px);left:50%;transform:translate(-50%);background:#000000b8;padding:8px 14px;border-radius:10px;font-size:14px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:90vw;text-align:center}#toast.show{opacity:1}#joy{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 104px);width:130px;height:130px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);display:none}#joy-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff6}@media (pointer: coarse){#joy{display:block}}#powers{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(98vw,520px);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;background:linear-gradient(#262d44ee,#131828ee);border-radius:18px;border:2px solid #ffffff30}.pw{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;height:92px;padding:6px 2px 4px;border-radius:12px;background:linear-gradient(#3a4466,#232a42);border:2px solid #ffffff2a;overflow:hidden;line-height:1.1}.pw i{font-style:normal;font-size:30px;line-height:1.15;filter:drop-shadow(0 2px 0 #0006)}.pw b{font-size:12px;font-weight:800}.pw em{font-style:normal;font-size:9.5px;opacity:.8;margin-top:2px}.pw .cnt{position:absolute;right:4px;top:3px;min-width:20px;padding:0 5px;border-radius:10px;background:#f5c518;color:#231a00;font-size:12px;font-weight:900}.pw .cd{position:absolute;left:0;bottom:0;width:100%;background:#0000009e;height:0;pointer-events:none}.pw.premium{border-color:#f5c518}.pw.bomb i,.pw.megabomb i{filter:drop-shadow(0 0 6px #b44bff)}.pw:active{transform:translateY(2px)}#packs{display:grid;gap:10px}#packs button{background:linear-gradient(#4a86f0,var(--dir-dark));border:2px solid #fff8}#tags{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.tag{position:absolute;left:0;top:0;padding:1px 7px;border-radius:8px;font-size:12px;font-weight:700;color:#fff;background:#00000073;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tag.esquerda{border-bottom:2px solid var(--esq)}.tag.direita{border-bottom:2px solid var(--dir)}.tag.me{background:#ffffffe6;color:#111;text-shadow:none}#fps{position:fixed;left:8px;top:96px;font:11px/1.3 monospace;background:#0009;padding:4px 6px;border-radius:6px;z-index:5}@media (max-width: 480px){.team{padding:4px 6px;gap:6px}.team .portrait{width:36px;height:36px}.tn b{font-size:12.5px;letter-spacing:0}.tn span{font-size:20px}#vs{width:52px}.pw em{font-size:9px}}.custom-btn{width:100%;margin:0 0 12px;padding:11px;font-size:15px}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100vw,540px);z-index:11;background:linear-gradient(#262d44f2,#121726f7);border:2px solid #ffffff30;border-bottom:0;border-radius:20px 20px 0 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.sheet-head,.sheet-foot{display:flex;align-items:center;gap:8px}.sheet-head{justify-content:space-between;margin-bottom:8px}.sheet-head b{font-size:18px}.sheet-foot{margin-top:10px;font-size:12px;opacity:.95}.sheet-foot span{opacity:.75}.chip{padding:6px 10px;font-size:12px;border-radius:999px;background:#353e5c;border:2px solid transparent}.chip.esquerda{background:var(--esq-dark)}.chip.direita{background:var(--dir-dark)}.chip.on{border-color:#fff}.done{margin-left:auto;padding:10px 22px;background:linear-gradient(#3fcf6a,#1f8c43);border:2px solid #fff8;font-size:15px}.row{display:flex;align-items:center;gap:8px;padding:5px 0}.row>label{width:84px;font-size:13px;font-weight:700;opacity:.9;flex:none}.row .val{flex:1;text-align:center;font-size:13px;font-weight:700;min-width:0}.row .arrow{width:38px;height:34px;padding:0;font-size:16px;background:#353e5c;border-radius:10px;flex:none}.row .swatches{flex:1;display:flex;gap:6px;justify-content:space-between}.swatch{width:100%;max-width:38px;aspect-ratio:1;padding:0;border-radius:50%;border:3px solid transparent;box-shadow:inset 0 0 0 2px #0004}.swatch.on{border-color:#fff}.panel.wide{width:min(94vw,460px);max-height:86vh;overflow-y:auto;text-align:left}.panel.wide h2,.panel.wide>.sub,.panel.wide>small{text-align:center}.panel h3{margin:14px 0 6px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;opacity:.75}#menu{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 142px);display:flex;flex-direction:column;gap:8px}#menu button{position:relative;width:46px;height:46px;padding:0;border-radius:50%;font-size:22px;background:linear-gradient(#3a4466,#232a42);border:2px solid #ffffff40}#mission-dot{position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#ff4d4d;border:2px solid #fff}#emotes{position:absolute;right:calc(max(10px,env(safe-area-inset-right)) + 56px);bottom:calc(max(8px,env(safe-area-inset-bottom)) + 142px);display:flex;gap:8px;padding:8px;border-radius:16px;background:#131828ee;border:2px solid #ffffff30}#emotes button{width:62px;padding:8px 4px;font-size:26px;border-radius:12px;background:linear-gradient(#3a4466,#232a42);line-height:1.1}#emotes small{display:block;font-size:10px;font-weight:700;opacity:.85}#powers{grid-template-columns:repeat(3,1fr);width:min(98vw,560px)}.pw{flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;height:54px;padding:4px 6px;text-align:left}.pw i{font-size:24px;flex:none}.pw .pt{display:flex;flex-direction:column;min-width:0}.pw b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw em{font-size:9px;margin-top:1px;line-height:1.15}.pw .cnt{top:2px;right:3px}#joy{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 138px)}.slot{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid #ffffff14}.slot>label{width:78px;flex:none;font-size:13px;font-weight:700;padding-top:6px;opacity:.9}.slot .chips{display:flex;flex-wrap:wrap;gap:6px}.chip.item{background:#353e5c;font-size:12px;padding:6px 10px}.chip.item.on{border-color:#fff;background:#2f7d4a}.chip.item.locked{background:#3b3f52;opacity:.95}#packs{display:grid;gap:8px}#packs .pack{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:14px}#packs .pack b{color:#ffe27a;margin-left:10px;white-space:nowrap}.mission{padding:8px 0;border-bottom:1px solid #ffffff14}.mission .mh{display:flex;justify-content:space-between;gap:10px;font-size:14px}.mission .mh span{opacity:.8;white-space:nowrap}.mission.done{opacity:.65}.meter{height:8px;border-radius:4px;background:#0008;margin:6px 0 4px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(#ffd84a,#f08c00)}.mission small{opacity:.75}.rr{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px}.rr b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr span:last-child{opacity:.85;white-space:nowrap}.rr .pos{width:26px;opacity:.7}.rr .dot{width:10px;height:10px;border-radius:50%;flex:none}.tag.nc-gold{color:#ffd84a;border-bottom-color:#ffd84a}.tag.nc-pink{color:#ff8ad4;border-bottom-color:#ff8ad4}@media (max-width: 480px){.pw{padding:3px 4px;gap:4px}.pw i{font-size:21px}.pw em{font-size:8.5px}}@media (max-width: 480px){.pw b{font-size:11px;letter-spacing:-.2px;text-overflow:clip}}.pw .cnt{top:auto;bottom:3px;right:4px}#lobby{width:min(94vw,520px)}.card .card-fallback{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.card:not(.art-ok) .card-art{display:none}.card.art-ok{padding:0;background:none;border:none;border-radius:14px;overflow:hidden;box-shadow:0 6px #0007}.card.art-ok .card-art{display:block;width:100%;height:auto;border-radius:14px;pointer-events:none}.card.art-ok .card-fallback{display:none}.card.art-ok:active{transform:translateY(3px);box-shadow:0 3px #0007}.art-esquerda .portrait.esquerda{background-image:var(--portrait-esquerda);background-color:transparent;border-color:transparent;border-radius:50%}.art-direita .portrait.direita{background-image:var(--portrait-direita);background-color:transparent;border-color:transparent;border-radius:50%}.art-esquerda .team.esquerda .portrait,.art-direita .team.direita .portrait{width:54px;height:54px;filter:drop-shadow(0 2px 0 #0006)}@media (max-width: 480px){.art-esquerda .team.esquerda .portrait,.art-direita .team.direita .portrait{width:46px;height:46px}}#shop.panel.wide{top:auto;bottom:0;left:50%;transform:translate(-50%);width:min(100vw,540px);max-height:54vh;border-radius:20px 20px 0 0;border-bottom:0}#vs small{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:900;letter-spacing:.6px;opacity:1;margin-top:3px}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 #ff3b3b99;animation:live 1.6s infinite}@keyframes live{0%{box-shadow:0 0 #ff3b3b99}70%{box-shadow:0 0 0 6px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}#vs{width:64px}#vs small{white-space:nowrap;font-size:9px}.consent{position:fixed;left:8px;right:8px;bottom:8px;z-index:9999;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#14161ef0;color:#fff;font:13px/1.3 system-ui,sans-serif}.consent span{flex:1 1 200px}.consent button{border:0;border-radius:8px;padding:8px 14px;font-weight:700;background:#ffd54a;color:#222;cursor:pointer}.consent button.ghost{background:transparent;color:#fff;border:1px solid #888}