:root{--azul: #0b5bd3;--azul-2: #2f7bf0;--azul-3: #8fbaff;--azul-d: #08306e;--verm: #d32f2f;--verm-2: #ef5350;--verm-3: #ffa3a3;--verm-d: #6e1414;--gold: #f4c430;--gold-2: #ffe082;--gold-d: #b8860b;--verde: #0f9d58;--fundo: #1e1e2f;--fundo-2: #12121f;--fundo-3: #2a2a46;--texto: #ececf4;--muted: #a3a3bd;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--panel: linear-gradient(180deg, rgba(34, 34, 60, .9), rgba(18, 18, 34, .9));--panel-solid: rgba(22, 22, 40, .94);--panel-2: rgba(40, 40, 70, .95);--good: #3ddc84;--warn: #ffb020;--bad: #ff5252;--influ: #ff7a2f;--power: #b38cff;--op: #4fc3f7;--radius: 14px;--shadow: 0 12px 40px rgba(0, 0, 0, .4);--display: "Lilita One", "Rubik", system-ui, sans-serif;--ui: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-back: cubic-bezier(.2, 1.6, .4, 1);--ui-scale: 1;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fundo-2);color:var(--texto);font-family:var(--ui);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{user-select:none;-webkit-user-select:none}input,textarea,select{user-select:text;-webkit-user-select:text}button{font-family:inherit}#app{position:fixed;inset:0}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:#f4c43059}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}::-webkit-scrollbar-track{background:transparent}kbd{display:inline-block;font-family:var(--ui);font-size:10px;font-weight:800;padding:1px 5px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-bottom-width:2px;color:#fff;line-height:1.3;vertical-align:1px}#boot{position:fixed;inset:0;display:grid;place-content:center;gap:24px;justify-items:center;background:radial-gradient(ellipse at center,#2a2a4a 0%,var(--fundo-2) 70%);z-index:50;transition:opacity .5s}#boot img{max-width:min(420px,80vw);height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.6));animation:float 3s ease-in-out infinite}.boot-bar{width:min(320px,70vw);height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.boot-bar i{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--verde),var(--gold));animation:boot 1.2s ease-in-out infinite alternate;border-radius:99px}@keyframes boot{0%{margin-left:0}to{margin-left:70%}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f4c43000,inset 0 1px #ffffff80,0 4px #8a6400}50%{box-shadow:0 0 0 6px #f4c43040,inset 0 1px #ffffff80,0 4px #8a6400}}@keyframes shine{0%{transform:translate(-120%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes kenburns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.14) translate(-1.5%,-1%)}}canvas.game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.btn{position:relative;overflow:hidden;appearance:none;border:0;cursor:pointer;font-family:var(--display);letter-spacing:.5px;font-size:18px;color:#fff;padding:12px 22px;border-radius:12px;background:linear-gradient(180deg,#3e3e66,#28284a);box-shadow:inset 0 1px #ffffff24,0 4px #11111d,0 8px 20px #0000004d;transition:transform .1s var(--ease-out),filter .15s,box-shadow .15s;text-shadow:0 2px 0 rgba(0,0,0,.35);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-120%) skew(-20deg);pointer-events:none}.btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn:hover:not(:disabled):after{animation:shine .6s ease-out}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff1f,0 2px #11111d}.btn:disabled{filter:grayscale(.8) brightness(.65);cursor:not-allowed}.btn.gold{background:linear-gradient(180deg,#ffdc63,#e3a900);color:#3a2400;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff8c,0 4px #8a6400,0 8px 22px #f4c4302e}.btn.green{background:linear-gradient(180deg,#25c977,#0f9d58);box-shadow:inset 0 1px #ffffff4d,0 4px #075f35,0 8px 20px #0000004d}.btn.blue{background:linear-gradient(180deg,#3a86ff,#0b5bd3);box-shadow:inset 0 1px #ffffff4d,0 4px #063a8a,0 8px 20px #0b5bd340}.btn.red{background:linear-gradient(180deg,#f2605d,#c62828);box-shadow:inset 0 1px #ffffff4d,0 4px #7f1414,0 8px 20px #0000004d}.btn.ghost{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14;font-family:var(--ui);font-weight:700;font-size:14px;text-shadow:none}.btn.ghost:hover:not(:disabled){background:#ffffff1f}.btn.sm{font-size:14px;padding:8px 14px;border-radius:10px}.btn.xs{font-size:12px;padding:6px 10px;border-radius:8px;font-family:var(--ui);font-weight:700;text-shadow:none;box-shadow:inset 0 1px #ffffff1f,0 2px #00000059}.btn.xs.ghost{box-shadow:inset 0 0 0 1px #ffffff14}.btn.block{width:100%}.btn.pulse{animation:pulse-glow 1.4s ease-in-out infinite}.btn.red.pulse{animation:none;filter:brightness(1.15)}.spin{width:18px;height:18px;border-radius:50%;border:3px solid rgba(58,36,0,.25);border-top-color:#3a2400;animation:spin .7s linear infinite;display:inline-block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:var(--shadow),inset 0 1px #ffffff0f}.panel-h{font-family:var(--display);font-size:18px;letter-spacing:.4px;margin-bottom:10px;display:flex;gap:8px;align-items:center}.title{font-family:var(--display);letter-spacing:.5px}.page-title{font-size:28px}.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.center{display:grid;place-items:center}.empty{color:var(--muted);font-size:13px;padding:14px;text-align:center;border:1px dashed var(--line-2);border-radius:10px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;background:#ffffff14;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.tag.blue{background:#0b5bd359;color:#bcd6ff}.tag.red{background:#d32f2f59;color:#ffc9c9}.tag.gold{background:#f4c43033;color:var(--gold)}.tag.green{background:#0f9d5847;color:#a6f0c8}.tag.live{padding:5px 11px;font-size:12px}.img-fallback{display:grid;place-items:center}input.field,select.field{width:100%;background:#00000052;border:1px solid var(--line-2);color:var(--texto);padding:12px 14px;border-radius:10px;font-size:15px;font-family:var(--ui);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input.field:hover,select.field:hover{background:#0006}input.field:focus,select.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f4c4302e}input.field::placeholder{color:#a3a3bd99}label.lbl,.lbl{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:6px}.err{color:#ffb0b0;font-size:13px;background:#ff52521f;border:1px solid rgba(255,82,82,.3);padding:8px 10px;border-radius:9px;animation:rise .2s}.ok{color:#b7ffd6;font-size:13px;background:#3ddc841a;border:1px solid rgba(61,220,132,.28);padding:8px 10px;border-radius:9px;animation:rise .2s}.pill-tabs{display:flex;gap:4px;background:#0000004d;padding:4px;border-radius:12px;border:1px solid var(--line)}.pill-tabs button{flex:1;background:none;border:0;color:var(--muted);padding:9px 10px;border-radius:9px;cursor:pointer;font-weight:700;font-size:13.5px;transition:background .15s,color .15s;white-space:nowrap}.pill-tabs button:hover{color:#fff;background:#ffffff0d}.pill-tabs button.on{background:linear-gradient(180deg,#3a3a62,#2b2b4c);color:#fff;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .sw{width:40px;height:22px;border-radius:99px;background:#ffffff24;position:relative;transition:background .2s;flex:none}.switch .sw:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-back);box-shadow:0 1px 3px #0006}.switch input:checked+.sw{background:var(--verde)}.switch input:checked+.sw:after{transform:translate(18px)}.switch input:focus-visible+.sw{outline:2px solid var(--gold);outline-offset:2px}.slider{display:grid;grid-template-columns:170px 1fr 46px;align-items:center;gap:12px;font-size:14px}.slider b{text-align:right;font-variant-numeric:tabular-nums}.slider input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--gold) var(--v, 50%),rgba(255,255,255,.12) var(--v, 50%));outline:none;cursor:pointer}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000080;border:3px solid var(--gold)}.slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--gold)}@media(max-width:520px){.slider{grid-template-columns:1fr 46px}.slider .sl-label{grid-column:1 / -1}}.set-group{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.set-title{font-family:var(--display);font-size:16px;color:var(--gold);letter-spacing:.4px}.keygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.kg{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 8px;border-radius:8px;background:#ffffff08}.kg kbd{min-width:86px;text-align:center;font-size:11px;padding:3px 6px}.modal-back{position:fixed;inset:0;background:#05050c9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;z-index:40;padding:16px;animation:fade .18s}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;padding:20px;animation:modal-in .28s var(--ease-out);background:linear-gradient(180deg,#262642f7,#141424f7)}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.modal-head .title{font-size:26px}.screen{position:fixed;inset:0;overflow:auto;overflow-x:hidden}.landing{background:#0d0d18}.landing-bg{position:fixed;inset:-4%;background:url(/assets/ui/keyart.webp) center top / cover no-repeat;animation:kenburns 30s ease-in-out infinite alternate}@media(max-aspect-ratio:1/1){.landing-bg{background-image:url(/assets/ui/keyart_mobile.webp)}}.landing:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 40%,#0d0d181a,#0d0d18a6 70%),linear-gradient(180deg,#0d0d184d,#0d0d188c,#0d0d18f5);pointer-events:none}.landing-inner{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;padding:16px 20px 24px;gap:26px;max-width:1240px;margin:0 auto}.land-top{display:flex;align-items:center;gap:10px;animation:fade .6s}.land-mark{height:40px;opacity:.95}.land-hero{flex:1;display:grid;grid-template-columns:1.2fr minmax(320px,420px);gap:40px;align-items:center;padding:3vh 0}.hero-copy{display:flex;flex-direction:column;gap:14px;align-items:flex-start;animation:rise .7s var(--ease-out)}.landing-logo{width:min(500px,86vw);filter:drop-shadow(0 16px 40px rgba(0,0,0,.7))}.tagline{font-family:var(--display);font-size:clamp(22px,3.2vw,34px);text-shadow:0 3px 0 rgba(0,0,0,.5);color:var(--gold-2)}.pitch{margin:0;font-size:17px;line-height:1.5;max-width:560px;text-shadow:0 2px 10px rgba(0,0,0,.8);color:#e6e6f2}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:7px 12px;border-radius:99px;background:#0a0a148c;border:1px solid var(--line-2);font-size:13px;font-weight:600;backdrop-filter:blur(6px)}.practice-cta{margin-top:6px}.auth-card{width:100%;padding:24px;animation:rise .7s .1s var(--ease-out) both;background:linear-gradient(180deg,#22223ceb,#10101ef0);border-color:#f4c43033}.auth-h{font-family:var(--display);font-size:24px;margin-bottom:10px}.pass-wrap{position:relative}.pass-wrap .field{padding-right:46px}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:16px;padding:6px;opacity:.75}.eye:hover{opacity:1}.strength{display:flex;gap:4px;align-items:center;font-size:11px;color:var(--muted)}.strength i{flex:1;height:4px;border-radius:99px;background:#ffffff1a}.strength.s1 i:nth-child(-n+1){background:var(--bad)}.strength.s2 i:nth-child(-n+2){background:var(--warn)}.strength.s3 i:nth-child(-n+3){background:#b2e05a}.strength.s4 i{background:var(--good)}.strength span{width:40px;text-align:right}.code-input{letter-spacing:12px;font-size:26px!important;text-align:center;font-family:var(--display)!important}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;animation:rise .8s .25s var(--ease-out) both}.feat{position:relative;min-height:170px;border-radius:16px;overflow:hidden;background:center / cover;border:1px solid var(--line-2);display:flex;align-items:flex-end;box-shadow:var(--shadow);transition:transform .2s var(--ease-out)}.feat:hover{transform:translateY(-3px)}.feat:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a140d,#0a0a14eb 70%)}.feat>div{position:relative;padding:16px}.feat b{font-family:var(--display);font-size:21px;letter-spacing:.4px}.feat p{margin:4px 0 0;color:#d0d0e0;font-size:13.5px;line-height:1.4}.footer-legal{font-size:12px;color:var(--muted);text-align:center;max-width:760px;margin:0 auto;line-height:1.6}@media(max-width:900px){.land-hero{grid-template-columns:1fr;gap:22px;justify-items:center}.hero-copy{align-items:center;text-align:center}.features{grid-template-columns:1fr}.auth-card{max-width:440px}}.menu{background:radial-gradient(ellipse at 15% 0%,rgba(11,91,211,.28),transparent 55%),radial-gradient(ellipse at 85% 0%,rgba(211,47,47,.24),transparent 55%),url(/assets/ui/bg_brasilia.webp) center / cover fixed,var(--fundo-2)}.menu:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#0e0e1ab8,#0e0e1ae6);pointer-events:none}.menu-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(310px,370px);gap:18px;padding:18px;min-height:100%;max-width:1440px;margin:0 auto;align-content:start}.menu-wrap.single{grid-template-columns:1fr;max-width:1000px}@media(max-width:960px){.menu-wrap{grid-template-columns:1fr}}.menu-top{grid-column:1 / -1;display:flex;align-items:center;gap:10px;animation:fade .4s;flex-wrap:wrap}.menu-top img{height:52px}@media(max-width:560px){.hide-sm{display:none}.menu-top img{height:38px}}.play-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;align-content:start}.mode-card{position:relative;text-align:left;color:var(--texto);font-family:var(--ui);padding:0;min-height:150px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line-2);border-radius:18px;background:center / cover var(--fundo-3);box-shadow:var(--shadow);transition:transform .2s var(--ease-out),border-color .2s,box-shadow .2s;animation:rise .5s var(--ease-out) both}.mode-card:nth-child(2){animation-delay:.04s}.mode-card:nth-child(3){animation-delay:.08s}.mode-card:nth-child(4){animation-delay:.12s}.mode-card:nth-child(5){animation-delay:.16s}.mode-card:nth-child(6){animation-delay:.2s}.mode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0e0e1a26,#0e0e1aed 75%);transition:background .2s}.mode-card:hover{transform:translateY(-4px);border-color:#f4c43099;box-shadow:0 18px 40px #00000080,0 0 0 1px #f4c43040}.mode-card:hover:before{background:linear-gradient(180deg,#0e0e1a0d,#0e0e1ae0 75%)}.mode-card:active{transform:translateY(-1px) scale(.99)}.mc-body{position:relative;padding:16px 18px}.mode-card h3{margin:0;font-family:var(--display);font-size:24px;letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.mode-card p{margin:4px 0 0;color:#c9c9db;font-size:13px;line-height:1.35}.mc-ico{position:absolute;top:12px;right:14px;font-size:34px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:transform .25s var(--ease-back)}.mode-card:hover .mc-ico{transform:scale(1.18) rotate(-6deg)}.mode-card.featured{grid-column:span 2;min-height:230px;border-color:#f4c43059}.mode-card.featured h3{font-size:34px}.mode-card.featured p{font-size:14px;max-width:460px}.mc-badge{position:absolute;top:14px;left:14px;z-index:1;background:var(--gold);color:#3a2400;font-weight:800;font-size:11px;letter-spacing:.8px;padding:4px 9px;border-radius:6px}.mc-play{display:inline-flex;margin-top:12px;font-family:var(--display);font-size:18px;background:linear-gradient(180deg,#ffdc63,#e3a900);color:#3a2400;padding:9px 20px;border-radius:11px;box-shadow:inset 0 1px #ffffff8c,0 4px #8a6400;transition:transform .15s}.mode-card:hover .mc-play{transform:scale(1.05)}.mode-card.ranked{border-color:#b38cff59}@media(max-width:560px){.mode-card.featured{grid-column:span 1}}.side{display:flex;flex-direction:column;gap:12px;animation:rise .5s .1s var(--ease-out) both}.side-tabs button{font-size:12.5px;padding:8px 6px}.profile-card{padding:16px;display:flex;gap:14px;align-items:center}.avatar{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-family:var(--display);font-size:28px;color:#fff;flex:none;box-shadow:inset 0 0 0 2px #ffffff26,0 6px 16px #00000059;text-shadow:0 2px 0 rgba(0,0,0,.4)}.pc-nick{font-weight:800;font-size:18px}.rank-badge{font-family:var(--display);color:var(--gold);letter-spacing:.3px}.pc-stats{display:flex;gap:10px;font-size:12px;font-weight:700;margin-top:6px}.progress{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:6px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--verde),var(--gold));border-radius:99px;transition:width .6s var(--ease-out)}.live-panel{padding:16px}.room.live{border-color:#ff525240}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 #ff525299;animation:live 1.6s infinite;flex:none}@keyframes live{70%{box-shadow:0 0 0 8px #ff525200}to{box-shadow:0 0 #ff525200}}.board{padding:8px;max-height:420px;overflow:auto}.brow,.hrow{display:flex;align-items:center;gap:10px;font-size:13px;padding:7px 8px;border-radius:8px}.brow:nth-child(odd),.hrow:nth-child(odd){background:#ffffff08}.brow.me{background:#f4c4301a}.brow .pos{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#ffffff12;font-weight:800;font-size:12px}.brow .pos.p1{background:linear-gradient(180deg,#ffe082,#e3a900);color:#3a2400}.brow .pos.p2{background:linear-gradient(180deg,#eceff1,#9ea7ad);color:#263238}.brow .pos.p3{background:linear-gradient(180deg,#ffcc80,#b26a2a);color:#3e2000}.brow .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow .mmr{width:42px;text-align:right;font-variant-numeric:tabular-nums}.hrow b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#ffffff14;font-size:12px}.hrow.win b{background:#3ddc8440;color:var(--good)}.hrow.loss b{background:#ff525233;color:#ff8a8a}.chat{display:flex;flex-direction:column;height:min(440px,52vh);min-height:260px}.chat-log{flex:1;overflow-y:auto;padding:10px 12px;font-size:13px;line-height:1.4;display:flex;flex-direction:column;gap:8px;user-select:text}.chat-log .m{display:flex;gap:8px;align-items:flex-start;animation:rise .2s}.chat-log .m .av{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.chat-log .m b{font-weight:700}.chat-log .m .time{font-size:10px;color:var(--muted)}.chat-log .m .txt{word-break:break-word;color:#dcdcea}.chat-log .m.mine b{color:var(--gold)}.chat-log .m.sys{color:var(--gold);font-style:italic}.chat-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.chat-form input{flex:1;background:#00000059;border:1px solid var(--line);color:var(--texto);padding:9px 10px;border-radius:9px;font-size:13px;outline:none;transition:border-color .15s;min-width:0}.chat-form input:focus{border-color:var(--gold)}.room-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow:auto}.room{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:#ffffff0a;border:1px solid var(--line);transition:background .15s,border-color .15s;font-size:14px}.room:hover{background:#ffffff12;border-color:var(--line-2)}.create-room{padding:16px}.room-panel{padding:18px}.slots{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start}.vs{font-family:var(--display);font-size:34px;color:var(--gold);align-self:center;text-shadow:0 3px 0 rgba(0,0,0,.5)}@media(max-width:640px){.slots{grid-template-columns:1fr}.vs{justify-self:center}}.team-h{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:18px;letter-spacing:.5px;margin-bottom:2px}.team-h img{width:30px;height:30px;object-fit:contain}.team-h.blue{color:var(--azul-3)}.team-h.red{color:var(--verm-3)}.slot{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:#ffffff0d;min-height:50px;font-size:14px;font-weight:600;border:1px solid var(--line);transition:background .15s;animation:rise .3s}.slot-av{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800;background:#ffffff14;flex:none}.slot.blue{border-left:4px solid var(--azul-2)}.slot.blue .slot-av{background:#2f7bf04d}.slot.red{border-left:4px solid var(--verm-2)}.slot.red .slot-av{background:#ef53504d}.slot.empty{opacity:.65;border-style:dashed;font-weight:500}.slot.me{box-shadow:0 0 0 1px #f4c43080}.q-slots{display:flex;gap:6px;justify-content:center;margin:14px 0 4px;flex-wrap:wrap}.q-slots i{width:14px;height:14px;border-radius:50%;background:#ffffff1f;transition:background .3s,transform .3s var(--ease-back)}.q-slots i.on{background:var(--gold);transform:scale(1.15);box-shadow:0 0 10px #f4c43080}.q-slots.small{margin:0;gap:3px}.q-slots.small i{width:8px;height:8px}.q-slots.small i.on{transform:none;box-shadow:none}.queue{text-align:center;width:min(420px,100%)}.radar{position:relative;width:120px;height:120px;margin:4px auto 14px;display:grid;place-items:center}.radar i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(244,196,48,.6);animation:radar 2.4s linear infinite;opacity:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}.radar span{font-size:44px;animation:float 2s ease-in-out infinite}@keyframes radar{0%{transform:scale(.3);opacity:1}to{transform:scale(1.1);opacity:0}}.practice .opts{display:grid;gap:8px}.opts.one{grid-template-columns:1fr}.opts.two{grid-template-columns:1fr 1fr}.opts.three{grid-template-columns:repeat(3,1fr)}.opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border-radius:12px;border:1px solid var(--line-2);background:#ffffff0a;color:var(--texto);cursor:pointer;transition:border-color .15s,background .15s,transform .15s var(--ease-out);font-size:14px;text-align:center}.opt b{font-family:var(--display);font-size:18px;font-weight:400;letter-spacing:.4px}.opt small{color:var(--muted);font-size:12px}.opt:hover{background:#ffffff14;transform:translateY(-1px)}.opt.on{border-color:var(--gold);background:#f4c4301a;box-shadow:0 0 0 1px #f4c43059 inset}.opt.side{flex-direction:row;gap:10px}.opt.side img{width:34px;height:34px;object-fit:contain}.opt.side.blue.on{border-color:var(--azul-2);background:#2f7bf026;box-shadow:0 0 0 1px #2f7bf066 inset}.opt.side.red.on{border-color:var(--verm-2);background:#ef535026;box-shadow:0 0 0 1px #ef535066 inset}.toasts.global{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.howto{display:flex;flex-direction:column;gap:10px}.ht{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line)}.ht-n{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--display);font-size:17px;background:linear-gradient(180deg,#ffdc63,#e3a900);color:#3a2400;flex:none}.ht b{font-size:15px}.ht p{margin:2px 0 0;font-size:13px;color:#cfcfe0;line-height:1.4}table.dmg{width:100%;border-collapse:separate;border-spacing:3px;font-size:13px}table.dmg th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:800;padding:6px;text-align:center}table.dmg tbody th{text-align:left;color:#fff}table.dmg td{text-align:center;padding:8px 4px;border-radius:7px;background:#ffffff0d;font-weight:700}table.dmg td.hi{background:#3ddc8438;color:#b7ffd6}table.dmg td.lo{background:#ff525233;color:#ffc0c0}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-size:13px;zoom:var(--ui-scale)}.hud>*{pointer-events:auto}.hud .pe-none{pointer-events:none}.gold-t{color:var(--gold)}.inf-t{color:var(--influ)}.pow-t{color:var(--power)}.op-t{color:var(--op)}.good-t{color:var(--good)}.bad-t{color:#ff8a8a}.blue-t{color:var(--azul-3)}.red-t{color:var(--verm-3)}.ic{flex:none}.menu-btn{position:fixed;top:8px;left:8px;z-index:11;backdrop-filter:blur(8px)}.topbar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:minmax(160px,300px) auto minmax(160px,300px);gap:10px;align-items:start;width:min(920px,calc(100vw - 200px));pointer-events:none}.topbar>*{pointer-events:auto}.anc{padding:8px 10px;display:flex;gap:8px;align-items:center;transition:box-shadow .3s}.anc.red{flex-direction:row-reverse}.anc .emblem{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));flex:none}.anc-body{flex:1;min-width:0}.anc .lbl2{display:flex;justify-content:space-between;font-family:var(--display);font-size:14px;letter-spacing:.5px;margin-bottom:4px;gap:6px}.anc.blue .lbl2 span:first-child{color:var(--azul-3)}.anc.red .lbl2{flex-direction:row-reverse}.anc.red .lbl2 span:first-child{color:var(--verm-3)}.anc .lbl2 small{font-family:var(--ui);font-size:10px;color:var(--gold);font-weight:700}.anc.mine{border-color:#f4c43066}.anc.danger{box-shadow:var(--shadow),0 0 0 1px #ff525299,0 0 22px #ff525259;animation:danger 1.2s ease-in-out infinite}@keyframes danger{50%{box-shadow:var(--shadow),0 0 0 1px #ff5252e6,0 0 32px #ff52528c}}.hpnum{font-variant-numeric:tabular-nums}.hpnum.hit{animation:hpkick .35s var(--ease-out);color:#ff9a9a}@keyframes hpkick{30%{transform:scale(1.3)}}.anc-sub{display:flex;gap:10px;font-size:11px;font-weight:700;margin-top:4px;align-items:center}.anc.red .anc-sub{justify-content:flex-end}.anc-sub span{display:inline-flex;align-items:center;gap:3px}.bar{height:12px;border-radius:99px;background:#00000080;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000080}.bar>i{position:absolute;top:0;bottom:0;left:0;border-radius:99px}.bar>i.main{transition:width .25s ease}.bar>i.ghost{background:#fff0c8bf;transition:width .6s ease .45s}.bar.blue>i.main{background:linear-gradient(180deg,#67a6ff,var(--azul))}.bar.red>i{left:auto;right:0}.bar.red>i.main{background:linear-gradient(180deg,#ff7b7b,var(--verm))}.bar.hp{height:8px;flex:1}.bar.hp.green>i{background:linear-gradient(180deg,#6dfcb0,#1fae63);transition:width .2s}.bar.hp.red>i{background:linear-gradient(180deg,#ff8a8a,#d32f2f);transition:width .2s}.wavebox{position:relative;text-align:center;padding:8px 16px 10px;min-width:190px;display:flex;flex-direction:column;align-items:center}.wave-prog{width:120px;height:4px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:3px}.wave-prog i{display:block;height:100%;border-radius:99px;background:var(--good);transition:width .3s linear,background .3s}.phase-combat .wave-prog i{background:var(--bad)}.phase-resolution .wave-prog i,.phase-final .wave-prog i{background:var(--gold)}.wavebox.urgent .wave-prog i{background:var(--warn)}.wavebox.urgent .timer{color:var(--warn);animation:hpkick .5s infinite}.wavebox .phase{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-weight:800}.phase-prep .phase{color:var(--good)}.phase-combat .phase{color:#ff8a8a}.wavebox .wn{font-family:var(--display);font-size:24px;line-height:1.05}.wavebox .wn .of{font-size:13px;color:var(--muted)}.wavebox .timer{font-family:var(--display);font-size:19px;font-variant-numeric:tabular-nums;line-height:1.1}.wavebox .wname{font-size:12px;color:var(--gold);font-weight:700;white-space:nowrap;margin-top:2px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.boss-chip{background:var(--bad);color:#fff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;margin-right:5px;letter-spacing:.5px;vertical-align:1px}.ready-row{display:flex;gap:6px;align-items:center;margin-top:6px}.ready-btn{padding:7px 14px}.ready-pips{display:flex;gap:3px}.ready-pips i{width:8px;height:8px;border-radius:50%;background:#ffffff2e}.ready-pips i.on{background:var(--good);box-shadow:0 0 6px var(--good)}.collapse{position:absolute;top:6px;right:6px;width:20px;height:20px;border:0;border-radius:6px;background:#ffffff14;color:var(--muted);cursor:pointer;font-weight:800;line-height:1;padding:0}.collapse:hover{color:#fff;background:#ffffff26}.teamstat{position:absolute;top:44px;left:8px;width:220px;padding:8px 8px 6px;display:flex;flex-direction:column;gap:6px}.teamstat.closed{width:180px}.ts-h{font-family:var(--display);font-size:12.5px;letter-spacing:.5px;margin-bottom:2px}.ts-h.blue{color:var(--azul-3)}.ts-h.red{color:var(--verm-3)}.tp{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 5px;border-radius:7px;cursor:pointer;transition:background .12s}.tp:hover{background:#ffffff12}.tp.viewing{background:#ffffff0d;box-shadow:inset 2px 0 0 var(--gold)}.tp>span{display:inline-flex;align-items:center;gap:2px}.dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block;background:#8a8aa8}.dot.clear{background:var(--good)}.dot.weak{background:var(--warn)}.dot.idle{background:#8a8aa8}.dot.leaking{background:var(--bad);animation:live 1.2s infinite}.tp .nm{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block}.tp.me .nm{color:var(--gold)}.waveinfo{position:absolute;top:172px;right:8px;width:250px;padding:10px 10px 8px;font-size:12px;animation:fade .3s}.waveinfo.boss{border-color:#ff525273;box-shadow:var(--shadow),0 0 20px #ff525226}.wi-label{font-size:9.5px;font-weight:800;letter-spacing:1px;color:var(--muted)}.waveinfo h4{margin:2px 0 4px;font-family:var(--display);font-size:16px;letter-spacing:.4px;padding-right:22px}.wi-desc{margin-bottom:8px;line-height:1.35}.wi-units{display:flex;flex-direction:column;gap:4px}.wi-unit{display:flex;gap:8px;align-items:center;padding:3px 4px;border-radius:8px;background:#ffffff0a}.wi-unit img,.wi-unit .img-fallback{border-radius:7px;background:#00000040;flex:none}.wi-unit .muted{font-size:11px}.intel{margin-top:8px}.press-alta{color:var(--bad)}.press-média{color:var(--warn)}.press-baixa{color:var(--good)}.minimap{position:absolute;right:8px;top:8px;padding:6px;display:flex;flex-direction:column;gap:5px}.minimap canvas{display:block;border-radius:9px;background:radial-gradient(ellipse at center,#2846288c,#0a140ebf);cursor:crosshair;touch-action:none}.mm-row{display:flex;gap:3px}.mm-row button{flex:1;height:24px;border-radius:6px;border:1px solid var(--line);background:#ffffff0f;cursor:pointer;font-size:11px;font-weight:800;color:#fff;padding:0 4px;white-space:nowrap;transition:background .12s}.mm-row button:hover{background:#ffffff24}.mm-row button.on{background:#f4c43040;border-color:#f4c43080}.announce{position:absolute;top:130px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center}.announce .ribbon{position:relative;padding:8px 42px;background:linear-gradient(90deg,transparent,rgba(12,12,24,.85) 18%,rgba(12,12,24,.85) 82%,transparent);animation:ribbon .45s var(--ease-out)}.announce .ribbon:before,.announce .ribbon:after{content:"";position:absolute;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.7}.announce .ribbon:before{top:0}.announce .ribbon:after{bottom:0}@keyframes ribbon{0%{clip-path:inset(0 50% 0 50%);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.announce .big{display:block;font-family:var(--display);font-size:clamp(28px,4.6vw,52px);text-shadow:0 4px 0 rgba(0,0,0,.45),0 0 30px rgba(0,0,0,.5);animation:pop .45s var(--ease-back);letter-spacing:1px;white-space:nowrap}.announce .small{font-weight:700;font-size:15px;text-shadow:0 2px 6px rgba(0,0,0,.9);margin-top:6px;animation:rise .4s .15s both;color:#f0f0f8}.announce.info{color:#fff}.announce.boss{color:#ffb74d}.announce.bad{color:#ff6b6b}.announce.good{color:#7dffb2}.announce.politics{color:#d1b3ff}.announce.boss .ribbon{background:linear-gradient(90deg,transparent,rgba(80,10,10,.85) 18%,rgba(80,10,10,.85) 82%,transparent)}.toasts{position:absolute;top:230px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:5px;align-items:center;pointer-events:none}.toast{display:flex;gap:6px;align-items:center;padding:7px 14px;border-radius:99px;background:#0a0a14e0;font-weight:600;font-size:13px;animation:toast-in .3s var(--ease-back);border:1px solid var(--line-2);box-shadow:0 6px 18px #00000059;max-width:min(560px,92vw)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.9)}}.toast .ti{font-size:13px}.toast.bad{border-color:#ff525280;color:#ffc0c0}.toast.good{border-color:#3ddc8480;color:#c2ffdd}.toast.politics{border-color:#b38cff99;color:#e2d4ff}.bottom{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:min(1000px,calc(100vw - 16px));display:flex;flex-direction:column;gap:6px}.bottom:not(.spec){width:clamp(600px,calc(100vw - 660px),1000px)}.bottom.spec{width:min(660px,calc(100vw - 680px));min-width:420px}.res{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.res .r{display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:11px;background:var(--panel);border:1px solid var(--line);font-weight:800;font-size:15px;min-width:88px;justify-content:center;box-shadow:0 6px 16px #0000004d;backdrop-filter:blur(8px)}.res .r.inc{color:var(--good)}.res .r .v{font-variant-numeric:tabular-nums;display:inline-block}.res .r .v.up{animation:bump-up .45s var(--ease-out)}.res .r .v.down{animation:bump-down .45s var(--ease-out)}@keyframes bump-up{30%{transform:scale(1.25);color:#b7ffd6}}@keyframes bump-down{30%{transform:scale(.88);color:#ffb0b0}}.tabs{display:flex;gap:4px}.tabs button{flex:1;appearance:none;border:1px solid var(--line);background:var(--panel-solid);color:var(--muted);font-family:var(--display);font-size:15px;padding:8px 6px;border-radius:11px 11px 4px 4px;cursor:pointer;letter-spacing:.5px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;transition:color .12s,background .12s}.tabs button:hover{color:#fff}.tabs button kbd{opacity:.55;font-size:9px}.tabs button.on{color:#fff;background:var(--panel-2);border-color:#f4c43073;box-shadow:inset 0 2px 0 var(--gold)}.tabs button.brasilia-tab{color:#d6c2ff}.tabs button .badge{position:absolute;top:-7px;right:8px;background:var(--bad);color:#fff;font-family:var(--ui);font-size:11px;font-weight:800;border-radius:99px;padding:1px 7px;animation:pop .3s var(--ease-back);box-shadow:0 0 0 2px var(--fundo-2)}.dock{padding:10px;min-height:124px}.cards{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 2px;scrollbar-width:thin}.card{position:relative;flex:none;width:96px;border-radius:12px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid var(--line);cursor:pointer;padding:6px 6px 7px;text-align:center;transition:transform .14s var(--ease-out),border-color .12s,box-shadow .14s}.card .pic{position:relative;width:70px;height:70px;margin:0 auto 3px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#ffffff24,#0003 70%);display:grid;place-items:center;overflow:hidden}.card .pic img{width:66px;height:66px;object-fit:contain;display:block;transition:transform .2s var(--ease-back)}.card:hover{transform:translateY(-4px);border-color:#ffffff59;box-shadow:0 10px 20px #00000059}.card:hover .pic img{transform:scale(1.1)}.card:active{transform:translateY(-1px) scale(.97)}.card.sel{border-color:var(--gold);box-shadow:0 0 0 2px #f4c43073,0 10px 22px #f4c43026;transform:translateY(-4px)}.card.poor .cost{color:#ff8a8a}.card.poor .pic{filter:saturate(.4) brightness(.8)}.card.locked .pic{filter:grayscale(.7) brightness(.7)}.card .lock{position:absolute;top:34px;left:50%;transform:translate(-50%);font-size:20px;filter:drop-shadow(0 2px 4px #000)}.card .nm{font-size:11px;font-weight:700;line-height:1.15;height:26px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card .cost{font-weight:800;font-size:13px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:3px}.card .hk{position:absolute;top:4px;left:5px;font-size:10px;font-weight:800;color:#fff;background:#00000073;border-radius:5px;padding:0 4px;z-index:1}.card .role{position:absolute;top:3px;right:4px;font-size:13px;z-index:1;filter:drop-shadow(0 1px 2px #000)}.card.role-tank .pic{background:radial-gradient(circle at 50% 35%,#64b5f659,#00000040 70%)}.card.role-dps .pic,.card.role-assassin .pic{background:radial-gradient(circle at 50% 35%,#ef535052,#00000040 70%)}.card.role-ranged .pic,.card.role-anti_air .pic{background:radial-gradient(circle at 50% 35%,#ffb74d52,#00000040 70%)}.card.role-magic .pic,.card.role-aoe .pic{background:radial-gradient(circle at 50% 35%,#b388ff5c,#00000040 70%)}.card.role-support .pic{background:radial-gradient(circle at 50% 35%,#69f0ae52,#00000040 70%)}.card.role-siege .pic,.card.role-anti_tank .pic{background:radial-gradient(circle at 50% 35%,#ffd54f4d,#00000040 70%)}.card.worker .pic{background:radial-gradient(circle at 50% 35%,#9ccc6559,#00000040 70%)}.dock-note{align-self:center;padding:8px;max-width:220px;font-size:12px;color:var(--muted);line-height:1.4}.send-targets{flex-wrap:wrap;gap:6px}.send-targets .lbl{margin:0 4px 0 0}.target-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid var(--line-2);background:#ffffff0d;color:var(--texto);cursor:pointer;font-size:12.5px;font-weight:700;transition:background .12s,border-color .12s}.target-chip small{color:var(--muted);font-weight:600}.target-chip:hover{background:#ffffff1a}.target-chip.on{background:#ef535040;border-color:var(--verm-2)}.queued{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;color:var(--gold);font-weight:700}.q-pic{width:26px;height:26px;border-radius:7px;background:#0000004d;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(244,196,48,.35)}.scout{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:5px}.scout-row{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:9px;border:1px solid var(--line);background:#ffffff0a;color:var(--texto);cursor:pointer;font-size:12px;font-weight:700;text-align:left;transition:background .12s}.scout-row:hover{background:#ffffff17}.scout-row.blue{border-left:3px solid var(--azul-2)}.scout-row.red{border-left:3px solid var(--verm-2)}.scout-row.me{box-shadow:inset 0 0 0 1px #f4c43059}.scout-row .nm{width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scout-row>span{display:inline-flex;align-items:center;gap:2px}.defbar{position:relative;flex:1;height:14px;border-radius:99px;background:#00000059;overflow:hidden}.defbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#f4c43066,#f4c430cc);border-radius:99px}.defbar b{position:relative;font-size:10px;padding-left:6px;line-height:14px}.tip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);width:300px;padding:12px;border-radius:14px;background:linear-gradient(180deg,#282846fa,#121222fa);border:1px solid rgba(244,196,48,.3);box-shadow:0 16px 40px #0000008c;pointer-events:none;animation:tip-in .16s var(--ease-out);z-index:5;font-size:12px}@keyframes tip-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}}.tip:after{content:"";position:absolute;bottom:-7px;left:50%;width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:#121222fa;border-right:1px solid rgba(244,196,48,.3);border-bottom:1px solid rgba(244,196,48,.3)}.tip-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}.tip-head img,.tip-head .img-fallback{border-radius:10px;background:#0000004d;flex:none}.tip-name{font-family:var(--display);font-size:17px;letter-spacing:.3px;margin-bottom:2px}.tip-cost{display:flex;align-items:center;gap:4px;font-weight:800;font-size:16px}.tip-desc{color:#cfcfe0;font-style:italic;margin-bottom:8px;line-height:1.35}.tstat{display:grid;grid-template-columns:54px 1fr 74px;gap:8px;align-items:center;margin:3px 0}.tstat span{color:var(--muted);font-weight:700;font-size:11px}.tstat b{text-align:right;font-size:11.5px}.tbar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.tbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-d),var(--gold))}.tip-types,.tip-match{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;font-weight:700;font-size:11.5px}.tip-ab{margin-top:6px;padding:6px 8px;border-radius:8px;background:#ffffff0d;line-height:1.35}.tip-ab b{color:var(--gold)}.tip-ab.aura b{color:var(--good)}.tip-ups{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-weight:700}.tip-up{display:inline-flex;align-items:center;gap:4px;color:#fff;padding:2px 6px 2px 2px;border-radius:7px;background:#f4c4301a}.tip-up img{border-radius:5px}.unitpanel{position:absolute;right:8px;bottom:8px;width:290px;padding:12px;animation:rise .2s var(--ease-out)}.unitpanel.blue{border-top:3px solid var(--azul-2)}.unitpanel.red{border-top:3px solid var(--verm-2)}.unitpanel.hostile{border-top:3px solid #b388ff}.unitpanel .head{display:flex;gap:10px;align-items:flex-start}.up-pic{width:64px;height:64px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#ffffff29,#0000004d 70%);display:grid;place-items:center;flex:none}.up-pic img{width:60px;height:60px;object-fit:contain}.up-name{font-weight:800;font-size:15px}.hpline{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.unitpanel .desc{font-size:12px;font-style:italic;margin:4px 0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;font-size:12px;margin:8px 0;padding:8px;border-radius:10px;background:#0003}.stats span{color:var(--muted)}.stats b small{color:var(--muted);font-weight:600}.ability{font-size:12px;padding:6px 8px;border-radius:8px;background:#ffffff0d;margin-top:4px;line-height:1.35}.ability b{color:var(--gold)}.ability.aura b{color:var(--good)}.matchup{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:700;margin-top:6px}.upgrades{display:flex;flex-direction:column;gap:5px}.upg{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:10px;border:1px solid rgba(244,196,48,.4);background:linear-gradient(90deg,#f4c43029,#f4c4300a);color:var(--texto);cursor:pointer;text-align:left;transition:transform .12s,background .12s;font-size:12px}.upg:hover:not(:disabled){transform:translate(2px);background:linear-gradient(90deg,#f4c43047,#f4c43014)}.upg:disabled{opacity:.5;cursor:not-allowed}.upg img,.upg .img-fallback{border-radius:8px;background:#0000004d}.upg span{display:flex;flex-direction:column}.upg small{display:inline-flex;align-items:center;gap:3px;font-weight:800}.sel-target{padding:5px 6px!important;font-size:11.5px!important;flex:1;min-width:0}.heropanel{position:absolute;left:8px;bottom:236px;width:290px;padding:10px;display:flex;gap:10px;align-items:center;border-color:#fff1a859;animation:rise .3s}.heropanel.down{filter:grayscale(.6)}.hero-pic{position:relative;width:58px;height:58px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#fff1a859,#0000004d 70%);display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:inset 0 0 0 2px #fff1a866}.hero-pic img{width:54px;height:54px;object-fit:contain}.hero-pic .lvl{position:absolute;bottom:-5px;right:-5px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffdc63,#e3a900);color:#3a2400;font-weight:800;font-size:12px;display:grid;place-items:center;box-shadow:0 0 0 2px var(--fundo-2)}.hero-name{font-weight:800;font-size:14px}.hero-name small{font-weight:600;font-size:11px}.xpbar{height:6px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:4px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#ffe082,#ffb300);transition:width .4s}.votebox{position:absolute;top:132px;left:50%;transform:translate(-50%);width:min(440px,calc(100vw - 16px));display:flex;flex-direction:column;gap:6px}.vote{padding:10px 12px;border-left:4px solid var(--power);animation:rise .3s var(--ease-out)}.vote.blue{border-left-color:var(--azul-2)}.vote.red{border-left-color:var(--verm-2)}.vote .q{font-weight:600;margin-bottom:6px;line-height:1.35}.vote-time{height:3px;border-radius:99px;background:#ffffff14;margin-bottom:8px;overflow:hidden}.vote-time i{display:block;height:100%;background:var(--power);transition:width 1s linear}.vote-meter{position:relative;height:16px;border-radius:99px;background:#00000059;overflow:hidden}.vote-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7e57c2,var(--power));transition:width .4s}.vote-meter span{position:relative;font-size:11px;font-weight:800;padding-left:8px;line-height:16px}.gamechat{position:absolute;left:8px;bottom:8px;width:320px;max-width:calc(100vw - 16px);display:flex;flex-direction:column;gap:4px}.gamechat .log{max-height:180px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;font-size:12.5px;pointer-events:none}.gamechat .log .m{background:#0808128c;padding:3px 8px;border-radius:8px;width:fit-content;max-width:100%;text-shadow:0 1px 2px #000;animation:rise .2s;transition:opacity 1s;backdrop-filter:blur(4px)}.gamechat .log .m.old{opacity:.55}.gamechat .log .m .ch{font-size:9.5px;font-weight:800;text-transform:uppercase;color:var(--muted);margin-right:4px;letter-spacing:.4px}.gamechat .log .m.team .ch{color:var(--good)}.gamechat .log .m.system{color:var(--gold)}.gamechat form{display:flex;gap:4px;opacity:.75;transition:opacity .15s}.gamechat.focused form,.gamechat form:hover{opacity:1}.gamechat input{flex:1;min-width:0;background:#0009;border:1px solid var(--line);color:#fff;border-radius:8px;padding:7px 9px;font-size:13px;outline:none;transition:border-color .15s}.gamechat input:focus{border-color:var(--gold)}.emotes{padding:6px;display:flex;flex-wrap:wrap;gap:4px;animation:rise .15s}.ch-btn{min-width:54px}.hint{position:absolute;bottom:236px;left:50%;transform:translate(-50%);background:#080812cc;padding:7px 14px;border-radius:99px;font-size:12px;pointer-events:none;border:1px solid var(--line-2);white-space:nowrap;animation:rise .2s}.dock.spectator{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:0}.spec-label{font-family:var(--display);font-size:20px;margin-top:4px;letter-spacing:.4px}.spec-label.blue{color:var(--azul-3)}.spec-label.red{color:var(--verm-3)}.spec-teams{display:flex;gap:16px;justify-content:center;font-size:12px;font-weight:700;margin:3px 0;flex-wrap:wrap}.spec-teams span{display:inline-flex;gap:4px;align-items:center}.floaty{position:fixed;left:0;top:0;pointer-events:none;font-weight:800;font-size:14px;text-shadow:0 2px 0 rgba(0,0,0,.65),0 0 6px rgba(0,0,0,.4);z-index:9;will-change:transform,opacity;font-family:var(--display);letter-spacing:.5px}.floaty.big{font-size:22px}.float-root{position:fixed;inset:0;pointer-events:none;z-index:9;overflow:hidden}.coach{position:absolute;left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 24px));padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#ffdc63f7,#f0b414f7);color:#2b1b00;box-shadow:0 16px 36px #00000073;animation:coach-in .4s var(--ease-back);z-index:3}@keyframes coach-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}}.coach.at-dock,.coach.at-tabs{bottom:252px}.coach.at-top{top:150px}.coach.at-lane{top:38%}.coach-step{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;opacity:.7}.coach-title{font-family:var(--display);font-size:19px;letter-spacing:.3px}.coach-text{font-size:13px;line-height:1.4;font-weight:500}.coach .btn.ghost{background:#0000001a;color:#3a2400;box-shadow:none}.coach .btn.gold{background:#2b1b00;color:var(--gold);text-shadow:none;box-shadow:0 3px #00000059}.coach-arrow{position:absolute;left:50%;width:14px;height:14px;background:#f0b414;transform:translate(-50%) rotate(45deg)}.coach.at-dock .coach-arrow,.coach.at-tabs .coach-arrow,.coach.at-lane .coach-arrow{bottom:-7px}.coach.at-top .coach-arrow{top:-7px;background:#ffdc63}.curtain{position:fixed;inset:0;z-index:25;background:#0d0d18 center / cover;display:grid;place-items:center;transition:opacity .6s,visibility .6s;pointer-events:auto}.curtain:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0d0d1859,#0d0d18e6 75%)}.curtain.out{opacity:0;visibility:hidden;pointer-events:none}.curtain-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(560px,90vw);text-align:center;animation:rise .5s var(--ease-out)}.curtain-logo{width:min(380px,70vw);filter:drop-shadow(0 12px 30px rgba(0,0,0,.7));animation:float 3s ease-in-out infinite}.curtain-mode{font-family:var(--display);font-size:18px;color:var(--gold-2);letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.5)}.curtain-bar{width:100%;height:10px;border-radius:99px;background:#00000080;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.curtain-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--verde),var(--gold));border-radius:99px;transition:width .4s var(--ease-out);box-shadow:0 0 12px #f4c43080}.curtain-tip{font-size:15px;line-height:1.45;text-shadow:0 2px 8px #000;animation:rise .5s;max-width:520px}.curtain-tip b{color:var(--gold);font-family:var(--display);letter-spacing:.5px;margin-right:6px;font-weight:400}.pause{width:min(420px,100%)}.pause.modal{max-height:92vh}.pause-list{gap:10px}.help{width:min(720px,100%)}.endscreen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;background:#05050c99;backdrop-filter:blur(4px);animation:fade .5s;overflow:auto}.end-rays{position:fixed;inset:-50%;background:repeating-conic-gradient(from 0deg,rgba(244,196,48,.07) 0deg 10deg,transparent 10deg 20deg);animation:spin 60s linear infinite;pointer-events:none}.endscreen.lose .end-rays,.endscreen.neutral .end-rays{background:repeating-conic-gradient(from 0deg,rgba(120,120,160,.05) 0deg 10deg,transparent 10deg 20deg)}.endcard{position:relative;width:min(860px,100%);max-height:94vh;overflow:auto;padding:0;text-align:center;animation:modal-in .6s var(--ease-back)}.end-art{position:relative;height:220px;background:center 30% / cover;border-radius:var(--radius) var(--radius) 0 0;display:flex;align-items:flex-end;justify-content:center}.end-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1212220d,#121222f5);border-radius:inherit}.end-title{position:relative;padding-bottom:6px}.endcard h1{font-family:var(--display);font-size:clamp(44px,8vw,78px);margin:4px 0 0;letter-spacing:2px;line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.45),0 0 40px rgba(0,0,0,.5);animation:pop .7s .2s var(--ease-back) both}.endcard h1.win{color:var(--gold);background:linear-gradient(180deg,#fff3b0,#f4c430 55%,#c99000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45));text-shadow:none}.endcard h1.lose{color:#ff8a8a}.endcard h1.blue{color:var(--azul-3)}.endcard h1.red{color:var(--verm-3)}.endcard h1.neutral{color:#e0e0ee}.end-sub{font-family:var(--display);font-size:20px;letter-spacing:.4px;animation:rise .5s .4s both}.end-body{padding:16px 20px 20px}.end-score{display:grid;grid-template-columns:1fr 1fr;gap:12px;animation:rise .5s .5s both}@media(max-width:620px){.end-score{grid-template-columns:1fr}}.es-team{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line);text-align:left}.es-team img{width:44px;height:44px;object-fit:contain}.es-team.winner{border-color:#f4c4308c;background:#f4c43014}.es-name{font-family:var(--display);font-size:16px;margin-bottom:4px}.es-team.blue .es-name{color:var(--azul-3)}.es-team.red .es-name{color:var(--verm-3)}.end-meta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:14px 0 4px;font-weight:700;font-size:13px;animation:rise .5s .6s both}.end-meta .mmr{padding:2px 10px;border-radius:99px}.end-meta .mmr.up{background:#3ddc8433;color:var(--good)}.end-meta .mmr.down{background:#ff52522e;color:#ff9a9a}.end-meta .mvp b{color:var(--gold)}.table-wrap{overflow-x:auto;animation:rise .5s .7s both}table.st{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px;min-width:560px}table.st th{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}table.st th,table.st td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}table.st th:first-child,table.st td:first-child{text-align:left}table.st tr.blue td:first-child{box-shadow:inset 3px 0 0 var(--azul-2);color:#cfe0ff}table.st tr.red td:first-child{box-shadow:inset 3px 0 0 var(--verm-2);color:#ffd6d6}table.st tr.me{background:#f4c43014;font-weight:800}table.st td.top{color:var(--gold);font-weight:800}.end-mini{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:10px;align-items:center;padding:8px 12px;animation:rise .3s}.end-mini-h{font-family:var(--display);font-size:18px;letter-spacing:.5px}.end-mini-h.win{color:var(--gold)}.end-mini-h.lose{color:#ff8a8a}.bras{width:min(1100px,100%);max-height:92vh;overflow:auto;padding:0;animation:modal-in .3s var(--ease-out)}.bras-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,#241e3efc,#18162cf7);border-bottom:1px solid var(--line);flex-wrap:wrap}.bras-head .title{font-size:24px}.bras-body{padding:16px;display:grid;gap:14px}.bras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.inst{padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s var(--ease-out),background .15s;animation:rise .3s}.inst:hover{border-color:var(--line-2);transform:translateY(-2px);background:#ffffff0f}.inst.owned-blue{border-color:#2f7bf0b3;background:linear-gradient(180deg,#0b5bd338,#0b5bd314)}.inst.owned-red{border-color:#ef5350b3;background:linear-gradient(180deg,#d32f2f38,#d32f2f14)}.inst h5{margin:0;font-size:14px;font-weight:800}.inst p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.seats{display:flex;flex-wrap:wrap;gap:4px}.seat{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 -2px #00000040;transition:background .3s}.seat.b{background:var(--azul-2)}.seat.r{background:var(--verm-2)}.seat.c{background:var(--gold)}.seat.n{background:#ffffff2e}.stf-arc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stf-seat{width:100px;text-align:center;font-size:11px}.stf-seat .pic{width:76px;height:76px;border-radius:50%;margin:0 auto 4px;background:#ffffff0f center / cover;border:3px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:26px;transition:transform .2s var(--ease-back);box-shadow:0 6px 16px #00000059}.stf-seat:hover .pic{transform:scale(1.06)}.stf-seat.b .pic{border-color:var(--azul-2)}.stf-seat.r .pic{border-color:var(--verm-2)}.stf-seat.open .pic{border-style:dashed;border-color:var(--gold);animation:danger 2s infinite}@media(max-width:1280px){.bottom:not(.spec){width:min(1000px,calc(100vw - 16px))}.gamechat{bottom:248px}.unitpanel{bottom:248px;max-height:calc(100vh - 440px);overflow:auto}.heropanel{bottom:476px}.hud:has(.unitpanel) .waveinfo{display:none}}@media(max-width:1100px){.bottom.spec{width:calc(100vw - 16px);min-width:0}.gamechat:has(~.bottom.spec),.hud:has(.bottom.spec) .gamechat{bottom:150px}}@media(max-width:1100px){.waveinfo{top:auto;bottom:250px;right:8px;width:220px}.waveinfo.closed{bottom:250px}}@media(max-width:860px){.topbar{width:calc(100vw - 16px);top:40px;grid-template-columns:1fr auto 1fr;gap:6px}.anc .emblem,.anc-sub{display:none}.wavebox{min-width:150px;padding:4px 8px 6px}.wavebox .wname{max-width:150px}.minimap{top:auto;bottom:250px;right:8px}.minimap canvas{width:150px!important;height:90px!important}.teamstat,.waveinfo,.gamechat .log{display:none}.heropanel{bottom:250px;width:230px}.hud:has(.unitpanel) .minimap{display:none}}@media(max-width:640px){.res .r{min-width:0;padding:4px 8px;font-size:13px}.tabs button{font-size:12px;padding:6px 4px}.tabs button kbd{display:none}.card{width:78px}.card .pic{width:56px;height:56px}.card .pic img{width:52px;height:52px}.dock{min-height:104px;padding:6px}.dock-note{display:none}.unitpanel{left:8px;right:8px;width:auto;bottom:236px;max-height:45vh;overflow:auto}.gamechat{display:none}.anc{padding:6px 8px}.anc .lbl2 span:first-child{display:none}.anc .lbl2{justify-content:center;font-size:15px}.anc.blue{border-left:3px solid var(--azul-2)}.anc.red{border-right:3px solid var(--verm-2)}.wavebox{min-width:120px}.coach{padding:10px 12px}.coach-title{font-size:16px}.coach-text{font-size:12px}.hint{display:none}.announce{top:150px}.announce .ribbon{padding:6px 20px}.tip{display:none}.coach.at-dock,.coach.at-tabs{bottom:236px}}@media(max-height:520px){.hud{font-size:12px}.menu-btn{top:4px;left:4px;padding:4px 8px}.topbar{top:4px;width:calc(100vw - 260px);left:calc(50% - 40px);grid-template-columns:1fr auto 1fr;gap:6px}.anc{padding:4px 8px}.anc .emblem,.anc-sub{display:none}.anc .lbl2{font-size:12px;margin-bottom:2px}.bar{height:9px}.wavebox{padding:3px 10px 5px;min-width:120px}.wavebox .wn{font-size:17px}.wavebox .timer{font-size:14px}.wavebox .phase{font-size:8px}.wavebox .wname,.wave-prog{display:none}.ready-row{margin-top:2px}.ready-btn{padding:3px 9px;font-size:11px}.teamstat,.waveinfo,.gamechat,.hint,.dock-note{display:none}.minimap{top:4px;right:4px;bottom:auto;padding:4px}.minimap canvas{width:132px!important;height:80px!important}.mm-row button{height:20px;font-size:10px}.bottom{bottom:4px;gap:3px;width:min(820px,calc(100vw - 8px))}.res{gap:3px}.res .r{padding:2px 8px;font-size:12px;min-width:0;border-radius:8px}.res .r .ic{width:14px;height:14px}.tabs button{font-size:12px;padding:4px;border-radius:8px 8px 3px 3px}.tabs button kbd{display:none}.dock{min-height:0;padding:5px}.cards{gap:5px}.card{width:62px;padding:3px 3px 4px;border-radius:9px}.card .pic{width:46px;height:46px;margin-bottom:1px}.card .pic img{width:44px;height:44px}.card .nm{display:none}.card .cost{font-size:11px;margin:0}.card .lock{top:16px;font-size:16px}.send-targets{gap:4px}.target-chip{padding:3px 8px;font-size:11px}.scout{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:120px;overflow:auto}.unitpanel{inset:44px 4px auto auto;width:260px;max-height:calc(100vh - 52px);overflow:auto;padding:8px}.unitpanel .desc,.unitpanel .stats{display:none}.coach{width:min(340px,56vw);padding:8px 10px}.coach-title{font-size:15px}.coach-text{font-size:11.5px}.coach.at-dock,.coach.at-tabs{bottom:140px}.coach.at-top{top:78px}.coach.at-lane{top:30%}.announce{top:64px}.announce .big{font-size:26px}.announce .small{font-size:12px}.votebox{top:64px}.toasts{top:96px}.heropanel{bottom:140px;width:230px;padding:6px}.tip{display:none}}@media(pointer:coarse){.card:hover{transform:none}.btn.xs{padding:8px 11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-bg{animation:none}}body:has(.endscreen) .float-root,body:has(.curtain:not(.out)) .float-root{display:none}@media(max-height:960px){.hud:has(.unitpanel) .waveinfo{display:none}}