:root{--fundo: #0b1d2a;--painel: rgba(8, 24, 36, .82);--borda: rgba(255,255,255,.12);--texto: #f3f6f8;--suave: #9fb3c1;--amarelo: #ffd23f;--verde: #2ec4b6;--vermelho: #ff5d73;--azul: #4cc9f0;--fonte: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fundo);color:var(--texto);font-family:var(--fonte);overflow:hidden;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}canvas{display:block}button{font-family:var(--fonte);font-weight:800;cursor:pointer;border:0;border-radius:14px;padding:10px 16px;background:var(--amarelo);color:#1b1b1b;font-size:15px;transition:transform .08s,filter .15s}button:active{transform:scale(.96)}button.suave{background:var(--painel);color:var(--texto);border:1px solid var(--borda);backdrop-filter:blur(8px)}button.ativo{outline:2px solid var(--amarelo)}input{font-family:var(--fonte);font-weight:700;font-size:16px;border-radius:14px;border:2px solid var(--borda);background:#ffffff0f;color:var(--texto);padding:12px 14px;outline:0;width:100%}input:focus{border-color:var(--amarelo)}.entrada{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,#1d4e6b 0%,var(--fundo) 60%);z-index:20;padding:16px;overflow:auto}.cartao{width:min(440px,100%);background:var(--painel);border:1px solid var(--borda);border-radius:24px;padding:24px;backdrop-filter:blur(14px);box-shadow:0 30px 80px #00000073}.logo{font-weight:900;font-size:34px;letter-spacing:-1px;line-height:1;margin:0 0 4px}.logo span{color:var(--amarelo)}.sub{color:var(--suave);margin:0 0 18px;font-size:14px}.cidade-card{display:flex;gap:12px;align-items:center;background:#ffffff0d;border:1px solid var(--borda);border-radius:16px;padding:12px 14px;margin-bottom:16px}.cidade-card .uf{font-size:26px;font-weight:900;color:var(--amarelo);min-width:44px}.cidade-card small{color:var(--suave);display:block}.rotulo{font-size:12px;color:var(--suave);font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin:12px 0 6px}.cores{display:flex;gap:8px;flex-wrap:wrap}.cor{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer}.cor.sel{border-color:#fff;transform:scale(1.1)}.btn-entrar{width:100%;margin-top:18px;padding:14px;font-size:17px}.aviso{font-size:12px;color:var(--suave);margin-top:12px;line-height:1.4}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.topo{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.placa{background:var(--painel);border:1px solid var(--borda);border-radius:16px;padding:10px 14px;backdrop-filter:blur(10px)}.placa h1{margin:0;font-size:16px;line-height:1.1}.placa h1 small{color:var(--amarelo)}.placa .linha{color:var(--suave);font-size:12px;margin-top:4px}.placa .linha b{color:var(--texto)}.acoes-topo{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.acoes-topo button{padding:8px 12px;font-size:13px}.barra{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:2;display:flex;gap:6px;background:var(--painel);border:1px solid var(--borda);border-radius:18px;padding:6px;backdrop-filter:blur(10px)}.barra button{padding:9px 12px;font-size:13px;background:transparent;color:var(--texto)}.barra button:hover{background:#ffffff14}.barra button.falar{background:var(--amarelo);color:#1b1b1b}.chat{position:absolute;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));width:min(340px,calc(100vw - 20px));background:var(--painel);border:1px solid var(--borda);border-radius:18px;backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden}.chat.fechado{height:auto}.chat .abas{display:flex;gap:2px;padding:6px 6px 0}.chat .abas button{background:transparent;color:var(--suave);padding:6px 10px;font-size:12px;border-radius:10px}.chat .abas button.ativo{background:#ffffff1a;color:var(--texto);outline:0}.chat .abas .fechar{margin-left:auto}.chat .msgs{height:170px;overflow-y:auto;padding:6px 10px;font-size:13px;line-height:1.35}.chat .msgs .m b{color:var(--amarelo)}.chat .msgs .m.tipo-sis{color:var(--suave);font-style:italic}.chat .msgs .m.tipo-npc{color:var(--verde)}.chat form{display:flex;gap:6px;padding:6px;border-top:1px solid var(--borda)}.chat form input{padding:8px 10px;font-size:14px;border-radius:10px}.chat form button{padding:8px 12px;border-radius:10px}.dialogo{position:absolute;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(460px,calc(100vw - 20px));background:var(--painel);border:1px solid var(--amarelo);border-radius:18px;backdrop-filter:blur(12px);padding:12px}.dialogo h3{margin:0 0 2px;font-size:15px}.dialogo h3 small{color:var(--suave);font-weight:700}.dialogo .falas{max-height:180px;overflow-y:auto;font-size:14px;line-height:1.4;margin:8px 0}.dialogo .falas .f{margin-bottom:6px}.dialogo .falas .f.eu{color:var(--suave)}.dialogo .falas .f.npc{background:#ffffff0f;border-radius:10px;padding:6px 8px}.dialogo .falas .pensando{color:var(--amarelo);font-style:italic}.dialogo form{display:flex;gap:6px}.dialogo .fechar{position:absolute;top:8px;right:8px;padding:4px 8px;font-size:12px}.dialogo .motor{font-size:10px;color:var(--suave);margin-top:4px}.toast{position:absolute;top:70px;left:50%;transform:translate(-50%);background:var(--painel);border:1px solid var(--borda);padding:8px 14px;border-radius:12px;font-size:13px;animation:sobe .3s ease-out}@keyframes sobe{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.carregando{position:absolute;inset:0;display:grid;place-items:center;background:var(--fundo);z-index:15;font-weight:800;color:var(--suave)}.dica{position:absolute;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:var(--suave);font-size:12px;background:#00000059;padding:4px 10px;border-radius:8px;white-space:nowrap}.joystick{display:none;position:absolute;left:24px;bottom:calc(90px + env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.18);touch-action:none}.joystick .bola{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffd23fd9}@media(max-width:720px){.chat .msgs{height:110px}.chat{width:min(300px,calc(100vw - 20px))}.placa h1{font-size:14px}.barra button{padding:8px 9px;font-size:12px}.dica{display:none}}.btn-pulo{display:none;position:absolute;right:24px;bottom:calc(90px + env(safe-area-inset-bottom));width:64px;height:64px;border-radius:50%;background:#ffd23fd9;color:#1b1b1b;font-size:28px;padding:0;touch-action:none;z-index:3}@media(min-width:721px){.btn-pulo{bottom:calc(260px + env(safe-area-inset-bottom))}}body.jogando .joystick,body.jogando .btn-pulo{display:block}@media(max-width:720px){.barra{bottom:calc(10px + env(safe-area-inset-bottom));left:10px;transform:none;max-width:calc(100vw - 110px);flex-wrap:wrap}.btn-pulo{bottom:calc(14px + env(safe-area-inset-bottom));right:14px;width:60px;height:60px}.joystick{left:14px;bottom:calc(70px + env(safe-area-inset-bottom));width:110px;height:110px}.chat{bottom:auto;top:calc(96px + env(safe-area-inset-top));right:10px;width:min(260px,calc(100vw - 20px))}.chat .msgs{height:90px}.topo .placa{max-width:62vw}}.perto{position:absolute;top:calc(96px + env(safe-area-inset-top));left:10px;width:min(320px,calc(100vw - 20px));max-height:55vh;overflow-y:auto;background:var(--painel);border:1px solid var(--borda);border-radius:16px;backdrop-filter:blur(10px);padding:8px 10px}.perto .cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.perto .cab .fechar{padding:2px 8px}.perto .item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid var(--borda)}.perto .item .nome{font-weight:800}.perto .item.cerebro .nome{color:var(--verde)}.perto .item.humano .nome{color:var(--amarelo)}.perto .item small{display:block;color:var(--suave);font-size:11px}.perto .item button{padding:6px 10px;font-size:12px}.perto .vazio{color:var(--suave);font-size:13px;padding:6px 0}@media(max-width:720px){.perto{top:auto;bottom:calc(150px + env(safe-area-inset-bottom));max-height:40vh}}.menu-danca{position:absolute;bottom:calc(70px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:6px;backdrop-filter:blur(10px);z-index:3}.menu-danca button{padding:8px 10px;font-size:13px}.menu-danca .parar{color:var(--suave)}.viajar{position:absolute;top:calc(96px + env(safe-area-inset-top));right:10px;width:min(340px,calc(100vw - 20px));background:var(--painel);border:1px solid var(--borda);border-radius:16px;backdrop-filter:blur(10px);padding:8px 10px;z-index:4}.viajar .cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.viajar .item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid var(--borda)}.viajar .item .nome{font-weight:800}.viajar .item small{display:block;color:var(--suave);font-size:11px}.viajar .item button{padding:6px 10px;font-size:12px}.viajar .vazio{color:var(--suave);font-size:12px;padding:8px 0 2px}@media(max-width:720px){.menu-danca{left:10px;transform:none;bottom:calc(66px + env(safe-area-inset-bottom));max-width:calc(100vw - 100px)}.viajar{top:calc(140px + env(safe-area-inset-top))}}@media(max-width:720px){.acoes-topo{max-width:46vw}.acoes-topo button{padding:6px 8px;font-size:12px;border-radius:10px}.placa{padding:8px 10px}.placa .linha{font-size:11px}}.aceno{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 20px));max-height:50vh;overflow-y:auto;background:var(--painel);border:1px solid var(--borda);border-radius:16px;backdrop-filter:blur(10px);padding:8px 10px;z-index:4}.aceno .cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.aceno .item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid var(--borda)}.aceno .item .nome{font-weight:800}.aceno .item.cerebro .nome{color:var(--verde)}.aceno .item.humano .nome{color:var(--amarelo)}.aceno .item small{display:block;color:var(--suave);font-size:11px}.aceno .item button{padding:6px 10px;font-size:12px}.aceno .vazio{color:var(--suave);font-size:13px;padding:6px 0}.conversar{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;padding:0;font-size:17px;border-radius:50%;background:#081824e0;color:var(--texto);border:2px solid var(--amarelo);z-index:1;display:grid;place-items:center}.conversar.cerebro{border-color:var(--verde)}.conversar.humano{border-color:var(--amarelo);background:#ffd23feb;color:#1b1b1b}.barra button b{background:var(--amarelo);color:#1b1b1b;border-radius:10px;padding:0 6px;margin-left:4px}@media(max-width:720px){.aceno{left:10px;transform:none;bottom:calc(66px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 90px))}.barra button{font-size:11px;padding:7px 8px}.conversar{font-size:11px;padding:4px 7px}}.acoes-dialogo{display:flex;gap:6px;align-items:center;margin-top:8px}.acoes-dialogo button{padding:6px 10px;font-size:12px}.ja-amigo{color:var(--verde);font-weight:800;font-size:12px}.pedido{position:absolute;top:110px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:var(--painel);border:1px solid var(--amarelo);border-radius:14px;padding:8px 12px;font-size:13px;backdrop-filter:blur(10px);z-index:6}.pedido button{padding:6px 10px;font-size:12px}.conversar{touch-action:manipulation}.recentes{left:auto;right:10px}.acoes-dialogo button small{color:var(--suave);font-weight:700}@media(max-width:720px){.recentes{right:10px;left:auto;bottom:calc(150px + env(safe-area-inset-bottom))}}.chat .msgs .m{word-break:break-word}.placa-aluga{pointer-events:none}.cartao.largo{width:min(640px,100%)}.editor{display:grid;grid-template-columns:220px 1fr;gap:14px;margin-top:12px}.editor .previa{position:relative;background:radial-gradient(circle at 50% 30%,#ffffff14,#0000);border:1px solid var(--borda);border-radius:16px;overflow:hidden}.editor .previa canvas{width:100%;height:300px;display:block;touch-action:none}.editor .setas{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:8px}.editor .setas button{padding:4px 12px}.editor .segmentos,.editor .roupas{display:flex;gap:6px;flex-wrap:wrap}.editor .segmentos button,.editor .roupas button{padding:7px 12px;font-size:13px;position:relative}.editor button.sel{outline:2px solid var(--amarelo);color:var(--amarelo)}.editor button.bloq{opacity:.45;cursor:not-allowed}.editor button.bloq small{display:block;font-size:9px;font-weight:800;color:var(--amarelo);line-height:1}.editor .rotulo{margin-top:8px}.editor .cores .cor{width:26px;height:26px}@media(max-width:720px){.editor{grid-template-columns:1fr}.editor .previa canvas{height:240px}.entrada{align-items:start}}.painel{position:absolute;width:min(340px,calc(100vw - 20px));max-height:55vh;overflow-y:auto;background:var(--painel);border:1px solid var(--borda);border-radius:16px;backdrop-filter:blur(10px);padding:8px 10px;z-index:4}.painel .cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.painel .cab .fechar{padding:2px 8px}.painel .item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid var(--borda)}.painel .item .nome{font-weight:800}.painel .item.cerebro .nome{color:var(--verde)}.painel .item.humano .nome{color:var(--amarelo)}.painel .item small{display:block;color:var(--suave);font-size:11px}.painel .item button{padding:6px 10px;font-size:12px}.painel .vazio{color:var(--suave);font-size:13px;padding:6px 0}.painel.perto{top:calc(96px + env(safe-area-inset-top));left:10px}.painel.recentes,.painel.viajar{top:calc(96px + env(safe-area-inset-top));right:10px}.painel.aceno{bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.badge{background:var(--vermelho);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;margin-left:4px}.conversar.ativo{background:var(--amarelo);color:#1b1b1b}.dialogo h3 .privado{color:var(--suave);font-size:11px}.barra .entrar-casa{background:var(--verde);color:#0b1d2a}.casa{position:absolute;inset:0;display:grid;place-items:center;background:#050f19c7;backdrop-filter:blur(6px);z-index:30;padding:16px;overflow:auto}.casa h2{margin:0 0 4px}.acoes-casa{display:flex;gap:8px;margin-top:14px}@media(max-width:720px){.painel.perto,.painel.recentes,.painel.viajar{top:calc(150px + env(safe-area-inset-top))}.painel.aceno{left:10px;transform:none;bottom:calc(66px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 90px))}.casa{align-items:start}}.placa .marca{font-size:11px;font-weight:900;letter-spacing:.5px;color:var(--suave);text-transform:uppercase}.placa .marca span{color:var(--amarelo)}.painel.eleicao{top:calc(96px + env(safe-area-inset-top));right:10px;width:min(380px,calc(100vw - 20px));max-height:70vh}.painel .bloco{padding:8px 0;border-top:1px solid var(--borda);font-size:13px;line-height:1.4}.painel .bloco .titulo{font-weight:900;margin-bottom:4px;color:var(--amarelo);text-transform:uppercase;font-size:11px;letter-spacing:.5px}.painel .bloco small{color:var(--suave);display:block;margin-top:4px;font-size:11px}.painel .bloco .mensagem{background:#ffd23f1f;border-radius:10px;padding:6px 8px;margin-top:6px}.painel .bloco .candidatar{margin-top:8px;width:100%}.painel .gabinete form{display:flex;gap:6px;margin-bottom:6px}.painel .gabinete form input{padding:8px 10px;font-size:13px}.painel .gabinete form button{padding:8px 10px;font-size:12px}.painel .gabinete>button{width:100%;margin-top:4px;font-size:12px}.placa .linha.apelido b{color:var(--amarelo)}@media(max-width:720px){.painel.eleicao{top:calc(150px + env(safe-area-inset-top));max-height:55vh}}