*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080d1c;color:#f7e7bb;font-family:"Courier New",monospace}.launcher{width:min(1040px,100%);margin:auto;min-height:100vh;border-inline:2px solid #9c7130;background:#101936}header{display:flex;align-items:center;gap:18px;padding:16px 22px;border-bottom:2px solid #b58434;background:linear-gradient(#121d40,#0b1228)}header img{width:66px;height:66px;border-radius:50%}h1{margin:0;color:#efbd58;font-size:clamp(25px,4vw,42px)}header p{margin:4px 0;color:#d8d1bd}.hero{position:relative;min-height:480px;background:url('../vertical-slice-rua/assets/backgrounds/street.png') center/cover no-repeat;display:grid;place-items:center;padding:25px}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,18,.88),rgba(5,8,18,.45),rgba(5,8,18,.78))}.hero article{position:relative;width:min(760px,100%);padding:30px;border:2px solid #d3a248;background:rgba(8,13,29,.9);box-shadow:0 12px 45px #000}.eyebrow{color:#d7a644;letter-spacing:.13em}h2{font-size:clamp(24px,5vw,42px);margin:10px 0 14px}.route{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:25px 0}.route b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d3a248;border-radius:50%;color:#081020;background:#d3a248}.route i{font-size:28px;color:#d3a248}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}button{font:700 16px inherit;padding:13px 20px;color:#ffe4a0;background:#152142;border:2px solid #c8953b;cursor:pointer}button:hover{background:#23335e}.status{text-align:center;color:#f5c66b;min-height:20px}.progress{margin:18px;padding:18px;border:1px solid #906a2f;background:#0b132d}.progress h3{margin-top:0}.progress div{display:flex;gap:28px;flex-wrap:wrap}.progress b{color:#efbd58}@media(max-width:600px){.hero{min-height:410px;padding:10px}.hero article{padding:20px}.route span{font-size:12px}header{padding:10px}header img{width:50px;height:50px}}.howto{margin:18px 0;padding:12px 14px;border-left:5px solid #d3a248;background:rgba(21,33,66,.82);color:#ddd5bf;line-height:1.45}.howto strong{display:block;margin-bottom:5px;color:#ffd273}.howto span{font-size:13px}
body::after{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;background:#030711;opacity:0;transition:opacity .4s ease}body.route-transition::after{opacity:1}