.show-next-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.show-next-actions button{min-height:44px;white-space:normal;padding:12px 16px;font-size:13px}.show-reveal{display:flex;align-items:center;gap:16px;border-bottom:1px solid #9eac90;padding:16px 0}.show-reveal svg{width:58px;height:58px;flex:none;fill:#dfad61;stroke:#ffe3a9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.show-reveal h2{margin:0}.show-reveal{animation:show-reveal .35s ease-out}.race-objective,.race-speed{background:#142f32d9;border:1px solid #a2b6a16b;border-radius:8px;padding:10px 14px}.race-objective{max-width:70%;font-size:19px}.race-speed>strong{font-size:64px}.race-camera-label{display:block;font-size:11px}.drag-focus{position:absolute;left:50%;top:82px;transform:translateX(-50%);width:min(390px,80%);padding:12px;background:#142d30e8;border:1px solid #abbb96;border-radius:8px;text-align:center;color:#fff0ce;pointer-events:none}.drag-focus .race-objective{position:static;transform:none;background:none;border:0;max-width:none;padding:5px;font-size:18px}.drag-tree{display:flex;justify-content:center;align-items:center;gap:10px;margin:5px 0}.drag-tree i{width:18px;height:18px;border-radius:50%;background:#424b41;border:2px solid #b6b79e}.drag-tree i.lit{background:#ffbc55;box-shadow:0 0 10px #ffc46e}.drag-tree i.green.lit{background:#9de68f;box-shadow:0 0 10px #adf395}.drag-tree b{font-size:12px;min-width:105px;text-align:left}.drag-focus .drag-tach{position:static;transform:none;width:auto;margin-top:9px;text-align:left}.drag-focus .drag-tach>span{font-size:12px}.drag-focus .drag-tach>div{height:20px}.drag-shift-cue{display:block;text-align:center;color:#ffdc8e;font-weight:700;margin:6px 0 0;min-height:18px}.drag-gauges{background:#152e31df;border-radius:8px;padding:10px 15px}.drag-shell .race-speed{padding:10px 15px}.drag-shell #drag-action{min-height:48px}.race-utility,.race-controls .small-button,.result-links button{min-height:44px}.race-controls label{min-height:44px}.race-camera-label{font-size:11px;color:#ffe8b9}@keyframes show-reveal{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.show-reveal{animation:none}}@media(max-width:600px){.show-reveal{gap:9px}.show-reveal h2{font-size:25px}.show-reveal svg{width:42px;height:42px}.race-objective{max-width:90%;font-size:15px}.race-speed>strong{font-size:48px}.drag-focus{top:78px;width:74%;padding:8px}.drag-focus .race-objective{font-size:15px}.drag-gauges{left:12px;gap:14px;bottom:105px;padding:8px}.drag-gauges strong{font-size:22px}.drag-shell .race-speed{bottom:24px}.drag-focus .drag-tach>span{font-size:10px}}@media(orientation:landscape) and (max-height:500px){.drag-focus{top:55px;width:310px;padding:6px 10px}.drag-focus .race-objective{font-size:13px;padding:2px}.drag-tree{margin:2px}.drag-tree i{width:14px;height:14px}.drag-focus .drag-tach{margin-top:4px}.drag-shift-cue{font-size:11px;min-height:13px;margin:2px}.drag-gauges{bottom:12px;left:12px}.drag-gauges strong{font-size:20px}.drag-shell .race-speed{bottom:12px}}

.brush-color-option{display:flex;gap:8px;align-items:center;min-height:44px;min-width:105px;padding:9px 12px;background:#172e31;color:#f4e4c5;border:2px solid #647e70;border-radius:5px}.brush-color-option i{width:20px;height:20px;border-radius:50%;border:1px solid #e9d9b5}.brush-color-option.selected{border-color:#ffd48c}.brush-color-option.selected span:after{content:" ✓"}.brush-color-option:focus-visible,.show-next-actions button:focus-visible{outline:3px solid #a8dedd;outline-offset:3px}

/* Keep condition guidance separate from the drag results gauges. */
.drag-shell .condition-note{left:24px;bottom:112px;max-width:calc(100% - 48px)}
#close-modal{min-width:44px;min-height:44px}
.mobile-ui .drag-shell .condition-note{left:var(--safe-left);top:auto;bottom:calc(var(--safe-bottom) + 74px);max-width:calc(100% - 32px);font-size:10px}
.mobile-ui .drag-focus .race-objective{max-width:none;width:auto}
@media(orientation:landscape) and (max-height:500px){.drag-shell .condition-note{bottom:87px;font-size:10px}.mobile-ui .drag-shell .condition-note{bottom:calc(var(--safe-bottom) + 72px)}}

.mobile-ui .drag-shell .race-speed{top:64px;bottom:auto;height:auto}
@media(orientation:portrait){.mobile-ui .drag-gauges{left:12px;transform:none;bottom:calc(var(--safe-bottom) + 76px)}.mobile-ui .drag-shell .race-speed{top:auto;bottom:calc(var(--safe-bottom) + 76px)}.mobile-ui .drag-shell .condition-note{bottom:calc(var(--safe-bottom) + 150px)}}