/* =====================================================================
   Cassino · Páginas institucionais: ajuda, jogo responsável, termos,
   privacidade, 404 e manutenção
   Prefixo .in-  ·  Usa os tokens e componentes de cassino.css
   Grade de 4px · raios 4/6/8/12/14 · superfícies planas · neon só em destaque
   ===================================================================== */

/* ---------- Herói com busca (ajuda) ---------- */
.in-hero{padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;overflow:hidden}
.in-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 80% at 50% -30%,rgba(1,183,252,.18),transparent 70%)}
.in-hero > *{position:relative;z-index:2}
.in-hero h1{font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.15;text-wrap:balance}
.in-hero p{color:var(--muted);max-width:56ch}
.in-search{--nb:var(--neon-v);width:min(640px,100%);display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border-radius:var(--r-md);background:var(--surface);color:var(--dim);transition:box-shadow .15s}
.in-search:focus-within{box-shadow:0 0 0 3px rgba(1,183,252,.18);color:var(--ice)}
.in-search input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;font-size:15px;font-weight:500;color:var(--text)}
.in-search input::placeholder{color:var(--dim)}
.in-search .hint{white-space:nowrap}
.in-status{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--r-md);font-size:12px;color:var(--muted);background:var(--ok-soft);box-shadow:inset 0 0 0 1px rgba(34,187,51,.25)}
.in-status b{color:var(--ok-text);font-weight:700}

/* ---------- Temas ---------- */
.in-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.in-cat{border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:transform .2s var(--ease-liquid),box-shadow .15s}
.in-cat:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(1,183,252,.45)}
.in-cat .ic,.in-ch .ic,.in-tool .ic{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;background:rgba(1,183,252,.1);color:var(--ice);box-shadow:inset 0 0 0 1px rgba(1,183,252,.2)}
.in-cat .ic .i{filter:drop-shadow(0 0 6px rgba(var(--glow),.7))}
.in-cat b{font-size:14px;font-weight:700;margin-top:4px}
.in-cat p{font-size:12px;color:var(--muted)}
.in-cat small{font-size:11px;color:var(--dim);margin-top:auto}

/* ---------- Artigos e perguntas frequentes ---------- */
.in-arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.in-faq-g{display:flex;flex-direction:column;gap:12px}
.in-faq-g h3{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.acc .acc-b p + p{margin-top:8px}
.acc .acc-b ul{margin:8px 0 0;padding-left:18px}
.acc .acc-b li + li{margin-top:4px}
.acc .acc-b a,.acc .acc-b .a{color:var(--link);font-weight:600}
.acc .acc-b b{color:var(--text)}
mark.in-hl{background:rgba(1,183,252,.28);color:var(--text);border-radius:var(--r-xs);padding:0 2px}

/* ---------- Contato ---------- */
.in-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.in-ch{border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.in-ch .top{display:flex;align-items:center;gap:12px}
.in-ch .ic.ok{background:var(--ok-soft);color:var(--ok-text);box-shadow:none}
.in-ch .ic.wa{background:rgba(37,211,102,.14);color:#5ee39a;box-shadow:none}
.in-ch b{font-size:14px;font-weight:700}
.in-ch p{font-size:12px;color:var(--muted)}
.in-ch .val{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;user-select:all}
.in-ch .btn{align-self:flex-start;margin-top:auto}

/* ---------- Jogo responsável ---------- */
.in-rg-hero{padding:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;overflow:hidden}
.in-rg-hero > *{position:relative;z-index:2}
.in-rg-hero h1{font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.15;text-wrap:balance}
.in-rg-hero p{color:var(--muted);max-width:56ch}
.in-rg-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.in-rg-art .stat{border-radius:var(--r-lg);background:rgba(5,11,21,.45);box-shadow:inset 0 0 0 1px var(--line);gap:4px}
.in-rg-art .stat b{font-size:18px}
.in-adv{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg);background:var(--surface-hi);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--muted)}
.in-adv b{color:var(--text)}
.in-adv .age{width:36px;height:36px;font-size:12px}
.in-princ{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.in-princ .box{gap:8px;padding:16px}
.in-princ .n{font-size:12px;font-weight:800;color:var(--primary);letter-spacing:.1em}
.in-princ b{font-size:14px;font-weight:700}
.in-princ p{font-size:13px;color:var(--muted)}
.in-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.in-tool{border-radius:var(--r-lg);padding:16px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;min-width:0;transition:box-shadow .15s,background .15s}
.in-tool:hover{background:#15304f;box-shadow:inset 0 0 0 1px rgba(1,183,252,.45)}
.in-tool .ic{background:var(--ok-soft);color:var(--ok-text);box-shadow:none}
.in-tool.warn .ic{background:var(--warn-soft);color:var(--warn-text)}
.in-tool.err .ic{background:var(--err-soft);color:var(--err-text)}
.in-tool b{font-size:14px;font-weight:700;display:block}
.in-tool p{font-size:12px;color:var(--muted);margin-top:4px}
.in-tool .go{font-size:12px;font-weight:700;color:var(--link);margin-top:8px;display:inline-flex;align-items:center;gap:4px}
.in-test{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.in-qs{display:flex;flex-direction:column;gap:8px}
.in-q{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .15s,box-shadow .15s;font-size:13px;color:var(--text);line-height:1.45}
.in-q:hover{background:rgba(1,183,252,.06)}
.in-q:has(input:checked){background:rgba(1,183,252,.1);box-shadow:inset 0 0 0 1px rgba(1,183,252,.5)}
.in-result{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.in-result .ring{width:120px;height:120px}
.in-result .ring::before{inset:10px;background:var(--surface-hi)}
.in-result .ring b{font-size:28px}
.in-result h3{font-size:18px;font-weight:700}
.in-result p{color:var(--muted);font-size:13px}
.in-orgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.in-orgs .li .tx small{line-height:1.4}

/* ---------- Documentos legais ---------- */
.in-legal{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}
.in-toc{padding:12px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - var(--hdr-h) - 48px);overflow-y:auto}
.in-toc .t{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:4px 8px 8px}
.in-toc a{display:flex;gap:8px;padding:8px;border-radius:var(--r-md);font-size:12px;font-weight:600;color:var(--muted);line-height:1.35;transition:background .15s,color .15s}
.in-toc a span{color:var(--dim);font-variant-numeric:tabular-nums;min-width:20px}
.in-toc a:hover{color:var(--text);background:var(--surface-4)}
.in-toc a[aria-current="true"]{color:var(--text);background:linear-gradient(90deg,#1d5288,rgba(29,82,136,0));box-shadow:inset 2px 0 0 var(--primary)}
.in-toc a[aria-current="true"] span{color:var(--ice)}
.in-toc-m{display:none}
.in-doc{padding:32px 40px;min-width:0}
.in-doc .meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.in-doc section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line);max-width:76ch}
.in-doc section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.in-doc h2{font-size:18px;font-weight:700;margin-bottom:12px;display:flex;gap:12px;align-items:baseline}
.in-doc h2 span{font-size:14px;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}
.in-doc h3{font-size:14px;font-weight:700;margin:16px 0 8px}
.in-doc p,.in-doc li{color:var(--muted);font-size:14px;line-height:1.7}
.in-doc p + p{margin-top:8px}
.in-doc ul,.in-doc ol{padding-left:20px;margin:8px 0}
.in-doc li + li{margin-top:4px}
.in-doc strong{color:var(--text);font-weight:600}
.in-doc a{color:var(--link);font-weight:600}
.in-doc a:hover{text-decoration:underline}
.in-doc .table-wrap{margin:12px 0}
.in-doc .table{min-width:520px}
.in-doc .alert{margin:12px 0}
.in-doc .alert p{color:inherit;font-size:13px;line-height:1.5}
.in-doc .proto-note{margin-bottom:24px;font-size:12px;line-height:1.45;color:var(--dim)}

/* ---------- 404 e manutenção ---------- */
.in-404{padding:48px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;overflow:hidden}
.in-404::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(50% 70% at 50% -10%,rgba(1,183,252,.2),transparent 70%)}
.in-404 > *{position:relative;z-index:2}
.in-404 .big{font-weight:800;font-size:clamp(88px,12vw,160px);line-height:.9;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(var(--glow),.35))}
.in-404 h1{font-weight:700;font-size:clamp(20px,2.2vw,26px)}
.in-404 p{color:var(--muted);max-width:52ch}
.in-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}

.in-bare{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.in-mt{width:min(600px,100%);padding:32px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.in-mt > *{position:relative;z-index:2}
.in-mt .logo img{height:32px}
.in-mt h1{font-weight:800;font-size:clamp(24px,3vw,32px);line-height:1.15}
.in-mt p{color:var(--muted);max-width:48ch}
.in-mt .countdown{width:min(320px,100%);justify-content:center}
.in-mt .countdown b{font-size:24px}
.in-steps{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left}
.in-mt .gear{width:64px;height:64px;border-radius:var(--r-lg);display:grid;place-items:center;background:rgba(1,183,252,.1);box-shadow:inset 0 0 0 1px rgba(1,183,252,.3),0 0 32px -8px rgba(var(--glow),.6);color:var(--ice)}
.in-mt .gear .i{width:32px;height:32px;animation:spin 6s linear infinite;filter:drop-shadow(0 0 8px rgba(var(--glow),.8))}
.in-mt .spinner{border-color:rgba(1,183,252,.3);border-top-color:var(--primary)}
.in-mt .foot{font-size:12px;color:var(--dim)}

/* ---------- Responsivo ---------- */
@media (max-width:1240px){
  .in-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .in-princ{grid-template-columns:repeat(2,minmax(0,1fr))}
  .in-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .in-test{grid-template-columns:minmax(0,1fr)}
  .in-test .sticky{position:static}
}
@media (max-width:1023px){
  .in-legal{grid-template-columns:minmax(0,1fr)}
  .in-toc{display:none}
  .in-toc-m{display:flex}
  .in-rg-hero{grid-template-columns:minmax(0,1fr)}
  .in-contact{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .in-hero{padding:24px 16px}
  .in-search .hint{display:none}
  .in-status{display:block;height:auto;padding:8px 12px;line-height:1.5}
  .in-status .dot{margin-right:4px;vertical-align:middle}
  .in-arts,.in-princ,.in-tools,.in-orgs{grid-template-columns:minmax(0,1fr)}
  .in-cats{gap:8px}
  .in-cat{padding:12px;gap:4px}
  .in-cat p{display:none}
  .in-cat b{font-size:13px}
  .in-rg-hero{padding:20px 16px}
  .in-adv{align-items:flex-start}
  .in-doc{padding:20px 16px}
  .in-doc h2{font-size:16px}
  .in-doc p:not(.proto-note),.in-doc li{font-size:13px}
  .in-doc .table{min-width:0;font-size:12px}
  .in-doc .table th,.in-doc .table td{padding-left:8px;padding-right:8px}
  .in-404{padding:32px 16px}
  .in-mt{padding:24px 16px}
}