/* Fronteira Quest · celular (Zap da Fronteira) */
.celular-botao{position:absolute;z-index:5;left:16px;top:50%;transform:translateY(-50%);width:54px;height:54px;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(160deg,#161f36,#0d1322);box-shadow:inset 0 0 0 1px #25d36688,0 0 16px #25d36644,0 6px 18px #000a;transition:transform .12s,box-shadow .15s}
.celular-botao:hover{transform:translateY(-50%) scale(1.06);box-shadow:inset 0 0 0 2px #25d366,0 0 22px #25d36688}
.celular-botao.ativo{box-shadow:inset 0 0 0 2px #25d366,0 0 24px #25d366aa}
.celular-botao.hidden,.celular.hidden,.celular .hidden{display:none!important}
.cel-ico{font-size:26px;line-height:54px}
.cel-tecla{position:absolute;left:3px;top:2px;padding:0 4px;border-radius:4px;background:#000a;color:#ffcf7a;font:600 9px 'IBM Plex Mono',monospace}
.cel-badge{position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#25d366;color:#04140a;font:800 12px/20px 'Barlow Condensed',sans-serif;box-shadow:0 0 10px #25d366}
.celular{position:absolute;z-index:7;left:84px;top:92px;bottom:140px;width:300px;max-height:600px;min-height:360px;animation:celEntra .22s ease-out}
@keyframes celEntra{from{opacity:0;translate:-24px 0}}
.cel-moldura{position:relative;height:100%;padding:34px 10px 26px;border-radius:38px;background:linear-gradient(160deg,#2a3352,#0a0d18 55%,#1a1030);box-shadow:0 0 0 2px #0a0d18,0 0 0 4px #3ad7ff66,0 0 26px #8a5cff66,0 20px 50px #000c;display:flex;flex-direction:column}
.cel-notch{position:absolute;left:50%;top:9px;width:92px;height:18px;transform:translateX(-50%);border-radius:10px;background:#05070d;box-shadow:inset 0 0 0 1px #ffffff12}
.cel-notch::after{content:'';position:absolute;right:14px;top:5px;width:8px;height:8px;border-radius:50%;background:#1a2a48;box-shadow:0 0 4px #3ad7ff88}
.cel-status{position:absolute;left:24px;right:24px;top:10px;display:flex;justify-content:space-between;color:#cfd8f0;font:700 10px 'IBM Plex Mono',monospace;pointer-events:none}
.cel-home{position:absolute;left:50%;bottom:9px;width:96px;height:5px;transform:translateX(-50%);border-radius:3px;background:#cfd8f0aa;cursor:pointer}
.cel-app{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#0b141a;color:#e9edef;font:500 13px 'Barlow Condensed',sans-serif}
.cel-topo{display:flex;align-items:center;gap:8px;min-height:50px;padding:6px 10px;background:linear-gradient(90deg,#075e54,#0a4a5c);box-shadow:0 2px 8px #0008}
.cel-titulo{flex:1;min-width:0;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:.5px;color:#fff}
.cel-voltar{width:30px;height:30px;border:0;border-radius:50%;background:#ffffff18;color:#fff;font:700 22px/26px sans-serif;cursor:pointer}
.cel-voltar:hover{background:#ffffff30}
.cel-acoes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#111b21}
.cel-acoes button,.cel-pri,.cel-sec{height:32px;border:0;border-radius:9px;cursor:pointer;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.4px}
.cel-acoes button{background:#202c33;color:#d1f7e0;box-shadow:inset 0 0 0 1px #25d36655}
.cel-acoes button:hover{background:#25d36633}
.cel-pri{width:100%;background:linear-gradient(180deg,#2fe07a,#1fae58);color:#04140a;box-shadow:0 0 12px #25d36655}
.cel-pri:hover{filter:brightness(1.1)}.cel-pri:disabled{opacity:.6;cursor:wait}
.cel-sec{width:100%;margin-top:6px;background:#2a1a22;color:#ff8aa0;box-shadow:inset 0 0 0 1px #ff3fa066}
.cel-lista,.cel-form,.cel-msgs{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2a3942 transparent}
.cel-conversa{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-bottom:1px solid #1f2c33;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.cel-conversa:hover{background:#202c33}
.cel-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#0b141a;font:800 18px 'Barlow Condensed',sans-serif;box-shadow:inset 0 0 0 2px #ffffff22}
.cel-meio{flex:1;min-width:0}
.cel-l1,.cel-l2{display:flex;align-items:center;justify-content:space-between;gap:6px}
.cel-l1 b{font-size:15px;color:#e9edef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cel-l1 small{flex:none;color:#8696a0;font-size:11px}
.cel-l2 span{color:#8696a0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cel-nl{flex:none;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#25d366;color:#04140a;font:800 11px/20px 'Barlow Condensed';font-style:normal;text-align:center}
.cel-vazio{padding:26px 18px;color:#8696a0;text-align:center;line-height:1.4}
.cel-form{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px}
.cel-form>.cel-avatar{width:64px;height:64px;font-size:28px}
.cel-nome-grande{font:800 20px 'Barlow Condensed',sans-serif;color:#fff}
.cel-dica{margin:0;color:#8696a0;font-size:12px;text-align:center;line-height:1.35}
.cel-id{padding:10px 18px;border-radius:12px;background:#111b21;box-shadow:inset 0 0 0 1px #25d36688,0 0 14px #25d36633;color:#7dffa6;font:800 24px 'IBM Plex Mono',monospace;letter-spacing:2px;user-select:all}
.cel-campo{width:100%;height:38px;padding:0 12px;border:0;border-radius:19px;background:#2a3942;color:#e9edef;font:600 14px 'Barlow Condensed',sans-serif;outline:none}
.cel-campo:focus{box-shadow:inset 0 0 0 1px #25d366}
.cel-erro{margin:0;color:#ff8aa0;font-size:12px;text-align:center}
.cel-achado{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:10px;border-radius:12px;background:#111b21;box-shadow:inset 0 0 0 1px #2a3942}
.cel-achado>div{flex:1;display:flex;flex-direction:column}.cel-achado b{font-size:16px}.cel-achado small{color:#8696a0}
.cel-escolha{width:100%;display:flex;flex-direction:column;gap:4px}
.cel-marca{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:10px;background:#111b21;cursor:pointer}
.cel-marca>div{display:flex;flex-direction:column;min-width:0}.cel-marca small{color:#8696a0}.cel-marca input{accent-color:#25d366;width:16px;height:16px}
.cel-tit-conv{display:flex;align-items:center;gap:8px;min-width:0}
.cel-tit-conv .cel-avatar{width:32px;height:32px;font-size:15px}
.cel-tit-conv div{display:flex;flex-direction:column;min-width:0}.cel-tit-conv b{font-size:15px}.cel-tit-conv small{font:500 11px 'Barlow Condensed';color:#cfe9e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cel-msgs{display:flex;flex-direction:column;gap:4px;padding:10px 8px;background:#0b141a radial-gradient(circle at 20% 20%,#ffffff06 0 2px,transparent 3px) 0 0/22px 22px}
.cel-balao{position:relative;max-width:82%;padding:5px 8px 4px;border-radius:9px;font-size:14px;line-height:1.3;word-wrap:break-word;box-shadow:0 1px 1px #0006}
.cel-balao span{display:block;white-space:pre-wrap}
.cel-balao small{display:block;margin-top:1px;text-align:right;color:#ffffff88;font-size:10px}
.cel-balao.minha{align-self:flex-end;background:#005c4b;border-top-right-radius:2px}
.cel-balao.dele{align-self:flex-start;background:#202c33;border-top-left-radius:2px}
.cel-autor{display:block;font-size:12px}
.cel-sistema{align-self:center;margin:4px 0;padding:3px 10px;border-radius:8px;background:#182229;color:#8696a0;font-size:11px;text-align:center}
.cel-digitar{display:flex;gap:6px;padding:7px;background:#111b21}
.cel-enviar{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:#25d366;color:#04140a;font-size:16px;cursor:pointer;box-shadow:0 0 10px #25d36666}
@media(max-width:700px){
  .celular-botao{top:auto;bottom:150px;transform:none;width:44px;height:44px;left:8px}.celular-botao:hover{transform:scale(1.06)}.cel-ico{font-size:21px;line-height:44px}
  .celular{z-index:40;left:0;top:0;bottom:0;transform:none;width:100vw;height:auto;max-height:none;min-height:0;animation:none}
  .cel-moldura{border-radius:0;padding:28px 0 18px;box-shadow:none}.cel-app{border-radius:0}.cel-notch{display:none}}

/* botão dentro da barra do jogador (ao lado da mochila) e celular no canto inferior esquerdo */
.barra-itens .celular-botao{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:50px;height:50px;border-radius:9px;flex:none}
.barra-itens .celular-botao:hover{transform:scale(1.06)}
.barra-itens .cel-ico{font-size:22px;line-height:50px}
@media(min-width:701px){.celular{top:auto;bottom:150px;left:16px;height:min(560px,calc(100dvh - 250px))}}
@media(max-width:1180px){.barra-itens .celular-botao{width:42px;height:42px}.barra-itens .cel-ico{font-size:19px;line-height:42px}}
@media(max-width:700px){.barra-itens .celular-botao{width:34px;height:34px}.barra-itens .cel-ico{font-size:16px;line-height:34px}}
.celular{z-index:12}

/* convites de amizade e jogadores da sala (2026-10-22) */
.cel-convite{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:8px;padding:10px;border-radius:12px;background:#10261b;box-shadow:inset 0 0 0 1px #25d36677}
.cel-convite>div:not(.cel-convite-bt){flex:1;display:flex;flex-direction:column;min-width:0}.cel-convite small{color:#9fd8b4}
.cel-convite-bt{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.cel-convite-bt .cel-sec{margin-top:0}
.cel-marca .cel-mini{margin-left:auto;height:26px;padding:0 10px;border:0;border-radius:8px;cursor:pointer;font:800 11px 'Barlow Condensed',sans-serif;background:linear-gradient(180deg,#2fe07a,#1fae58);color:#04140a;white-space:nowrap}
.cel-marca .cel-mini.feito{background:#202c33;color:#8696a0;cursor:default}
.cel-marca>div{flex:1}
.cel-acoes button{font-size:11px;white-space:nowrap;padding:0 2px;overflow:hidden}
/* selo de mensagens sai para fora do botão (2026-10-22) */
.celular-botao,.barra-itens .celular-botao,.hud .barra-itens .celular-botao{overflow:visible!important}.celular-botao .cel-badge{z-index:6;right:-9px;top:-9px}
/* crédito do celular (2026-10-22) */
.cel-sinal{cursor:pointer;border-radius:6px;padding:0 4px}.cel-sinal:hover{background:#ffffff14}
.cel-sinal.pouco{color:#ffd24a}.cel-sinal.sem{color:#ff6b7f;font-weight:700}
.cel-saldo{width:100%;padding:12px;border-radius:12px;text-align:center;font:800 17px 'Barlow Condensed',sans-serif;color:#7dffa6;background:#10261b;box-shadow:inset 0 0 0 1px #25d36677}
.cel-saldo.sem{color:#ff8aa0;background:#2a1520;box-shadow:inset 0 0 0 1px #ff3fa066}
.cel-recargas{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:100%}
.cel-recarga{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border:0;border-radius:11px;cursor:pointer;background:#202c33;color:#e9edef;box-shadow:inset 0 0 0 1px #25d36655}
.cel-recarga b{font:800 15px 'Barlow Condensed',sans-serif;color:#7dffa6}.cel-recarga small{font-size:11px;color:#8696a0}.cel-recarga:hover{background:#25d36633}
.cel-semcredito{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 10px;padding:16px;border-radius:14px;background:#2a1520;box-shadow:inset 0 0 0 1px #ff3fa066;text-align:center}
.cel-semcredito b{font:800 19px 'Barlow Condensed',sans-serif;color:#ff8aa0}.cel-semcredito small{color:#d8b4be;margin-bottom:6px}
.cel-status .cel-sinal{pointer-events:auto;white-space:nowrap;font-size:9.5px}