@import url("https://fonts.googleapis.com/css2?family=Jersey+10&family=Silkscreen:wght@400;700&display=swap");
:root{--fondo:#140F0E;--texto:#F2E8D5;--alerta:#E8382F;--riesgo:#FFD23F;--arriba:#3DDC6B;--cian:#2FE0D8;--magenta:#FF3EA5}
*{box-sizing:border-box;margin:0}
html,body{background:var(--fondo);color:var(--texto);font-family:"Silkscreen",monospace;min-height:100%}
body{display:grid;place-items:center;min-height:100dvh;padding:16px;text-align:center}
h1{font-family:"Jersey 10",monospace;font-weight:400;font-size:clamp(48px,14vw,140px);line-height:.9;letter-spacing:.02em;text-shadow:3px 0 var(--magenta),-3px 0 var(--cian)}
.hud{font-size:14px;letter-spacing:.08em;opacity:.9}
.alerta{color:var(--alerta)}.arriba{color:var(--arriba)}
input,select,button{font:inherit;font-size:16px;background:transparent;color:var(--texto);border:3px solid var(--texto);padding:12px;width:100%;margin-top:10px}
button{background:var(--alerta);border-color:var(--alerta);cursor:pointer}
.caja{width:min(420px,100%);display:grid;gap:12px}