.highlight-panel{margin:18px 0;padding:15px 0;border-top:1px solid #b4d6c83d;border-bottom:1px solid #b4d6c83d;color:#edf5e9;text-align:left}
.highlight-heading{display:block;font-size:13px;letter-spacing:.3px}
.highlight-panel .highlight-status{font-size:11px;line-height:1.55;color:#bdd0c9;margin:8px 0 12px}
.highlight-actions{display:flex;flex-wrap:wrap;gap:7px}
.highlight-button{min-height:44px;padding:10px 12px;font:inherit;font-size:11px;font-weight:700;color:#e5fff1;background:#25464b;border:1px solid #89c5c066;border-radius:4px;cursor:pointer}
.highlight-button[data-highlight-action=prepare]{color:#102b2d;background:#d9f568;border-color:#d9f568}
.highlight-button:disabled{opacity:.45;cursor:default}
.highlight-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.highlight-preview{display:block;width:100%;max-height:160px;aspect-ratio:16/9;margin-top:10px;object-fit:contain;background:#091719;border-radius:4px}
.highlight-more{margin-top:11px;font-size:11px;color:#bcd9ce}
.highlight-more summary{cursor:pointer;padding:13px 0;min-height:44px}
.highlight-more>.highlight-button{margin-top:7px}
.highlight-more>.highlight-x{display:inline-flex;align-items:center;min-height:44px;margin-left:7px;text-decoration:none}
.highlight-panel .highlight-share-note{font-size:10px;line-height:1.5;color:#aac6bc;margin:8px 0 0}
#race-pause-dialog>.primary,#pauseDialog>#resume{margin-top:12px}
@media(max-height:650px){#race-pause-dialog>p,#pauseDialog>p{display:none}#race-pause-dialog>h2,#pauseDialog>h2{margin:12px 0}.highlight-preview{max-height:130px}.highlight-panel{margin:12px 0;padding:12px 0}}
.highlight-caption{display:block;width:100%;resize:vertical;min-height:72px;margin-top:10px;padding:9px;background:#102b30;border:1px solid #7cabaa66;border-radius:4px;color:#d5e5dd;font:11px/1.5 Arial,sans-serif}
.highlight-setting{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.45;color:#bdd0c9}
.highlight-setting input{flex-shrink:0;accent-color:#d9f568}
.highlight-setting small{display:block;font-size:10px;color:#a6c0b8}
.race-setup>.highlight-setting{margin:10px 0 0;font-size:10px;line-height:1.3}
.menu .flight-highlight-optin{pointer-events:auto;margin-top:12px;font-size:10px;max-width:310px}
@media(max-width:800px) and (orientation:portrait){.menu .flight-highlight-optin{position:fixed;left:6%;right:6%;bottom:calc(248px + env(safe-area-inset-bottom));margin:0;max-width:none;min-height:24px;font-size:9px}}
@media(max-width:800px) and (max-height:700px) and (orientation:portrait){.menu .flight-highlight-optin{bottom:calc(221px + env(safe-area-inset-bottom));min-height:20px;font-size:8px}.menu .garage-button,.menu .control-pill{bottom:calc(247px + env(safe-area-inset-bottom))}}
@media(max-height:500px) and (orientation:landscape){.menu .flight-highlight-optin{position:fixed;left:4%;top:47px;bottom:auto;max-width:55%;margin:0;font-size:8px;min-height:18px}}
@media(max-width:360px) and (max-height:650px) and (orientation:portrait){.race-setup>.highlight-setting{font-size:9px;margin-top:7px}.race-intro h1{font-size:28px}}
@media(max-height:380px){.highlight-panel{margin:12px 0;padding:12px 0}.highlight-preview{max-height:150px}}