.destination-picker{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:14px 18px;background:#203649;border-top:1px solid #abd4df2b}.destination-picker label{font-size:14px;color:#dcebf0}.destination-picker select{min-height:44px;border:1px solid #b6d7dd55;border-radius:7px;padding:8px;background:#132a40;color:#dcebf0;font-size:13px}.destination-picker small{grid-column:1/-1;font-size:12px;color:#adc6d7}
.navigation-hint{position:absolute;top:112px;left:20px;right:20px;max-width:390px;border:1px solid #afdcd333;background:#10273ee8;color:#c4dce8;border-radius:8px;min-height:30px;padding:6px 10px;font-size:13px;line-height:1.5;z-index:4;pointer-events:none}.navigation-hint[data-kind=danger]{background:#3b2b1cf2;border-color:#f3c78188;color:#ffe3b5}.navigation-hint[data-kind=safe]{color:#aef0d9}.navigation-hint[data-kind=route]{color:#dac5ff;border-color:#c7b1ef66}
.effects-row{position:absolute;top:159px;left:20px;right:20px;display:flex;align-items:center;gap:6px;z-index:4;max-width:510px}.effects-row .effect-strip{position:static!important;display:flex!important;flex-wrap:nowrap!important;gap:6px;min-width:0;flex:1;padding:0!important;max-width:none!important}.effect-pill{border:1px solid color-mix(in srgb,var(--item-color) 45%,transparent);background:#13243be8;color:var(--item-color);border-radius:7px;display:flex;gap:5px;align-items:center;padding:7px;min-width:0;height:38px}.effect-pill b{font-size:14px}.effect-pill span{font-size:11px;white-space:nowrap}.effect-pill strong{font-size:11px;white-space:nowrap}.effects-row button{min-width:46px;min-height:44px;padding:5px;border:1px solid #abcbd355;color:#cfdeed;background:#21364c;border-radius:7px;font-size:11px;cursor:pointer}.effect-detail-list>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #b5cce42b;padding:13px 0;font-size:14px}.effect-detail-list span{color:#b2d8cc}
.result-summary{margin:5px 0 15px;width:100%;max-width:450px}.result-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.result-numbers>div{padding:12px 8px;border:1px solid #afcdd72e;border-radius:9px;background:#182d45b8}.result-numbers b{display:block;font-size:23px;color:#e6f6ee;white-space:nowrap;font-variant-numeric:tabular-nums}.result-numbers small{display:block;font-size:11px;color:#a6c2d4;margin-top:4px}.result-summary>strong{font-size:12px;color:#ffd7a1;display:block;margin:9px 0}.result-summary>p{padding:10px 12px;border-left:2px solid #f2bd7f;background:#483d2a4d;border-radius:4px;color:#f5dab3!important;font-size:14px!important;margin:9px 0!important;max-width:none!important}.result-summary>small{font-size:13px;color:#bfdccb;display:block;line-height:1.7}.stage[data-state=over] .overlay #overlay-copy{display:none}.stage[data-state=over] .overlay .menu-courier{display:none}.stage[data-state=over] .learn-button{display:block;margin:9px 0 0;min-height:44px;font-size:13px}.practice-note{color:#b9c8df;font-size:11px;line-height:1.6;margin:4px 0 10px}#result-details{max-width:450px;font-size:12px;color:#a9c1d5;margin:8px 0}#result-details summary{cursor:pointer;min-height:44px;line-height:44px}#result-details p{font-size:12px;line-height:1.8;margin:8px 0!important}.stage[data-state=over] .overlay h2{font-size:39px;margin:8px 0}.stage[data-state=over] .start-hint{display:none}.stage[data-state=over] .primary{min-height:48px}
.distance #combo-tag{display:none!important}
.flight-instruments{position:absolute;left:20px;right:20px;top:20px;z-index:4;display:flex;flex-direction:column;gap:8px;pointer-events:none}.flight-instruments>.hud{position:static!important;width:100%}.flight-instruments>.navigation-hint,.flight-instruments>.effects-row{position:static!important;width:100%}.flight-instruments button{pointer-events:auto}
@media(max-width:650px){.flight-instruments{left:12px;right:12px;top:16px;gap:7px}}
@media(max-width:650px){.panel-bar{height:auto;min-height:61px;gap:6px;padding:8px 10px}.modes{display:flex;min-width:0;flex:1}.mode{padding:10px 8px!important;font-size:11px!important;white-space:nowrap}.mode span{display:none}.navigation-hint{top:106px;left:12px;right:12px;max-width:none;font-size:12px;padding:5px 8px;min-height:30px}.effects-row{top:147px;left:12px;right:12px;gap:5px;max-width:none}.effect-pill{padding:5px;gap:3px;flex:1;height:35px}.effect-pill span{font-size:10px}.effect-pill strong{font-size:10px}.effect-pill b{font-size:12px}.effects-row button{min-width:44px}.destination-picker{padding:12px;gap:7px}.destination-picker label{font-size:12px}.destination-picker select{font-size:12px;max-width:190px}.stage[data-state=over] .overlay{padding:20px 16px 18px!important}.stage[data-state=over] .overlay h2{font-size:29px;line-height:1.25}.stage[data-state=over] .intro-tag{font-size:10px}.result-summary{margin:3px 0 10px}.result-numbers>div{padding:8px 6px}.result-numbers b{font-size:19px}.result-numbers small{font-size:10px}.result-summary>p{font-size:12px!important;line-height:1.6!important;padding:7px 9px}.result-summary>small{font-size:12px}.result-summary>strong{font-size:11px;margin:6px 0}.stage[data-state=over] .primary{padding:10px 14px;font-size:13px}.stage[data-state=over] .result-claim{margin-top:6px}.stage[data-state=over] .revive-button{margin-top:6px}.stage[data-state=over] .learn-button{font-size:12px;min-height:44px;margin-top:4px}.practice-note{font-size:10px}#result-details{font-size:11px}}