:root{--ink:#071d29;--navy:#0a2d3d;--red:#c84435;--paper:#f1e5c8;--brass:#c59a51;--muted:#8aa0a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#06151e;border-bottom:1px solid #24414c;position:sticky;top:0;z-index:10}.brand{display:flex;gap:14px;align-items:center;color:var(--paper);text-decoration:none;font-weight:900;letter-spacing:.13em;font-size:13px}.brand span{border:2px solid var(--red);padding:8px 6px;color:var(--red)}nav{display:flex;gap:28px}nav a{color:#b8c4c2;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(7,29,41,.96) 0%,rgba(7,29,41,.8) 39%,rgba(7,29,41,.08) 72%),url("../assets/images/station.png");background-size:cover;background-position:center}.hero-copy{width:min(650px,86vw);margin-left:7vw}.eyebrow{color:var(--brass);font:700 12px monospace;letter-spacing:.22em;text-transform:uppercase}.hero h1{font:900 clamp(54px,8.3vw,124px)/.82 Impact,Arial Narrow,sans-serif;letter-spacing:.01em;margin:25px 0;text-transform:uppercase}.hero h1 em{color:var(--red);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:510px;color:#c3cecd;font-size:18px;line-height:1.7}.cta{display:inline-flex;margin-top:24px;background:var(--red);color:white;text-decoration:none;padding:18px 22px;gap:45px;text-transform:uppercase;font:800 12px monospace;letter-spacing:.12em}.console-section{padding:100px max(5vw,20px);background:linear-gradient(#0a2937,#071d29)}.section-head{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:end}.section-head h2,.manual h2{font:900 clamp(40px,7vw,88px)/.9 Impact,Arial Narrow,sans-serif;margin:8px 0}.section-head>p{max-width:340px;color:#a6b8b9}.machine{max-width:1180px;margin:35px auto 0;border:12px solid #ad8144;border-radius:4px;background:#122f3b;box-shadow:0 28px 70px #0008,inset 0 0 0 2px #ead298;padding:24px}.machine-label,.levers{display:flex;justify-content:space-between;font:700 12px monospace;letter-spacing:.16em}.tape{min-height:280px;background:var(--paper);color:var(--ink);padding:15px;display:grid;gap:7px;align-content:start;box-shadow:inset 0 0 25px #7a623c55}.attempt-row{display:grid;grid-template-columns:35px 1fr 130px;align-items:center;border-bottom:1px dashed #9d8d70;padding:7px;font:700 12px monospace}.code{display:flex;gap:10px}.code i,.current i{width:24px;height:24px;border-radius:50%;background:var(--c,#c7bda5);border:3px solid #fff8;box-shadow:inset 0 -4px #0003}.pins{display:flex;gap:5px;justify-content:end}.pins b,.legend b{width:11px;height:11px;border-radius:50%;border:2px solid var(--red);display:inline-block}.pins .exact,.legend .exact{background:var(--red)}.pins .near,.legend .near{border-color:#3d7286}.readout{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.current{display:flex;gap:15px}.current i{width:40px;height:40px}.legend{display:flex;gap:20px;color:#9eb2b4;font:11px monospace}.lamp-bank{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.lamp-bank button{background:#0b2029;color:#c8d2ce;border:1px solid #36505a;padding:14px 5px;font:700 11px monospace;text-transform:uppercase}.lamp-bank button:before{content:"";display:block;margin:0 auto 8px;width:34px;height:34px;border-radius:50%;background:var(--lamp);box-shadow:0 0 18px color-mix(in srgb,var(--lamp) 60%,transparent);border:5px solid #293b3f}.lamp-bank button span{color:var(--brass);margin-right:5px}.levers{margin-top:20px;gap:12px}.levers button,.machine dialog button{flex:1;background:#162932;color:var(--paper);border:1px solid #5d7477;padding:16px}.levers .start{background:var(--red);border-color:var(--red)}.manual{padding:110px 7vw;background:var(--paper);color:var(--ink)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ad9e7f;margin-top:55px}.rules article{background:var(--paper);padding:35px}.rules b{font:900 42px Impact;color:var(--red)}.rules h3{font:800 20px monospace;text-transform:uppercase}.rules p{line-height:1.6;color:#4d5b5a}footer{padding:40px 5vw;display:flex;gap:30px;justify-content:space-between;color:#879b9d;font:11px monospace;text-transform:uppercase}footer strong{color:var(--paper)}dialog{border:0;padding:0;background:transparent;color:var(--paper)}dialog::backdrop{background:#031018dd}dialog>div{width:min(520px,90vw);background:var(--navy);border:8px solid var(--brass);padding:48px;text-align:center}dialog h2{font:900 50px Impact;margin:10px}dialog button{background:var(--red);border:0;color:#fff;padding:15px 24px;font-weight:bold}@media(max-width:720px){nav{display:none}.hero{background-position:65% center}.hero-copy{margin:auto;padding-top:200px}.section-head{display:block}.machine{padding:12px;border-width:7px}.lamp-bank{grid-template-columns:repeat(3,1fr)}.tape{min-height:240px}.attempt-row{grid-template-columns:25px 1fr 70px}.code{gap:4px}.code i{width:17px;height:17px}.legend{display:none}.rules{grid-template-columns:1fr}footer{flex-direction:column}.levers{flex-wrap:wrap}.levers button{min-width:40%}}