.transit-screen{position:fixed;inset:7.1875rem 7.5% 1.75rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.transit-heading{max-width:45rem;text-shadow:0 0.125rem 1.5rem #02080e}.transit-heading h2{font-size:clamp(1.875rem,3.4vw,3.25rem);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:0.9375rem 0 0.8125rem}.transit-route{font-size:1.1875rem;color:#d8e8ed;margin:0}.transit-route span{margin:0 0.9375rem;color:var(--cyan)}.transit-systems{font-family:var(--mono);font-size:0.75rem;letter-spacing:.1em;color:#9bb8c7;margin-top:0.8125rem}.transit-systems span{margin:0 0.5625rem}
.transit-console{max-width:46.875rem;width:100%;padding:1.25rem 1.5rem;background:linear-gradient(110deg,#08141ef5,#08141eea);border:0.0625rem solid #8cb5c44d;backdrop-filter:blur(0.75rem);pointer-events:auto}.transit-detail{font-size:0.875rem;line-height:1.6;color:#c0d4dd;margin:0 0 1.0625rem}.transit-stages{display:flex;justify-content:space-between;font-family:var(--mono);font-size:0.75rem;letter-spacing:.07em;color:#527180}.transit-stages .active{color:var(--acid)}.transit-stages .done{color:#8cbfc9}.transit-progress{height:0.125rem;background:#60859b33;margin:0.75rem 0 1.125rem;overflow:hidden}.transit-progress i{display:block;height:100%;background:var(--cyan);transform-origin:left;box-shadow:0 0 0.75rem #74deee70}.transit-actions{display:flex;gap:0.625rem}.transit-actions .button{min-height:2.75rem;padding:0.75rem 1.1875rem;font-size:0.75rem}.transit-actions .primary{flex:1;justify-content:space-between}.transit-actions .ghost{padding:0.625rem}.transit-input{font-size:0.75rem;margin:0.875rem 0 0;color:#8dafbf}
@media(max-width:760px){.transit-screen{inset:6.25rem 1.25rem 1.25rem}.transit-heading h2{font-size:1.9375rem;margin:0.8125rem 0}.transit-heading .eyebrow{font-size:0.75rem}.transit-route{font-size:1rem}.transit-systems{font-size:0.75rem;line-height:1.7;letter-spacing:.04em}.transit-route span{margin:0 0.625rem}.transit-console{padding:1rem}.transit-detail{font-size:0.75rem;margin-bottom:0.875rem}.transit-stages{font-size:0.75rem;letter-spacing:0}.transit-actions{flex-wrap:wrap;gap:0.5rem}.transit-actions .primary{flex-basis:100%;min-height:2.625rem}.transit-actions .button{font-size:0.75rem;min-height:2.3125rem;padding:0.625rem 0.8125rem}.transit-actions .ghost{margin-left:auto}.transit-input{font-size:0.75rem;line-height:1.6;margin-top:0.625rem}}
@media(max-height:540px) and (orientation:landscape){.transit-screen{inset:4.3125rem 5% 0.75rem}.transit-heading h2{font-size:1.5625rem;margin:0.4375rem 0}.transit-heading .eyebrow{font-size:0.75rem}.transit-route{font-size:0.875rem}.transit-systems{font-size:0.75rem;margin:0.4375rem 0}.transit-console{max-width:none;padding:0.625rem 0.875rem;display:grid;grid-template-columns:1fr 1.25fr;gap:0.1875rem 1.25rem;align-items:center}.transit-detail{font-size:0.75rem;margin:0}.transit-stages{grid-column:1;font-size:0.75rem;margin-top:0.375rem}.transit-progress{grid-column:1;margin:0.3125rem 0}.transit-actions{grid-column:2;grid-row:1/4;gap:0.4375rem}.transit-actions .button{font-size:0.75rem;min-height:2.25rem;padding:0.5625rem 0.6875rem}.transit-actions .ghost{padding:0.5rem}.transit-input{grid-column:1/-1;font-size:0.75rem;margin:0.25rem 0 0}}