:root{--night:#07111e;--desk:#111b25;--rail:#55636a;--brass:#b88a38;--amber:#ffb321;--red:#b43a32;--paper:#e6dcc0;--mist:#8e9ba0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font-family:Arial,sans-serif;overflow-x:hidden}a,button{font:inherit}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#07111eef;border-bottom:1px solid #b88a384f}.brand{display:flex;gap:13px;align-items:center;color:white;text-decoration:none;font:800 11px monospace;letter-spacing:.14em}.brand i{width:22px;height:22px;border-radius:50%;background:var(--amber);box-shadow:0 0 25px var(--amber),inset 0 0 0 6px #3b290e}.brand b{color:var(--amber)}nav{display:flex;gap:30px}nav a,header small{color:#87939a;text-decoration:none;text-transform:uppercase;font:10px monospace;letter-spacing:.13em}.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;background-image:linear-gradient(90deg,#07111e 0%,#07111ef0 39%,#07111e0a 68%),url("../assets/images/lanternrail-night.png");background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(650px,86vw)}.hero-copy>p,.board-head p,.manual>p{font:800 10px monospace;letter-spacing:.22em;color:var(--amber)}.hero h1{font:900 clamp(61px,9vw,130px)/.76 Impact,Arial Narrow,sans-serif;letter-spacing:.025em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--amber);text-shadow:0 0 32px #ffb32155}.hero-copy>span{display:block;max-width:510px;color:#adb6ba;font-size:17px;line-height:1.65}.hero a{display:inline-block;margin-top:27px;background:var(--amber);color:#171006;text-decoration:none;padding:17px 23px;font:900 11px monospace}.board{padding:100px max(4vw,15px);background:#0b131b;background-image:radial-gradient(#ffffff0c 1px,transparent 1px);background-size:8px 8px}.board-head{max-width:1180px;margin:auto;display:flex;align-items:end;justify-content:space-between}.board-head h2{font:900 clamp(42px,6vw,76px)/.87 Impact;margin:10px 0;letter-spacing:.02em}.meters{display:flex;gap:8px}.meters span{border:1px solid #ffffff27;padding:12px;font:9px monospace;color:#839096}.meters b{display:block;color:var(--amber);font-size:18px}.desk{max-width:1180px;margin:35px auto 0;background:var(--desk);border:1px solid #59636a;box-shadow:inset 0 0 60px #000}.track-map{height:470px;position:relative;overflow:hidden;background:linear-gradient(#101b25,#07111e)}.track-map:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 32px,#ffffff08 33px 34px)}svg{position:absolute;inset:45px 4% 20px;width:92%;height:calc(100% - 65px);z-index:1}svg .rail{fill:none;stroke:var(--rail);stroke-width:15;stroke-linecap:round;filter:drop-shadow(0 3px #000)}svg .rail:nth-child(2),svg .rail:nth-child(3){stroke:#3f4b51}svg circle{fill:var(--amber);stroke:#3b290e;stroke-width:7}.pier{position:absolute;right:5%;top:49px;color:var(--amber);font:900 11px monospace;text-align:center;text-shadow:0 0 15px var(--amber);z-index:3}.train{position:absolute;left:3%;top:47%;z-index:4;width:70px;height:38px;background:var(--brass);color:#171006;border:4px solid #24190b;display:grid;place-items:center;transition:left .42s linear,top .42s linear;box-shadow:0 0 25px #ffb32166}.train small{position:absolute;bottom:-17px;color:var(--paper);font:8px monospace}.signal{position:absolute;top:52%;width:32px;height:45px;border:2px solid var(--brass);background:#14100a;color:var(--amber);display:grid;place-items:center;font:900 12px monospace;z-index:4}.s1{left:21%}.s2{left:49%}.s3{left:77%}.orders{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;padding:20px 25px;display:flex;justify-content:space-between;gap:25px}.orders small{font:9px monospace;color:#7f8d93}.orders strong{display:block;color:var(--amber);font:900 24px monospace;margin-top:6px;letter-spacing:.1em}.orders p{font:11px monospace;color:#a8b1b4}.levers{display:grid;grid-template-columns:repeat(3,1fr) 180px;gap:8px;padding:18px}.levers button{min-height:86px;background:#18252f;border:1px solid #59676e;color:white;padding:15px;text-align:left;position:relative}.levers small{display:block;color:#7f9097;font:9px monospace}.levers b{display:block;color:var(--amber);margin-top:9px;font:900 16px monospace}.levers i{position:absolute;right:19px;top:16px;width:8px;height:52px;background:var(--brass);transform:rotate(-22deg);transform-origin:bottom;transition:.2s}.levers button.lower i{transform:rotate(22deg)}.levers button.lower b{color:var(--red)}.levers .start{background:var(--amber);color:#1b1307;text-align:center;font:900 11px monospace}.manual{padding:120px 7vw;background:var(--paper);color:#1a252a}.manual h2{font:900 clamp(50px,7vw,92px)/.85 Impact;letter-spacing:.02em}.manual>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #1a252a}.manual article{padding:30px;border-right:1px solid #998f76}.manual article>b{font:700 44px Georgia;color:var(--red)}.manual h3{font:900 17px monospace}.manual p{line-height:1.65;color:#59666a}footer{padding:36px 5vw;background:#03070d;color:#77858b;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent;color:var(--paper)}dialog::backdrop{background:#02060be8}dialog>div{width:min(500px,90vw);background:#111b25;border:1px solid var(--amber);padding:48px;text-align:center;box-shadow:0 0 45px #ffb32144}dialog h2{font:900 48px Impact;color:var(--amber)}dialog button{background:var(--amber);border:0;padding:15px 24px;font-weight:bold}@media(max-width:760px){nav,header small{display:none}.hero{background-position:70% center}.hero-copy{margin-left:24px;width:calc(100vw - 48px);padding-top:200px}.hero h1{font-size:52px}.board-head{display:block}.meters{margin-top:20px}.track-map{height:340px}.orders{display:block}.levers{grid-template-columns:1fr}.levers button{min-height:68px}.manual>div{grid-template-columns:1fr}footer{flex-direction:column;gap:13px}}
