/* Cordilheira - tokens visuais compartilhados (identidade do mockup) */
:root{
  --void:#07060f;--cab:#120f22;--cab2:#1b1636;--ink:#f4f0ff;--dim:#9a8fc4;--line:#3a2f63;
  --gold:#ffce3d;--orange:#ff7a1a;--teal:#2bd4bd;--coral:#ff5a6e;--violet:#b58cff;--blue:#4fb6ff;--magenta:#ff54b0;--green:#6ee06e;
  --px:'Press Start 2P',monospace;--term:'VT323',monospace;color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:radial-gradient(900px 480px at 50% -5%,#241a45 0%,transparent 60%),var(--void);color:var(--ink);font-family:var(--term);-webkit-font-smoothing:none}
canvas{image-rendering:pixelated}
.px{font-family:var(--px)}
.term{font-family:var(--term)}
.btn{font-family:var(--px);cursor:pointer;border:none;border-radius:4px;background:var(--gold);color:#000;font-size:11px;padding:14px 16px;line-height:1.5;box-shadow:0 5px 0 rgba(0,0,0,.55);transition:transform .08s,box-shadow .08s;text-transform:uppercase}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.55)}
.btn:disabled{opacity:.35;cursor:not-allowed}
.btn.ghost{background:var(--cab2);color:var(--ink);border:2px solid var(--line);box-shadow:0 4px 0 rgba(0,0,0,.45)}
.btn.danger{background:var(--coral);color:#1a0608}
.btn.teal{background:var(--teal);color:#06211e}
.btn.magenta{background:var(--magenta);color:#1a0616}
.panel{background:var(--cab2);border:2px solid var(--line);border-radius:6px;padding:10px 11px}
.kind{font-family:var(--px);font-size:8px;padding:3px 6px;border-radius:2px;color:#000;display:inline-block}
.brand{font-family:var(--px);font-size:8px;padding:3px 6px;border-radius:2px;border:1px solid currentColor;display:inline-block}
.blink{animation:blink 1.4s steps(1) infinite}
@keyframes blink{50%{opacity:.35}}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
.pop{animation:pop .3s}
.scan{position:absolute;inset:0;pointer-events:none;z-index:9;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 90px rgba(0,0,0,.5)}
