:root{--steel-dark:#1b2024;--steel:#2b3238;--steel-light:#4a545c;--steel-highlight:#6b7782;--brass:#b8923c;--brass-light:#e2c36e;--brass-dark:#6e5420;--paint-warning:#c8402f;--lamp-green:#6fe08c;--ink:#d8dde0;--stencil:Impact, "Arial Narrow Bold", "Haettenschweiler", sans-serif}.steel-screen{background:radial-gradient(ellipse at 50% 0%, #2c353c 0%, transparent 70%), linear-gradient(180deg, var(--steel-dark), #0e1114);color:var(--ink);font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.steel-panel{background:radial-gradient(circle at 7px 7px, var(--steel-highlight) 0 2px, #111 3px, transparent 4px), radial-gradient(circle at calc(100% - 7px) 7px, var(--steel-highlight) 0 2px, #111 3px, transparent 4px), radial-gradient(circle at 7px calc(100% - 7px), var(--steel-highlight) 0 2px, #111 3px, transparent 4px), radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), var(--steel-highlight) 0 2px, #111 3px, transparent 4px), repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--steel-light), var(--steel) 40%, var(--steel-dark));border:3px solid var(--brass-dark);box-shadow:inset 0 1px 0 #ffffff2e, inset 0 0 0 1px var(--brass), 0 6px 18px #0009;border-radius:6px;padding:1rem 1.25rem;position:relative}.steel-title{font-family:var(--stencil);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-light);text-shadow:0 1px #000;margin:0 0 .5rem;font-weight:400}.steel-label{font-family:var(--stencil);letter-spacing:.15em;text-transform:uppercase;color:var(--ink);font-size:.8rem}.steel-button{width:auto;font-family:var(--stencil);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-light);background:linear-gradient(180deg, var(--steel-highlight), var(--steel-light) 45%, var(--steel));border:2px solid var(--brass);box-shadow:inset 0 1px 0 #ffffff4d, 0 3px 0 var(--brass-dark), 0 4px 8px #00000080;text-shadow:0 1px #000;cursor:pointer;border-radius:4px;margin:0;padding:.45rem 1rem;font-size:.95rem;transition:transform 60ms,box-shadow 60ms}.steel-button:hover:not(:disabled){filter:brightness(1.12)}.steel-button:active:not(:disabled),.steel-button[aria-pressed=true]{box-shadow:inset 0 2px 6px #0009, 0 0 0 var(--brass-dark);transform:translateY(3px)}.steel-button[aria-pressed=true]{color:var(--lamp-green)}.steel-button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.steel-button.danger{color:#ffd9d3;background:linear-gradient(180deg, #e0644f, var(--paint-warning) 45%, #7d241a)}.steel-input{letter-spacing:.4em;text-transform:uppercase;text-align:center;color:var(--lamp-green);border:2px solid var(--steel-dark);box-shadow:inset 0 3px 8px #000, 0 1px 0 var(--steel-highlight);background:#0a0d0f;border-radius:3px;margin:0;padding:.4rem .6rem;font-family:ui-monospace,Menlo,monospace;font-size:1.4rem}.steel-warning{font-family:var(--stencil);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:repeating-linear-gradient(-45deg, var(--paint-warning) 0 14px, #7d241a 14px 28px);text-shadow:0 1px 2px #000;border:2px solid #000;border-radius:3px;margin:0;padding:.35rem .9rem}