/* PINGUIM — reskin polar premium (OLYMPUS HUB)
   Deixa o app logado no mesmo visual das telas de entrada/cadastro:
   navy profundo, cards de vidro com borda/glow cyan, títulos Lilita One. */

/* ---- tokens de cor (tema gelo escuro) ---- */
:root, .dark, html{
  --background: 206 74% 8% !important;
  --foreground: 200 45% 97% !important;
  --card: 210 52% 13% !important;
  --card-foreground: 200 45% 97% !important;
  --popover: 210 52% 13% !important;
  --popover-foreground: 200 45% 97% !important;
  --primary: 190 100% 60% !important;
  --primary-foreground: 206 74% 8% !important;
  --secondary: 210 40% 20% !important;
  --secondary-foreground: 200 45% 97% !important;
  --muted: 210 36% 17% !important;
  --muted-foreground: 205 28% 74% !important;
  --accent: 45 100% 62% !important;
  --accent-foreground: 206 74% 8% !important;
  --border: 196 60% 22% !important;
  --input: 196 60% 22% !important;
  --ring: 190 100% 60% !important;
  /* frost: escurece os "gelos claros" pra não virar mancha branca */
  --frost-ice: 200 60% 26% !important;
  --frost-sky: 200 70% 34% !important;
  --frost-snow: 210 40% 16% !important;
  --frost-deep: 205 90% 45% !important;
  --frost-coin: 45 100% 60% !important;
}

body{
  background:
    radial-gradient(1000px 520px at 12% -8%,hsla(190,100%,60%,.10),transparent 60%),
    radial-gradient(820px 460px at 108% 3%,hsla(210,100%,55%,.13),transparent 55%),
    linear-gradient(168deg,hsl(206 74% 8%),#03101d) !important;
  color:hsl(200 45% 97%);
}
.bg-background,[class*="bg-\\[hsl\\(var\\(--background"]{background:transparent!important}

/* ---- superfícies brancas viram vidro gelo escuro ---- */
.bg-white,.bg-slate-50,.bg-gray-50,.bg-neutral-50{
  background:linear-gradient(180deg,hsl(210 52% 14% / .96),hsl(213 55% 10% / .96))!important;
  border-color:hsla(190,100%,62%,.16)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 hsla(190,100%,80%,.06)!important;
}
/* bordas claras -> borda cyan sutil */
[class*="border-slate-"],[class*="border-gray-"],[class*="border-white"]{border-color:hsla(190,100%,62%,.16)!important}

/* header + nav em vidro escuro */
header{background:hsla(206,72%,9%,.82)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid hsla(190,100%,62%,.16)!important;box-shadow:none!important}
nav.fixed,nav[class*="bottom-0"]{background:hsla(206,72%,9%,.9)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid hsla(190,100%,62%,.18)!important}

/* textos escuros -> claros */
.text-slate-900,.text-slate-800,.text-slate-700,.text-gray-900,.text-gray-800,.text-black,.text-neutral-900{color:hsl(200 45% 97%)!important}
.text-slate-600,.text-slate-500,.text-gray-600,.text-gray-500{color:hsl(205 30% 78%)!important}
.text-slate-400,.text-slate-300,.text-gray-400{color:hsl(205 24% 62%)!important}

/* ---- CTAs / pills brancos com texto primary viram cyan brilhante ---- */
button.bg-white,a.bg-white{position:relative}
.rounded-2xl.bg-white.text-\[hsl\(var\(--primary\)\)\],.rounded-xl.bg-white.text-\[hsl\(var\(--primary\)\)\]{
  background:linear-gradient(180deg,hsl(188 100% 72%),hsl(210 100% 56%))!important;
  color:#04202f!important;border:0!important;
  box-shadow:0 12px 26px hsla(200,100%,55%,.4)!important;
}

/* botões primary (bg-[hsl(var(--primary))]) com glow */
[class*="bg-\\[hsl\\(var\\(--primary"]{box-shadow:0 10px 24px hsla(190,100%,55%,.3)!important}

/* títulos com a fonte polar */
h1,h2,h3,.font-black,[class*="font-black"]{font-family:'Lilita One','Nunito',system-ui,sans-serif!important;letter-spacing:.3px}
body,p,span,div,button,input,label{font-family:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,sans-serif}

/* cards com cantos grandes ganham brilho de borda */
.rounded-\[2rem\],.rounded-\[2\.5rem\],.rounded-3xl{box-shadow:0 16px 40px rgba(0,0,0,.4),inset 0 0 0 1px hsla(190,100%,62%,.12)!important}

/* inputs escuros legíveis */
input,textarea,select{background:hsl(210 45% 11%)!important;color:hsl(200 45% 97%)!important;border-color:hsla(190,100%,62%,.2)!important}
input::placeholder{color:hsl(205 20% 55%)!important}

/* ================= MODAIS RESPONSIVOS (todos os celulares) ================= */
/* overlay centralizado pode rolar se o conteúdo for maior que a tela */
div[class*="fixed"][class*="inset-0"][class*="items-center"][class*="justify-center"]{
  overflow-y:auto!important;
  padding:16px!important;
  padding-top:max(16px,env(safe-area-inset-top))!important;
  padding-bottom:max(16px,env(safe-area-inset-bottom))!important;
}
/* o card do modal nunca passa da tela e rola por dentro */
div[class*="fixed"][class*="inset-0"][class*="items-center"][class*="justify-center"] > div{
  max-height:90dvh!important;
  max-width:min(100%,440px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
/* modais de tela cheia (game over etc.) com scroll e safe-area */
div[class*="fixed"][class*="inset-0"][class*="flex-col"][class*="items-center"][class*="justify-center"]{
  overflow-y:auto!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom))!important;
}
/* imagens de QR/cartões dentro de modal não estouram a largura */
div[class*="fixed"][class*="inset-0"] img{max-width:100%!important;height:auto!important}
@media (max-width:480px){
  div[class*="fixed"][class*="inset-0"][class*="items-center"][class*="justify-center"] > div{max-width:calc(100vw - 24px)!important}
}

/* ================= superfícies claras hardcoded (modais do jogo) ================= */
[class*="bg-[#f8fafc]"],[class*="bg-[#d1eaff]"],[class*="bg-[#eff6ff]"],[class*="bg-[#f0f9ff]"],
[class*="bg-[#e0f2fe]"],[class*="bg-[#f1f5f9]"],[class*="bg-[#dbeafe]"],[class*="bg-[#ecfeff]"]{
  background:linear-gradient(168deg,hsl(206 74% 9%),#03101d)!important;color:hsl(200 45% 97%)!important;
}
/* cartões com gradiente claro (from/to white/slate-50) */
[class*="from-white"],[class*="to-white"],[class*="via-white"],
[class*="from-slate-50"],[class*="to-slate-50"],[class*="from-blue-50"],[class*="to-blue-50"],
[class*="from-sky-50"],[class*="to-sky-50"]{--tw-gradient-from:hsl(210 52% 14%)!important;--tw-gradient-to:hsl(213 55% 10%)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
/* chips de aposta e afins com bg claro */
[class*="bg-[hsl(var(--frost-snow"],[class*="bg-[hsl(var(--frost-ice"],[class*="bg-[hsl(var(--frost-sky"]{background:hsl(210 45% 15% / .7)!important}
/* texto de valores em azul escuro dentro de modais claros -> claro */
[class*="text-[#"],[class*="text-blue-900"],[class*="text-sky-900"]{color:hsl(200 45% 97%)!important}

/* ============ pg-fix-item-imgs ============ */
/* Fotos dos itens (Diamante Raro, Moeda de Ouro, Caixa Misteriosa, Rampa) e
   prints do jogo em "Sobre o jogo": o overlay `from-white` vira navy no tema
   escuro e tampava a imagem. Neutraliza o overlay dentro dos cards de imagem
   e garante a foto por cima. */
[class*="aspect-video"] > [class*="from-white"]{background:none !important;}
[class*="aspect-video"]{background:#0b1a2b !important;}
[class*="aspect-video"] > img{position:relative;z-index:1;}