.routes-screen{max-width:1100px;margin:0 auto;padding:28px 24px 60px}.routes-screen>header{margin:28px 0}.routes-screen h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2}.routes-screen>header p{max-width:750px;line-height:1.6;color:var(--ink-soft)}.route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.route-card{min-width:0;color:var(--ink);background:var(--surface);padding:24px;text-align:left;cursor:pointer;border:2px solid var(--line);display:flex;flex-direction:column;gap:12px;align-items:start}.route-card h2{font-size:1.4rem}.route-card p{font-size:.9rem;line-height:1.6;flex:1}.route-card small{font-size:.8rem;color:var(--ink-soft)}.route-card[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--accent)}.route-card:focus-visible{outline:3px solid var(--xp);outline-offset:3px}.route-availability{font-size:.85rem;border-radius:10px;padding:6px 10px;background:var(--surface-2)}.route-start,.route-quiz{padding:24px;margin:20px 0}.route-start p{line-height:1.6;margin:15px 0}.route-answers{display:grid;gap:12px;margin:24px 0}.route-answers .btn{white-space:normal;text-align:left;justify-content:start;min-height:52px;line-height:1.5}.route-recommendation{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);line-height:1.6}.route-records{margin:24px 0;min-width:0}.route-records>p{font-size:.84rem;line-height:1.6;margin:12px 0}.route-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-record-grid>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:grid;gap:9px;min-width:0}.route-record-grid strong{font-size:1.5rem;overflow-wrap:anywhere}.route-record-grid small{font-size:.75rem;color:var(--ink-soft)}.route-board-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.route-board-tabs .btn{font-size:.8rem;min-height:44px;padding:9px 12px}.route-board-tabs [aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.routes-screen button{min-height:44px}.routes-entry{margin-top:12px}.route-quiz h2{line-height:1.4;margin-top:12px}@media(max-width:700px){.routes-screen{padding:18px 16px 40px}.route-cards{grid-template-columns:1fr}.route-card,.route-quiz,.route-start{padding:20px}.route-record-grid{grid-template-columns:1fr}.route-card h2{font-size:1.25rem}}
/* Route selection also leads through account dialogs on touch devices. */
button[data-act="open-restore"],.modal__close{min-width:44px;min-height:44px}

.practice-metrics{display:flex;flex-wrap:wrap;gap:6px 16px;grid-column:1/-1;font-size:.78rem;line-height:1.5;padding:8px 0;color:var(--ink-soft)}.practice-metrics>span:first-child{font-weight:800;color:var(--ink)}.practice-metrics b{color:var(--ink)}
@media(max-width:540px){.practice-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;font-size:.72rem}.practice-metrics>span:last-child{grid-column:1/-1}}

.business-metrics{display:flex;flex-wrap:wrap;gap:6px 16px;grid-column:1/-1;font-size:.76rem;line-height:1.5;padding:8px 0;color:var(--ink-soft)}.business-metrics>span:first-child,.business-metrics b{color:var(--ink)}.business-metrics>span:first-child{font-weight:800}.business-metrics .is-overloaded{color:var(--loss)}
.stat--profit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 6px}.stat--profit .stat__label{position:static;width:auto;height:auto;overflow:visible;clip:auto;grid-column:1/-1;font-size:.7rem;font-weight:500;color:var(--ink-soft);white-space:normal}.stat--profit .stat__value{min-width:0;white-space:normal;overflow-wrap:anywhere}.hud--business .stat--earned{display:none}
.hud--business .stat--expenses .stat__label{white-space:normal;overflow:visible;text-overflow:clip}
.summary__row .chip-status{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;justify-content:flex-end;text-align:right}
.world[data-route-id="business"] .world-label{max-width:calc(100% - 16px)}.world[data-route-id="business"] .world-label>span{min-width:0;white-space:normal;overflow-wrap:anywhere}.world[data-route-id="business"][data-mode="map"] .world-label::after{transform-origin:top;transform:rotate(var(--stem-rotation,0rad))}
@media(max-width:540px){.business-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;font-size:.7rem}.business-metrics>span:first-child{grid-column:1/-1}.stat--profit{padding:6px;font-size:clamp(.74rem,3.2vw,.9rem);gap:3px}.stat--profit .icon{width:15px;height:15px}.stat--profit .stat__label{font-size:.65rem}}