/* Perfil - medidas tiradas do original por inspetor (viewport 380).
   O original e so: cartao do jogador + lista de atalhos, no cinza #111218. */
.pf-page{padding:10px 12px 48px;max-width:540px;margin:0 auto}
.pf-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px}

.pf-user{padding:20px;margin-bottom:16px}
.pf-user-row{display:flex;align-items:center;gap:14px}
.pf-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:16px;border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;font-size:26px}
.pf-user-info{flex:1;min-width:0}
.pf-user-info h2{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:23px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-id-row{display:flex;align-items:center;gap:6px;line-height:16px}
.pf-id-row span{font-size:12px;color:rgba(255,255,255,.25)}
.pf-copy{background:none;border:0;padding:0;line-height:0;color:var(--pp-gold);cursor:pointer}
.pf-copy:hover{opacity:.7}
.pf-online{position:relative;width:10px;height:10px;flex:0 0 10px}
.pf-online i{position:absolute;inset:0;border-radius:9999px;background:#4ce325}
.pf-online::before{content:'';position:absolute;inset:-5px;border-radius:9999px;background:#4ce325;
  animation:pf-ping 1.4s cubic-bezier(0,0,.2,1) infinite}
@keyframes pf-ping{75%,100%{transform:scale(2);opacity:0}}

.pf-menu{overflow:hidden;margin-bottom:16px}
.pf-li{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;
  background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.04);
  font-family:inherit;text-align:left;cursor:pointer}
.pf-li:last-child{border-bottom:0}
.pf-li .ic{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;font-size:14px}
.pf-li .tx{flex:1;font-size:13px;font-weight:500;color:rgba(255,255,255,.7);line-height:20px}
.pf-li .ch{font-size:16px;color:rgba(255,255,255,.1)}
.ic-roxo{background:rgba(144,97,249,.1)}
.ic-azul{background:rgba(63,131,248,.1)}
.ic-ambar{background:rgba(245,158,11,.1)}
.ic-ciano{background:rgba(6,182,212,.1)}
.ic-cinza{background:rgba(255,255,255,.05)}
.ic-vermelho{background:rgba(240,82,82,.1)}
.pf-sair .tx{color:rgba(249,128,128,.8)}

.pf-painel{padding:16px;margin-bottom:16px}
.pf-painel-tt{font-size:14.5px;font-weight:800;letter-spacing:.3px;color:#fff;margin-bottom:10px}

/* Deposito - medidas do original (no original e um bottom sheet; aqui e pagina,
   mesmo desenho). Fundo #111218, cartoes em branco translucido. */
.dp-page{padding:0 20px 32px;max-width:540px;margin:0 auto}
.dp-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.dp-head h1{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:28px}
.dp-head p{margin:2px 0 0;font-size:12px;color:rgba(255,255,255,.3);line-height:16px}
.dp-voltar-x{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:12px;background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.4);font-size:18px;cursor:pointer;font-family:inherit}

.dp-selo{display:flex;align-items:center;gap:10px;background:rgba(59,193,23,.1);
  border:1px solid rgba(59,193,23,.2);border-radius:16px;padding:12px 16px;margin-bottom:20px}
.dp-selo .ic{width:32px;height:32px;flex:0 0 32px;border-radius:9999px;background:rgba(59,193,23,.2);
  display:flex;align-items:center;justify-content:center;font-size:15px}
.dp-selo b{display:block;font-size:12px;font-weight:600;color:#4ce325;line-height:16px}
.dp-selo span{display:block;font-size:10px;color:rgba(255,255,255,.3);line-height:11px;margin-top:8px}

.dp-valores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.dp-valor{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:16px 0;text-align:center;font-size:15px;font-weight:800;letter-spacing:-.375px;
  color:#fff;cursor:pointer;line-height:23px}
.dp-valor.on{background:linear-gradient(90deg,#ffd54a,#f4a51f);border-color:transparent;color:#111218}
.dp-valor i{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-style:normal;
  font-size:9px;font-weight:700;border-radius:9999px;padding:2px 10px;white-space:nowrap;line-height:normal;
  background:rgba(63,131,248,.3);border:1px solid rgba(63,131,248,.5);color:#a4cafe}
.dp-valor i.verde{background:rgba(59,193,23,.2);border-color:rgba(59,193,23,.3);color:#a7f3d0}

.dp-custom-lb{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.3);
  padding:0 4px;line-height:15px;margin-bottom:8px}
.dp-custom{position:relative}
.dp-custom .cifrao{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;
  font-weight:700;color:rgba(255,255,255,.3)}
.dp-custom input{width:100%;height:58px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:14px 16px 14px 44px;color:#fff;font-family:inherit;font-size:20px;font-weight:800;outline:none}
.dp-limites{display:flex;justify-content:space-between;padding:0 4px;margin-top:2px;margin-bottom:20px}
.dp-limites span{font-size:10px;color:rgba(255,255,255,.25);line-height:15px}

.dp-social{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:10px 16px;margin-bottom:20px}
.dp-social .ponto{position:relative;width:8px;height:8px;flex:0 0 8px}
.dp-social .ponto::before,.dp-social .ponto::after{content:'';position:absolute;inset:0;
  border-radius:9999px;background:#4ce325}
.dp-social .ponto::before{inset:-4px;animation:pf-ping 1.4s cubic-bezier(0,0,.2,1) infinite}
.dp-social span{font-size:12px;color:rgba(255,255,255,.4);line-height:16px}
.dp-social b{color:rgba(255,255,255,.6);font-weight:700}

.dp-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;
  border-radius:16px;padding:16px 0;background:linear-gradient(90deg,#ffd54a,#f4a51f);color:#111218;
  font-family:inherit;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}
.dp-btn:disabled{filter:grayscale(.4) brightness(.9);cursor:not-allowed}

/* etapa do QR */
.dp-qr{text-align:center;padding:10px 0}
.dp-qr img{width:190px;height:190px;background:#fff;border-radius:16px;padding:8px}
.dp-code{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;margin-top:12px}
.dp-code textarea{flex:1;min-width:0;background:transparent;border:0;color:#fff;font-size:11px;
  resize:none;height:52px;font-family:inherit;outline:none}
.dp-copiar{border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(90deg,#ffd54a,#f4a51f);
  color:#111218;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.dp-status{text-align:center;font-size:13px;font-weight:700;color:rgba(255,255,255,.4);margin-top:14px}
.dp-status.ok{color:#4ce325}
.dp-outro{display:block;width:100%;margin-top:14px;border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:14px;background:rgba(255,255,255,.02);color:rgba(255,255,255,.7);
  font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}

/* Saque - medidas do original (pagina, container 16px, fundo #111218) */
.sq-page{padding:10px 16px 80px;max-width:540px;margin:0 auto}
.sq-head{text-align:center;margin-bottom:24px}
.sq-head .ic{width:56px;height:56px;margin:0 auto;border-radius:16px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;
  font-size:24px;color:var(--pp-gold)}
.sq-head h1{margin:12px 0 0;font-size:20px;font-weight:900;letter-spacing:-.5px;color:#fff;line-height:28px}
.sq-head p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.3);line-height:16px}

.sq-saldo{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin-bottom:20px}
.sq-saldo .ic{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:rgba(59,193,23,.1);
  display:flex;align-items:center;justify-content:center;font-size:18px}
.sq-saldo small{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;
  color:rgba(255,255,255,.4);line-height:15px}
.sq-saldo strong{display:block;font-size:18px;font-weight:900;color:#fff;line-height:28px}

.sq-percs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}
.sq-perc{padding:10px 0;border-radius:12px;background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-family:inherit;
  font-size:12px;line-height:16px;font-weight:700;cursor:pointer}
.sq-perc.on{background:linear-gradient(90deg,#ffd54a,#f4a51f);border-color:transparent;color:#111218}

.sq-campo{margin-bottom:16px}
.sq-lb{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,.3);
  padding:0 2px;line-height:15px;margin-bottom:6px}
.sq-valor{position:relative}
.sq-valor .cifrao{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;
  font-weight:700;color:rgba(255,255,255,.25)}
.sq-campo input,.sq-campo select{width:100%;height:50px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;color:#fff;
  font-family:inherit;font-size:14px;outline:none}
.sq-campo select{appearance:none;padding-right:40px;
  background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.4) 50%),
    linear-gradient(135deg,rgba(255,255,255,.4) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.sq-campo select option{background:#111218;color:#fff}
/* precisa vir depois (e mais especifico) que .sq-campo input */
.sq-campo .sq-valor input{height:58px;padding:14px 16px 14px 44px;font-size:18px;font-weight:800}
.sq-limites{display:flex;justify-content:space-between;padding:0 2px;margin-top:6px}
.sq-limites span{font-size:10px;color:rgba(255,255,255,.2);line-height:15px}

.sq-infos{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);
  border-radius:16px;padding:16px;margin-bottom:16px}
.sq-infos b{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  color:rgba(255,255,255,.6);line-height:16px;margin-bottom:10px}
.sq-infos p{margin:0 0 6px;padding-left:22px;font-size:11px;color:rgba(255,255,255,.25);line-height:17px}
.sq-infos p:last-child{margin-bottom:0}
.sq-aviso{font-size:11px;color:#ffb020;line-height:17px;margin-bottom:12px}

.sq-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;
  border-radius:12px;padding:16px 0;background:linear-gradient(90deg,#ffd54a,#f4a51f);color:#111218;
  font-family:inherit;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}
.sq-btn:disabled{filter:grayscale(.4) brightness(.9);cursor:not-allowed}

.sq-lista-tt{font-size:12px;font-weight:600;color:rgba(255,255,255,.6);margin:24px 0 10px;padding:0 2px}
.sq-item{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;
  padding:12px 14px;margin-bottom:8px}
.sq-item b{display:block;font-size:14px;font-weight:800;color:#fff}
.sq-item small{display:block;font-size:10px;color:rgba(255,255,255,.25)}
.sq-item .st{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.08);
  border-radius:999px;padding:3px 9px;white-space:nowrap}
.sq-vazio{font-size:12px;color:rgba(255,255,255,.25)}

/* filtros do extrato */
.tr-filtros{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px}
.tr-f{flex:0 0 auto;background:var(--pp-card-2);border:1px solid var(--pp-line);color:var(--pp-sub);
  border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
.tr-f.on{background:linear-gradient(180deg,var(--pp-gold),var(--pp-gold-2));color:#241a00;border-color:transparent}

/* suporte e termos */
.sp-faq details{border-bottom:1px solid var(--pp-line);padding:10px 0}
.sp-faq details:last-child{border-bottom:0}
.sp-faq summary{cursor:pointer;font-weight:800;font-size:13px;list-style:none}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq summary::after{content:'+';float:right;color:var(--pp-gold)}
.sp-faq details[open] summary::after{content:'−'}
.sp-faq p{color:var(--pp-sub);font-size:12px;line-height:1.5;margin:8px 0 0}
.sp-texto h3{font-size:14px;margin:16px 0 6px;color:var(--pp-gold)}
.sp-texto h3:first-child{margin-top:0}
.sp-texto p{color:var(--pp-sub);font-size:12px;line-height:1.6;margin:0}

/* BOTTOM SHEET de deposito - medidas do original (sheet #111218, borda #262626,
   raio 24 24 0 0, alca 40x4, header 18/700 + 12px branco 30%, corpo max 75vh). */
.dp-sheet-wrap{position:fixed;inset:0;z-index:120}
.dp-sheet-fundo{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity .2s ease}
.dp-sheet-wrap.aberto .dp-sheet-fundo{opacity:1}
.dp-sheet{position:absolute;left:0;right:0;bottom:0;max-width:512px;margin:0 auto;
  background:#111218;border:1px solid #262626;border-radius:24px 24px 0 0;
  transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.3,1);
  max-height:92vh;display:flex;flex-direction:column}
.dp-sheet-wrap.aberto .dp-sheet{transform:translateY(0)}
.dp-sheet-alca{width:40px;height:4px;border-radius:9999px;background:rgba(255,255,255,.1);
  margin:12px auto 4px;cursor:pointer;flex:0 0 auto}
.dp-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;
  padding:0 20px 16px;flex:0 0 auto}
.dp-sheet-head h2{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:28px}
.dp-sheet-head p{margin:2px 0 0;font-size:12px;color:rgba(255,255,255,.3);line-height:16px}
.dp-sheet-x{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:12px;
  background:rgba(255,255,255,.05);color:rgba(255,255,255,.4);font-size:16px;cursor:pointer;
  font-family:inherit}
.dp-sheet-corpo{padding:0 20px 32px;overflow-y:auto;max-height:75vh}