/* 03/11/2026: mesmas cores, letras e card da aba ORÁCULOS do app (app/site/index.html) */
* { box-sizing:border-box; margin:0; padding:0; }
:root { --ciano:#67e8f9; --rosa:#ff7ae0; --amarelo:#ffd60a; --fraco:rgba(223,251,255,.62); --cor-oraculo:#2a0f4a; }
html { background:#000; }
body { min-height:100%; color:#eef1f6; font-family:Ubuntu,"Segoe UI",system-ui,sans-serif; }
.mono { font-family:"Share Tech Mono",Consolas,monospace; }
/* 03/11 (ele): fundo BEM PRETO na página; a noite do app fica DENTRO do card do oráculo */
.noite { display:none; }
main { width:100%; max-width:520px; margin:0; padding:56px 16px 32px clamp(16px,7vw,96px); display:flex; flex-direction:column; gap:26px; min-height:100vh; }
/* letreiros iguais aos do app: FUZZIONX (rosa) + ORÁCULOS embaixo (amarelo, no lugar do "ABERTO · 24H"); brilho mais contido no fundo preto */
.titulo { font-family:"Archivo Black",sans-serif; font-size:clamp(30px,8vw,52px); letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; color:#fff; transform:rotate(-2deg); transform-origin:left; text-shadow:0 0 4px #fff,0 0 12px var(--rosa),0 0 26px rgba(255,122,224,.6); animation:neonFalha 6s infinite; }
.sub { font-family:"Archivo Black",sans-serif; font-size:clamp(12px,3.2vw,16px); letter-spacing:.5em; color:#fff; margin:-10px 0 10px 4px; text-shadow:0 0 4px #fff,0 0 12px var(--amarelo),0 0 24px rgba(255,214,10,.5); animation:neonFalha 6s infinite; animation-delay:-3s; }
@keyframes neonFalha { 0%,91%,100% { opacity:1; } 92% { opacity:.3; } 93% { opacity:1; } 95% { opacity:.55; } 96% { opacity:1; } }
.lista { display:flex; flex-direction:column; gap:14px; }
/* o card — igual ao do app */
.o-card { display:flex; flex-direction:column; gap:6px; padding:12px 14px; width:100%; border:1px solid rgba(255,122,224,.4); background:linear-gradient(135deg,rgba(103,232,249,.10),rgba(255,122,224,.08)),radial-gradient(70% 60% at 50% 100%,var(--cor-oraculo) 0%,transparent 70%),radial-gradient(50% 60% at 85% 0%,#0e2a44,transparent 70%),linear-gradient(180deg,#0b0d24 0%,#14093a 100%); color:inherit; text-decoration:none; }
a.o-card { cursor:pointer; transition:border-color .2s,box-shadow .2s; }
a.o-card:hover, a.o-card:focus-visible { border-color:var(--rosa); box-shadow:0 0 18px rgba(255,122,224,.3); outline:none; }
.o-topo { display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.o-nome { font-size:15px; color:#fff; }
.o-par { font-size:11px; color:var(--fraco); }
.o-preco { font-size:20px; color:var(--amarelo); }
.o-estado { font-size:11px; color:#fff; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.o-prox, .o-eixo { color:var(--fraco); }
.o-eixo { display:flex; justify-content:space-between; font-size:10px; }
.pulso { animation:pulso 2s ease-in-out infinite; }
@keyframes pulso { 50% { opacity:.25; } }
/* endereço e chave, um embaixo do outro (mesmo traço de campo do app) */
.campo { display:flex; flex-direction:column; gap:4px; }
.rot { font-size:10px; letter-spacing:.25em; color:var(--fraco); }
.valor-linha { display:flex; gap:12px; align-items:baseline; border-bottom:2px solid rgba(103,232,249,.5); padding:6px 0; }
.valor { flex:1; min-width:0; font-size:13px; color:#fff; word-break:break-all; line-height:1.5; }
.copia { flex:none; background:none; border:0; color:var(--ciano); font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }
.copia:focus-visible, .voltar:focus-visible { outline:2px solid var(--ciano); outline-offset:3px; }
.voltar { color:var(--ciano); font-size:15px; font-weight:700; text-decoration:none; align-self:flex-start; }
footer { margin-top:auto; padding-top:20px; display:flex; gap:18px; flex-wrap:wrap; justify-content:flex-start; font-size:11px; letter-spacing:.12em; }
footer a { color:var(--fraco); text-decoration:none; }
footer a:hover { color:var(--ciano); }
.o-escala { display:flex; flex-direction:column; justify-content:space-between; font-size:10px; color:var(--fraco); text-align:right; }
@media (prefers-reduced-motion:reduce) { .pulso, .titulo, .sub { animation:none; } }