/* Viewer settings integrated into the racers drawer. */
.viewer-settings[hidden],.viewer-settings [hidden]{display:none!important}
.viewer-settings{box-sizing:border-box;position:absolute;inset:0;z-index:8;overflow:auto;color:var(--trc-message-text,#fff);background:var(--trc-message-surface,#322d2b);font:13px/1.35 'Source Sans Pro',sans-serif}
.viewer-settings header{box-sizing:border-box;display:flex;align-items:center;gap:10px;height:32px;padding:3px 8px;border-bottom:2px solid var(--trc-message-primary,#d64119);background:var(--trc-message-surface,#322d2b)}
.viewer-settings h2{margin:0 0 0 auto;color:inherit;font:700 16px/1.2 'Source Sans Pro',sans-serif;text-align:right}
.viewer-settings button{cursor:pointer;color:inherit;background:#333a43;border:1px solid #616873;border-radius:7px;font:inherit;padding:7px 12px}
.viewer-settings .viewer-settings-back{min-height:24px;padding:2px 6px;border:1px solid rgba(255,255,255,.7)!important;border-radius:3px;background:rgba(255,255,255,.08);font-size:12px}
.viewer-settings-body{padding:10px}
.viewer-settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:4px 8px;margin:0 0 8px}
.viewer-settings-row label{font:inherit;color:inherit;margin:0}.viewer-settings-row small{grid-column:1/-1;color:#c6cbd1;font-size:11px;line-height:1.2}
.viewer-settings-row select,.viewer-settings-row input{box-sizing:border-box;min-width:0;width:100%;height:34px;margin:0;accent-color:var(--trc-message-primary,#d64119);font:inherit}
.viewer-settings-row select{border:1px solid #626976;border-radius:7px;padding:4px 7px;background:#333a43;color:#fff}.viewer-settings-row input[type=color]{width:52px;padding:2px;border:1px solid #626976;background:none}
.viewer-settings-reset{width:100%;margin-top:4px}.viewer-settings :focus-visible,.viewer-side-button:focus-visible{outline:3px solid var(--trc-message-primary,#d64119);outline-offset:2px}
.map-racer-symbol{scale:var(--viewer-racer-scale,1);transform-origin:50% 100%}
.viewer-side-rail{position:absolute;top:14px;left:-32px;display:flex;flex-direction:column;gap:4px;width:32px;z-index:10}
.viewer-side-button{box-sizing:border-box;position:static!important;width:32px!important;min-width:32px;height:36px;min-height:36px;padding:7px;border:1px solid #5c5c5c!important;border-radius:10px 0 0 10px!important;background:var(--race-control-surface,#322d2b)!important;box-shadow:-2px 1px 5px rgba(0,0,0,.3);color:var(--race-control-text,#f7f7f7)!important;cursor:pointer}
.viewer-side-rail .mobile-racers-btn{box-sizing:border-box;position:static!important;display:flex!important;order:1;align-items:center;justify-content:space-around;flex-direction:column;width:32px!important;min-width:32px;height:140px;min-height:140px;padding:8px 0!important;border:0!important;border-radius:10px 0 0 10px!important;background:var(--race-control-surface,#322d2b)!important;box-shadow:-2px 1px 5px rgba(0,0,0,.3);color:var(--race-control-text,#f7f7f7)!important;font-size:10px;font-weight:700;line-height:1;text-transform:uppercase;writing-mode:horizontal-tb;transform:none;cursor:pointer}.viewer-side-rail .mobile-racers-btn span{writing-mode:vertical-rl;transform:rotate(180deg)}.viewer-side-rail .mobile-racers-chevron-icon{width:17px;height:17px}.viewer-side-rail .mobile-racers-symbol-icon{display:block;width:24px;height:17px;object-fit:contain;filter:invert(1);mix-blend-mode:screen;transform:rotate(-90deg)}.viewer-settings-gear{order:2}.viewer-settings-gear svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}
.trc-list-ctrl.is-settings-open>.trc-list-header,.trc-list-ctrl.is-settings-open>.trc-list-body,.trc-list-ctrl.is-settings-open>.trc-list-messages-panel,.trc-list-ctrl.is-settings-open>.trc-detail-ctrl{display:none!important}
@media(min-width:768px){.trc-page-wrap .trc-list-ctrl:has(>.viewer-side-rail){overflow:visible}.viewer-side-rail{top:14px}.viewer-side-rail .mobile-racers-btn{display:flex!important}}
@media(max-width:767px),(orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:600px){.viewer-settings-body{padding:10px}.viewer-settings-row{margin-bottom:8px}}
