:root{--ink:#172631;--paper:#fffaf0;--red:#d95d45;--gold:#f4b942;--green:#4b8063;--blue:#477c9d;--rail:#584e43;--muted:#6c756f;--shadow:0 14px 34px rgba(33,40,38,.14)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9e1d2;color:var(--ink);font-family:"Avenir Next","Trebuchet MS",sans-serif}button{font:inherit;color:inherit}.game-shell{min-height:100vh;display:grid;grid-template-rows:76px minmax(540px,1fr) 180px;overflow:hidden}.topbar{display:grid;grid-template-columns:240px 1fr 52px;align-items:center;gap:24px;padding:12px 32px;background:#17303a;color:#fff}.topbar div:first-child{display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f1c968}.topbar strong{font-size:20px}.route{display:flex;justify-content:center;gap:8px}.route i{width:34px;height:8px;border-radius:99px;background:#536b72}.route i.done{background:#f1c968}.route i.current{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}.mute{width:42px;height:42px;border:1px solid #658089;border-radius:50%;background:#26454f;color:#fff;cursor:pointer}.railway{position:relative;overflow:hidden;background:linear-gradient(#b9d5dc 0 53%,#aab78d 53% 100%);padding:34px 44px 18px}.skyline{position:absolute;inset:auto 0 45% 0;height:140px;opacity:.55}.skyline i{position:absolute;bottom:0;width:18%;height:42%;background:#718e87;border-radius:60% 60% 0 0}.skyline i:nth-child(1){left:-3%;height:65%}.skyline i:nth-child(2){left:24%;width:25%;height:85%}.skyline i:nth-child(3){right:18%;height:58%}.skyline i:nth-child(4){right:-4%;width:26%;height:95%}.destination{position:absolute;right:50px;top:40px;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:#fff7dc;border:5px solid #17303a;box-shadow:var(--shadow);text-align:center}.destination span{font-size:28px;color:var(--gold)}.destination b{font-size:13px;padding:0 10px}.train{position:relative;z-index:2;min-height:178px;display:flex;align-items:flex-end;gap:12px;padding:18px 140px 20px 8px}.track{position:absolute;left:0;right:0;top:228px;height:18px;background:repeating-linear-gradient(90deg,transparent 0 24px,#544b42 24px 31px,transparent 31px 50px)}.track:before,.track:after{content:"";position:absolute;left:0;right:0;height:5px;background:#4d4942}.track:before{top:0}.track:after{bottom:0}.car{position:relative;width:205px;min-height:112px;padding:16px 18px 24px;border:0;border-radius:16px 16px 10px 10px;background:#f8f2e3;box-shadow:0 8px 0 #8f3f32,var(--shadow);cursor:pointer;text-align:left;transition:transform .15s ease-out,box-shadow .15s ease-out}.car:hover,.car:focus-visible{transform:translateY(-5px);outline:3px solid #fff}.car:before,.car:after{content:"";position:absolute;bottom:-16px;width:25px;height:25px;border:6px solid #202c30;border-radius:50%;background:#d4b24a}.car:before{left:26px}.car:after{right:26px}.car b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8b3326;margin-bottom:8px}.car p{margin:0;font:700 15px/1.25 Georgia,serif}.car.engine{width:228px;background:#d8513c;color:#fff;box-shadow:0 8px 0 #74372e,var(--shadow)}.car.engine:after{right:30px}.car.engine b{color:#ffe595}.car.closing{background:#f6c64e}.car.fact{background:#f8f2e3}.car.irrelevant{background:#d7d1c8;box-shadow:0 8px 0 #77706a,var(--shadow)}.car.selected{outline:5px solid #fff;transform:translateY(-8px)}.coupler{align-self:flex-end;margin:0 -8px 50px;width:25px;height:12px;border:4px solid #1f343c;border-left:0;border-right:0;position:relative}.coupler:after{content:attr(data-label);position:absolute;bottom:19px;left:50%;transform:translateX(-50%);min-width:max-content;padding:5px 8px;border-radius:12px;background:#17303a;color:#fff;font-size:10px;font-weight:800}.siding-wrap{position:relative;z-index:2;display:grid;grid-template-columns:210px 1fr;align-items:center;min-height:96px;padding:10px 14px;border-radius:16px;background:rgba(36,53,50,.16)}.siding-wrap>span{font-size:12px;font-weight:800;line-height:1.25}.siding{display:flex;gap:12px;min-height:70px;align-items:center}.siding .car{width:250px;min-height:64px;padding:10px 14px 14px;box-shadow:none}.siding .car:before,.siding .car:after{display:none}.bank{position:relative;z-index:2;display:flex;gap:12px;align-items:stretch;margin-top:16px;min-height:92px;overflow-x:auto;padding:5px 3px 15px}.bank .car{min-width:220px;min-height:76px;padding:12px 14px 16px;box-shadow:0 5px 0 #8f3f32,0 8px 18px rgba(33,40,38,.12)}.bank .car:before,.bank .car:after{display:none}.car-actions{display:flex;gap:5px;margin-top:10px}.car-actions button{border:1px solid rgba(0,0,0,.22);background:rgba(255,255,255,.52);border-radius:8px;padding:4px 8px;cursor:pointer}.joint-lens{position:absolute;z-index:5;top:20px;left:50%;transform:translateX(-50%) translateY(-150%);max-width:620px;padding:14px 20px;border-radius:15px;background:#17303a;color:#fff;box-shadow:var(--shadow);transition:transform .18s ease-out}.joint-lens.on{transform:translateX(-50%) translateY(0)}.joint-lens b{color:#f1c968}.toast{position:absolute;z-index:6;right:32px;bottom:22px;padding:12px 18px;border-radius:14px;background:#17303a;color:#fff;opacity:0;transform:translateY(8px);transition:.16s}.toast.on{opacity:1;transform:none}.railway.highlight-role .car.selected{animation:pulse .75s ease-in-out 2}.railway.demo-joint .coupler{animation:joint .7s ease-in-out 2}.action-tray{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:32px;align-items:center;padding:24px 38px;background:var(--paper);border-top:1px solid #d2c9b8}.mission-copy span{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#a24130}.mission-copy h1{font:700 clamp(24px,2.3vw,36px)/1.05 Georgia,serif;margin:6px 0}.mission-copy p{margin:0;color:var(--muted)}.controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.choice,.primary,.quiet{border:0;border-radius:14px;min-height:48px;padding:12px 17px;font-weight:800;cursor:pointer;transition:transform .15s ease-out}.choice{background:#e8e1d6}.choice:hover,.primary:hover,.quiet:hover{transform:translateY(-2px)}.primary{background:#17303a;color:#fff}.primary.gold{background:#d99a20;color:#162932}.quiet{background:transparent;border:1px solid #c9c0b1}.choice small{display:block;font-size:11px;font-weight:500;color:#646a66}.audience{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #c9c0b1;border-radius:14px}.audience strong{color:#9f3d2c}@keyframes pulse{50%{transform:translateY(-12px);box-shadow:0 0 0 8px rgba(255,255,255,.4)}}@keyframes joint{50%{transform:scale(1.4);filter:brightness(1.8)}}
@media(max-width:900px){.game-shell{grid-template-rows:72px minmax(590px,1fr) auto}.topbar{grid-template-columns:1fr auto}.route{display:none}.railway{padding:24px 20px}.train{overflow-x:auto;padding-right:80px}.destination{right:16px;width:88px;height:88px}.siding-wrap{grid-template-columns:1fr}.action-tray{grid-template-columns:1fr;padding:22px}.controls{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}