:root{--sup-0: #14191b;--sup-1: #1a2124;--sup-2: #222b2f;--sup-3: #2c3639;--borda: #303c40;--txt-1: #e6edef;--txt-2: #9fb0b5;--txt-3: #6b7c81;--acento: #7c6cf0;--acento-fraco: #2a2748;--online: #3fb950;--perigo: #d3564f;--perigo-fraco: #5b2230;--txt-sobre-acento: #ffffff;--txt-sobre-perigo: #ffd9d7;--sup-brilho: #223034;--raio-xs: 4px;--raio-sm: 8px;--raio-md: 12px;--raio-lg: 16px;--raio-full: 999px;--t-xs: 11px;--t-sm: 12px;--t-md: 13px;--t-lg: 15px;--t-xl: 19px;--p-normal: 400;--p-medio: 550;--p-forte: 700;--lh-ui: 1.35;--lh-texto: 1.55;--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-6: 24px;--e-8: 32px;--elev-1: 0 1px 2px rgb(0 0 0 / 28%);--elev-2: 0 4px 12px rgb(0 0 0 / 34%);--elev-3: 0 12px 32px rgb(0 0 0 / 45%);--estado-hover: rgb(255 255 255 / 6%);--estado-ativo: rgb(255 255 255 / 10%);--mov-rapido: .12s;--mov-medio: .18s;--mov-lento: .26s;--ease-entra: cubic-bezier(.2, 0, 0, 1);--ease-sai: cubic-bezier(.4, 0, 1, 1);--foco: 0 0 0 2px var(--sup-0), 0 0 0 4px var(--acento);--rail-w: 56px;--sidebar-w: 268px;--topo-h: 52px;--fonte: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--sup-0);color:var(--txt-1);font-family:var(--fonte);font-size:var(--t-md);overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--foco)}button:disabled{cursor:not-allowed}.rail-btn,.topo-btn,.pessoa,.canal,.variante,.reacao-btn,.pessoa-acoes,.botao-secundario,.botao-primario,.editor-item,.editor-pilula-btn{transition:background-color var(--mov-rapido) var(--ease-entra),color var(--mov-rapido) var(--ease-entra),border-color var(--mov-rapido) var(--ease-entra)}.reacoes-painel{animation:entra-de-baixo var(--mov-medio) var(--ease-entra)}.aviso-topo{animation:entra-de-cima var(--mov-medio) var(--ease-entra)}.editor-painel{animation:entra-do-lado var(--mov-lento) var(--ease-entra)}@keyframes entra-de-cima{0%{opacity:0;transform:translateY(-4px)}}@keyframes entra-de-baixo{0%{opacity:0;transform:translateY(6px)}}@keyframes entra-do-lado{0%{opacity:0;transform:translate(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.app{display:grid;grid-template-columns:var(--rail-w) var(--sidebar-w) 1fr;grid-template-rows:100%;height:100%;padding:var(--e-2);column-gap:0}.app[data-sidebar=fechada]{grid-template-columns:var(--rail-w) 0 1fr}.rail{grid-column:1}.sidebar{grid-column:2}.palco{grid-column:3}.rail{background:var(--sup-1);border-radius:var(--raio-md);margin-right:var(--e-2);display:flex;flex-direction:column;align-items:center;gap:var(--e-1);padding:var(--e-3) 0}.rail-btn{position:relative;width:38px;height:38px;border-radius:var(--raio-sm);display:grid;place-items:center;color:var(--txt-2)}.rail-btn:hover:not(:disabled){background:var(--estado-hover);color:var(--txt-1)}.rail-btn[aria-current=true]{background:var(--acento-fraco);color:var(--txt-1)}.rail-btn:disabled{color:var(--txt-3)}.rail-sep{flex:1}.rail-badge{position:absolute;top:3px;right:3px;min-width:15px;height:15px;padding:0 var(--e-1);border-radius:var(--raio-full);background:var(--perigo);color:var(--txt-sobre-acento);font-size:var(--t-xs);font-weight:var(--p-forte);display:grid;place-items:center}.sidebar{background:var(--sup-1);border-radius:var(--raio-md);margin-right:var(--e-2);display:flex;flex-direction:column;overflow:hidden}.app[data-sidebar=fechada] .sidebar{display:none}.sidebar-topo{display:flex;align-items:center;gap:var(--e-2);height:var(--topo-h);padding:0 var(--e-2) 0 var(--e-4);border-bottom:1px solid var(--borda);flex:none}.sidebar-titulo{font-size:var(--t-lg);font-weight:var(--p-medio);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-corpo{flex:1;overflow-y:auto;padding:var(--e-3);display:flex;flex-direction:column;gap:var(--e-4)}.busca{display:flex;align-items:center;gap:var(--e-2);background:var(--sup-2);border:1px solid transparent;border-radius:var(--raio-sm);padding:var(--e-2);color:var(--txt-2)}.busca:focus-within{border-color:var(--acento)}.busca input{flex:1;min-width:0;background:none;border:0;color:var(--txt-1);font:inherit}.busca input::placeholder{color:var(--txt-3)}.grupo-titulo{display:flex;align-items:center;gap:var(--e-2);color:var(--txt-2);font-size:var(--t-sm);font-weight:var(--p-medio);letter-spacing:.04em;text-transform:uppercase;padding:0 var(--e-1) var(--e-2)}.lista{display:flex;flex-direction:column;gap:2px}.pessoa{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2);border-radius:var(--raio-sm);width:100%;text-align:left}.pessoa:hover{background:var(--estado-hover)}.pessoa-acoes{opacity:0;flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--raio-sm);color:var(--txt-2)}.pessoa:hover .pessoa-acoes,.pessoa-acoes:focus-visible{opacity:1}.pessoa-acoes:hover{background:var(--estado-ativo);color:var(--txt-1)}.pessoa[data-eu=true] .pessoa-nome:after{content:" (você)";color:var(--txt-3);font-weight:var(--p-normal)}.avatar{position:relative;width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:var(--t-xs);font-weight:var(--p-forte);color:var(--txt-sobre-acento)}.avatar-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--sup-1);background:var(--txt-3)}.avatar-dot[data-online=true]{background:var(--online)}.pessoa-texto{min-width:0}.pessoa-nome{font-size:var(--t-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pessoa-status{color:var(--txt-3);font-size:var(--t-xs)}.vazio{color:var(--txt-3);font-size:var(--t-sm);padding:var(--e-1) var(--e-2)}.canal{display:flex;align-items:center;gap:var(--e-2);width:100%;padding:var(--e-2);border-radius:var(--raio-sm);text-align:left;color:var(--txt-2)}.canal:hover{background:var(--estado-hover);color:var(--txt-1)}.canal[data-aberto=true]{background:var(--acento-fraco);color:var(--txt-1)}.canal-marca{display:inline-grid;place-items:center;width:16px;color:var(--txt-3)}.canal-nome{flex:1;min-width:0;font-size:var(--t-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canal-badge{min-width:18px;padding:1px var(--e-1);border-radius:var(--raio-full);background:var(--perigo);color:var(--txt-sobre-acento);font-size:var(--t-xs);font-weight:var(--p-forte);text-align:center}.overlay-fundo{position:absolute;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--e-4);pointer-events:none}.overlay-fundo[data-expandido=true]{position:fixed;align-items:stretch;justify-content:stretch;padding:0;background:#0000008c;pointer-events:auto}.overlay{pointer-events:auto;display:flex;flex-direction:column;width:min(420px,100%);height:min(520px,100%);background:var(--sup-1);border:1px solid var(--borda);border-radius:var(--raio-md);box-shadow:var(--elev-3);overflow:hidden}.overlay-fundo[data-expandido=true] .overlay{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.overlay-topo{display:flex;align-items:center;gap:var(--e-2);height:var(--topo-h);flex:none;padding:0 var(--e-2) 0 var(--e-3);background:var(--sup-2);border-bottom:1px solid var(--borda)}.overlay-titulo{flex:1;font-weight:var(--p-medio)}.overlay-corpo{line-height:var(--lh-texto);flex:1;overflow-y:auto;padding:var(--e-3);display:flex;flex-direction:column;gap:var(--e-3);overflow-wrap:anywhere}.overlay-fundo[data-expandido=true] .overlay-corpo{line-height:var(--lh-texto);width:min(760px,100%);margin:0 auto}.msg{display:flex;gap:var(--e-2);align-items:flex-start}.msg-avatar{width:26px;height:26px;font-size:var(--t-xs)}.msg-texto{min-width:0;display:flex;flex-direction:column;gap:1px}.msg-autor{font-size:var(--t-sm);color:var(--txt-2);font-weight:var(--p-medio)}.msg[data-eu=true] .msg-autor{color:var(--acento)}.msg-sistema{color:var(--txt-3);font-size:var(--t-sm);font-style:italic;margin:0;text-align:center}.overlay-fundo[data-expandido=true] .overlay-envio{padding-inline:max(var(--e-3),calc((100% - 760px)/2))}.overlay-envio{display:flex;gap:var(--e-2);flex:none;padding:var(--e-3);background:var(--sup-2);border-top:1px solid var(--borda)}.overlay-envio input{flex:1;min-width:0;padding:var(--e-2) var(--e-3);font:inherit;color:var(--txt-1);background:var(--sup-1);border:1px solid var(--borda);border-radius:var(--raio-sm)}.overlay-envio input:focus{outline:none;border-color:var(--acento)}.botao-primario{padding:var(--e-2) var(--e-4);border-radius:var(--raio-sm);background:var(--acento);color:var(--txt-sobre-acento);font-weight:var(--p-medio)}.botao-primario:disabled{background:var(--sup-3);color:var(--txt-3)}.palco{position:relative;display:flex;flex-direction:column;min-width:0;gap:var(--e-2)}.topo{height:var(--topo-h);flex:none;display:flex;align-items:center;gap:var(--e-3);padding:0 var(--e-1)}.chip{display:inline-flex;align-items:center;gap:var(--e-2);background:var(--sup-2);border-radius:var(--raio-full);padding:var(--e-1) var(--e-3) var(--e-1) var(--e-2);font-size:var(--t-md)}.chip-privado{color:var(--txt-2);display:inline-grid;place-items:center}.topo-dir{margin-left:auto;display:flex;gap:var(--e-1);background:var(--sup-1);border-radius:var(--raio-full);padding:var(--e-1) var(--e-2)}.topo-btn{width:34px;height:34px;border-radius:var(--raio-sm);display:grid;place-items:center;color:var(--txt-2)}.topo-btn:hover:not(:disabled){background:var(--estado-hover);color:var(--txt-1)}.topo-btn:disabled{color:var(--txt-3)}.topo-btn[aria-pressed=true]{background:var(--acento-fraco);color:var(--txt-1)}.reacoes{position:relative}.reacoes-painel{position:absolute;bottom:calc(100% + var(--e-2));left:50%;translate:-50% 0;z-index:20;display:flex;gap:var(--e-1);padding:var(--e-2);background:var(--sup-2);border:1px solid var(--borda);border-radius:var(--raio-md);box-shadow:0 8px 24px #0006}.reacao-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--raio-sm);font-size:var(--t-xl)}.reacao-btn:hover{background:var(--estado-ativo)}.palco-mundo{position:relative;flex:1;min-height:120px;overflow:hidden;border-radius:var(--raio-lg)}#game,#game canvas{display:block;width:100%;height:100%}.decorativo{position:relative}.decorativo:after{content:"";position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--txt-3);opacity:.55}.login{height:100%;display:grid;place-items:center;padding:var(--e-6);background:radial-gradient(900px 420px at 50% -10%,var(--sup-brilho) 0%,transparent 70%),var(--sup-0)}.login-cartao{width:min(380px,100%);display:flex;flex-direction:column;gap:var(--e-4);padding:var(--e-6);background:var(--sup-1);border:1px solid var(--borda);border-radius:var(--raio-md);box-shadow:var(--elev-3)}.login-marca{display:flex;align-items:center;gap:var(--e-3)}.login-logo{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--raio-sm);background:var(--acento);color:var(--txt-sobre-acento);font-weight:var(--p-forte);font-size:var(--t-xl)}.login-titulo{margin:0;font-size:var(--t-xl);font-weight:var(--p-forte);letter-spacing:-.01em}.login-sub{margin:2px 0 0;color:var(--txt-2);font-size:var(--t-sm);line-height:var(--lh-ui)}.login-abas{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-1);padding:var(--e-1);background:var(--sup-2);border-radius:var(--raio-md)}.login-abas button{padding:var(--e-2);border-radius:var(--raio-sm);color:var(--txt-2);font-size:var(--t-md);font-weight:var(--p-medio)}.login-abas button[aria-selected=true]{background:var(--sup-1);color:var(--txt-1)}.campo{display:flex;flex-direction:column;gap:var(--e-2)}.campo>span{font-size:var(--t-sm);color:var(--txt-2);font-weight:var(--p-medio)}.campo input{padding:var(--e-2) var(--e-3);font:inherit;color:var(--txt-1);background:var(--sup-2);border:1px solid var(--borda);border-radius:var(--raio-sm)}.campo input:focus{outline:none;border-color:var(--acento)}.campo-dica{color:var(--txt-3);font-size:var(--t-xs)}.campo-erro{color:var(--perigo);font-size:var(--t-xs)}.login-erro{margin:0;padding:var(--e-2) var(--e-3);border-radius:var(--raio-sm);background:color-mix(in srgb,var(--perigo) 16%,transparent);border:1px solid color-mix(in srgb,var(--perigo) 40%,transparent);color:var(--txt-sobre-perigo);font-size:var(--t-sm)}.login-enviar{padding:var(--e-3)}.carregando{height:100%;display:grid;place-items:center;color:var(--txt-3);font-size:var(--t-md)}.sidebar-rodape{display:flex;align-items:center;gap:var(--e-2);flex:none;padding:var(--e-2) var(--e-2) var(--e-2) var(--e-3);border-top:1px solid var(--borda)}.aviso-topo{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:10;padding:var(--e-2) var(--e-4);border-radius:var(--raio-full);background:var(--sup-2);border:1px solid var(--borda);color:var(--txt-2);font-size:var(--t-sm)}.falha-boot{display:flex;flex-direction:column;gap:var(--e-3);align-items:center;text-align:center}.falha-boot p{margin:0;color:var(--txt-1);font-size:var(--t-md)}.falha-motivo{color:var(--txt-3)!important;font-size:var(--t-sm)!important;max-width:42ch}.previa-caixa{display:grid;place-items:center;padding:var(--e-3) 0;background:var(--sup-2);border:1px solid var(--borda);border-radius:var(--raio-md)}.previa-avatar{image-rendering:pixelated}.camada{display:flex;flex-direction:column;gap:var(--e-2)}.camada-conta{color:var(--txt-3);font-weight:var(--p-normal);font-size:var(--t-xs)}.camada-busca{padding:var(--e-1) var(--e-2);background:var(--sup-2);color:var(--txt-1);border:1px solid var(--borda);border-radius:var(--raio-sm);font-size:var(--t-sm)}.camada-busca:focus{outline:none;border-color:var(--acento)}.camada-vazia{margin:0;color:var(--txt-3);font-size:var(--t-sm)}.variantes,.cores{display:flex;flex-wrap:wrap;gap:var(--e-1)}.variantes--lista{max-height:132px;overflow-y:auto;align-content:flex-start}.variante{min-width:32px;height:32px;padding:0 var(--e-2);border-radius:var(--raio-sm);background:var(--sup-2);color:var(--txt-2);font-size:var(--t-sm)}.variante--nome{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.botao-secundario{padding:var(--e-2) var(--e-3);border-radius:var(--raio-sm);background:var(--sup-2);color:var(--txt-1);font-size:var(--t-sm);align-self:flex-start}.botao-secundario:hover{background:var(--estado-ativo)}.variante:hover{background:var(--estado-ativo);color:var(--txt-1)}.variante[aria-pressed=true]{background:var(--acento);color:var(--txt-sobre-acento)}.cor{width:32px;height:32px;border-radius:50%;border:2px solid transparent}.cor[aria-pressed=true]{border-color:var(--txt-1)}.editor-pilula{position:fixed;top:0;left:0;transform:translate3d(-999px,-999px,0);will-change:transform;visibility:hidden;z-index:40;display:flex;align-items:center;gap:var(--e-1);padding:var(--e-1) var(--e-2);border-radius:var(--raio-full);background:var(--sup-2);border:1px solid var(--borda);box-shadow:0 6px 20px #00000073;translate:-50% 0}.editor-pilula-nome{font-size:var(--t-sm);color:var(--txt-2);padding:0 var(--e-1);max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-pilula-btn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--txt-1);cursor:pointer;font-size:var(--t-md);line-height:1}.editor-pilula-btn:hover{background:var(--estado-ativo)}.editor-pilula-btn.perigo:hover{background:var(--perigo-fraco);color:var(--txt-sobre-perigo)}.editor-painel{position:fixed;top:var(--e-2);right:var(--e-2);bottom:var(--e-2);width:320px;z-index:30;display:flex;flex-direction:column;background:var(--sup-1);border-radius:var(--raio-md);box-shadow:var(--elev-3);overflow:hidden}.editor-cabecalho{display:flex;align-items:center;justify-content:space-between;padding:var(--e-3) var(--e-4);border-bottom:1px solid var(--borda)}.editor-cabecalho h2{margin:0;font-size:var(--t-lg)}.editor-paleta{display:flex;flex-direction:column;min-height:0;flex:1;padding:var(--e-3);gap:var(--e-3)}.editor-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e-2);overflow-y:auto;min-height:0;align-content:start}.editor-item{aspect-ratio:1;display:grid;place-items:center;padding:var(--e-2);border:1px solid transparent;border-radius:var(--raio-sm);background:var(--sup-2);cursor:pointer}.editor-item:hover{border-color:var(--borda)}.editor-item[data-ativo=true]{border-color:var(--acento);background:var(--sup-3)}.editor-item img{max-width:100%;max-height:100%;image-rendering:pixelated}.editor-sem-arte{color:var(--txt-2);font-size:var(--t-xl)}.editor-dica{margin:0;font-size:var(--t-sm);color:var(--txt-2)}.editor-dica kbd{padding:1px var(--e-1);border:1px solid var(--borda);border-radius:var(--raio-xs);background:var(--sup-2)}.barra-mundo{position:absolute;bottom:var(--e-3);left:50%;translate:-50% 0;z-index:15;display:flex;align-items:center;gap:var(--e-1);padding:var(--e-1) var(--e-2);border-radius:var(--raio-full);background:var(--sup-1);border:1px solid var(--borda);box-shadow:var(--elev-2)}.barra-btn{width:36px;height:36px;border-radius:var(--raio-full);display:grid;place-items:center;color:var(--txt-1);transition:background-color var(--mov-rapido) var(--ease-entra),color var(--mov-rapido) var(--ease-entra)}.barra-btn:hover:not(:disabled){background:var(--estado-hover)}.barra-btn:active:not(:disabled){background:var(--estado-ativo)}.barra-btn:disabled{color:var(--txt-3)}.barra-btn.ativo{background:var(--acento);color:var(--txt-sobre-acento)}.barra-btn.desligado{background:var(--perigo-fraco);color:var(--perigo)}.barra-btn.desligado:hover:not(:disabled){background:var(--perigo-fraco);color:var(--txt-1)}.barra-sep{width:1px;height:20px;margin:0 var(--e-1);background:var(--borda)}.trilho-mundo{position:absolute;right:var(--e-3);top:50%;translate:0 -50%;z-index:15;display:flex;flex-direction:column;align-items:center;gap:var(--e-1);padding:var(--e-2) var(--e-1);border-radius:var(--raio-full);background:var(--sup-1);border:1px solid var(--borda);box-shadow:var(--elev-2)}.trilho-sep{width:20px;height:1px;margin:var(--e-1) 0;background:var(--borda)}