/* GP027 Clear View. Reuses the bounded GP026 dialog; no page-scale tricks. */
.sv27-wrap{z-index:265}.sv27-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.sv27-confirm{z-index:270}.sv27-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:26px}.sv27-grid>div{min-width:0}.sv27-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.sv27-presets button{flex:1;min-width:100px;min-height:62px;background:#153a63;border:1px solid #638aaf;padding:12px;text-align:left}.sv27-presets b{display:block;font-size:11px;letter-spacing:1px}.sv27-presets small{display:block;font-size:12px;color:#bad1e9;margin-top:5px}
.sv27-field{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;padding:13px 0;border-top:1px solid #607f9c44;font-size:14px}.sv27-field>span{flex:1;min-width:120px;font-weight:700}.sv27-field small,.sv27-check small{display:block;font-size:12px;line-height:1.5;color:#b7cfe6;font-weight:400;margin-top:4px}.sv27-field select{min-height:44px;max-width:100%;background:#0a2542;border:1px solid #719ac0;color:white;font-size:13px;padding:9px;border-radius:4px}.sv27-range-label{display:block;font-weight:700;font-size:13px;margin:15px 0 4px}.sv27-range{display:grid;grid-template-columns:44px minmax(40px,1fr) 44px 48px;gap:8px;align-items:center}.sv27-range button{width:44px;height:44px;background:#15395d;border:1px solid #648bac;font-size:24px}.sv27-range input{width:100%;min-height:44px;accent-color:#bfdeff;touch-action:pan-y}.sv27-range output{font:700 12px ui-monospace,Consolas,monospace;text-align:right;color:#f3d17b}.sv27-check{display:flex;gap:12px;align-items:center;min-height:48px;font-size:14px;font-weight:700}.sv27-check input{width:24px;height:24px;margin:10px;accent-color:#acd5fa}
.sv27-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.8px;color:#bdd6ec;margin-bottom:8px}#sv27-preview{position:relative;width:100%;border:1px solid #567d9e;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 9.9%,#a7c9dd18 9.9% 10%),linear-gradient(#082139,#183235)}#sv27-clear-lane{position:absolute;top:35%;bottom:0;border:1px dashed #b3ded377;background:#90dcca18;color:#b3ddd2;text-align:center;display:grid;place-content:center;font:700 10px/1.5 Arial,sans-serif;pointer-events:none}.sv27-example-top{position:absolute;top:5%;left:4%;font-size:11px;font-weight:700;letter-spacing:1px}.sv27-example-turn{position:absolute;top:20%;width:100%;text-align:center;font-size:10px;color:#dbeafd;pointer-events:none}.sv27-handle{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border:2px solid #9dc2e5;background:#143654f2;border-radius:12px;padding:4px;min-height:0!important;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.sv27-handle[aria-pressed=true]{border-color:#f5d081;box-shadow:0 0 0 2px #f5d08144}.sv27-handle small{font-size:9px;display:block;border-bottom:1px solid #87a6c455;padding-bottom:3px;width:100%;text-align:center}.sv27-handle span{font-size:10px;color:#c4d7ec}.sv27-handle b{font-size:11px;color:#ddf4f0}.sv27-nudge{display:flex;gap:8px;justify-content:center}.sv27-nudge button{min-width:52px;min-height:44px;border:1px solid #6b93b7;background:#194067;font-size:24px}
#sv27-sample{background:#102d4dde;border:1px solid #698bad;border-left:4px solid #ce2c41;padding:18px}#sv27-sample>p:first-child{font-size:10px;letter-spacing:1px;color:#bed6ed;margin:0 0 16px}#sv27-sample>div{display:flex;gap:18px;flex-wrap:wrap}#sv27-sample span{font-size:9px;letter-spacing:1px;color:#bdd4eb}#sv27-sample b{display:block;font-size:21px;color:#f2f7ff;letter-spacing:0}#sv27-sample>strong{display:block;font-size:18px;margin-top:18px}#sv27-sample strong small{display:block;font-size:12px;margin-top:5px;color:#c3d8ea}#sv27-sample[data-text=large] b{font-size:25px}#sv27-sample[data-contrast=solid]{background:#061a33}#sv27-example-detail{font-size:12px;color:#f2d27c}.sv27-note-box{margin:20px 0;padding:18px;background:#133555;border-left:3px solid #efc975}.sv27-note-box b{font-size:15px}.sv27-note-box p{font-size:13px;line-height:1.6;color:#bfd7eb}.sv27-message{font-size:13px;color:#efcf7a;margin:0 24px 16px;min-height:20px}.sv27-wrap .cb26-footer .primary{flex:0 0 auto;min-width:175px}.sv27-wrap .cb26-footer .secondary{flex:0 0 auto}.sv27-wrap .cb26-footer>div{flex:1}.sv27-wrap h3{font-size:22px;margin:0 0 14px}#sv27-safe{position:fixed;visibility:hidden;pointer-events:none;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
body.touch.sv27-layout .touch-left{left:var(--sv27-steer-x)!important;top:calc(var(--sv27-steer-y) + 52px)!important;right:auto!important;bottom:auto!important;width:var(--sv27-steer-w)!important;height:var(--sv27-pad-h)!important}body.touch.sv27-layout .drive-stick{width:var(--sv27-steer-w)!important;height:var(--sv27-pad-h)!important}body.touch.sv27-layout .recover-touch{left:var(--sv27-steer-x)!important;top:var(--sv27-steer-y)!important;right:auto!important;bottom:auto!important;width:var(--sv27-steer-w)!important;height:44px!important;min-height:44px!important}
body.touch.sv27-layout .touch-right{left:var(--sv27-actions-x)!important;top:calc(var(--sv27-actions-y) + 52px)!important;right:auto!important;bottom:auto!important;grid-template-columns:var(--sv27-col0) var(--sv27-col1) var(--sv27-col2)!important;grid-template-rows:var(--sv27-row0) var(--sv27-row1)!important;gap:8px!important;width:var(--sv27-actions-w)!important}body.touch.sv27-layout #cruise-toggle{left:var(--sv27-actions-x)!important;top:var(--sv27-actions-y)!important;right:auto!important;bottom:auto!important;width:calc((var(--sv27-actions-w) - 8px)/2)!important;height:44px!important;min-height:44px!important;font-size:10px!important}body.touch.sv27-layout #wiper-button{left:calc(var(--sv27-actions-x) + (var(--sv27-actions-w) + 8px)/2)!important;top:var(--sv27-actions-y)!important;right:auto!important;bottom:auto!important;transform:none!important;width:calc((var(--sv27-actions-w) - 8px)/2)!important;height:44px!important;min-height:44px!important;padding:4px!important;font-size:11px!important}
body.touch.sv27-layout #race-telemetry{left:calc(var(--sv27-middle-x) + var(--sv27-middle-w)/2)!important;width:calc(var(--sv27-middle-w) - 12px)!important;max-width:210px;right:auto!important}body.touch.sv27-layout #turn-hint,body.touch.sv27-layout #course-alert{left:calc(var(--sv27-middle-x) + var(--sv27-middle-w)/2)!important;width:calc(var(--sv27-middle-w) - 12px)!important;min-width:0!important}
#sv27-racebar{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:78px;max-width:690px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:9px 14px;border:1px solid #7196b977;border-left:4px solid #cc2940;border-radius:5px;background:#0a2441e0;pointer-events:none;z-index:3;color:#f0f6ff;font:14px/1.15 Arial,sans-serif}#sv27-racebar span{font-size:10px;letter-spacing:1px;display:block;margin-bottom:4px;color:#bdd5eb}#sv27-racebar b{font-size:23px;font-variant-numeric:tabular-nums;white-space:nowrap}#sv27-racebar p{flex-basis:100%;font-size:12px;color:#f4d282;margin:0}#sv27-racebar.low-body #sv27-live-health{color:#ffc0be}#sv27-map-open{position:absolute;top:88px;right:max(14px,env(safe-area-inset-right));min-width:48px;min-height:44px;background:#0f2e50eb;border:1px solid #6f97bd;border-radius:5px;font:700 11px Arial,sans-serif;color:#edf5ff;z-index:4;pointer-events:auto}
body[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) :is(.mission,.instrument,#drive-mode,.hud-top .brand,#race-telemetry .race-stat,#race-telemetry .race-draft,#race-effect,#gate-labels,#waypoint){display:none!important}body[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) .hud-right{margin-left:auto}body:not(.touch)[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) #race-telemetry{left:50%;right:auto;top:auto;bottom:50px;transform:translateX(-50%);width:220px;clip-path:none;display:block}
body[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) #turn-hint{top:92px;width:min(330px,42vw);min-width:0;left:50%;padding:8px 12px;border-radius:5px;clip-path:none}body[data-screen-text=large] #sv27-racebar b{font-size:27px}body[data-screen-text=large] #turn-hint b{font-size:20px!important}body[data-screen-text=large] #turn-hint-road{font-size:12px!important;line-height:1.45}body[data-screen-panels=solid] :is(#sv27-racebar,#turn-hint,.map-wrap){background:#061a33!important;border-color:#8eb2d1!important;box-shadow:none}
body[data-screen-map] .map-wrap{display:none!important}body[data-screen-map].sv27-map-visible .map-wrap{display:block!important;width:var(--sv27-map-size)!important}body[data-screen-map].sv27-map-visible:not(.touch) .map-wrap{bottom:60px}body.touch[data-screen-map].sv27-map-visible .map-wrap{left:max(14px,env(safe-area-inset-left));right:auto;top:88px;bottom:auto;padding:5px;clip-path:none}body.touch[data-screen-map] .minimap-zoom,body.touch[data-screen-map] .map-wrap>div:not(.minimap-zoom){display:none}body[data-screen-hud=classic] #sv27-map-open{left:max(14px,env(safe-area-inset-left));right:auto;top:68px}
body.touch.sv27-layout #pause-button,body:is([data-screen-hud=focus],[data-screen-hud=detail]) #pause-button{min-width:44px;min-height:44px;width:44px;height:44px}body:is([data-screen-hud=focus],[data-screen-hud=detail]) #fl-coach{top:88px;bottom:auto;left:14px;width:220px;max-width:26vw;padding:6px 8px}body.touch.sv27-layout #fl-coach{max-width:calc(var(--sv27-middle-x) - 28px)}
@media(max-width:740px){.sv27-grid{grid-template-columns:1fr;gap:20px}.sv27-presets{gap:6px}.sv27-presets button{padding:9px;min-width:86px}.sv27-presets b{font-size:10px}.sv27-presets small{font-size:11px}.sv27-wrap .cb26-footer>div{flex-basis:100%}.sv27-wrap .cb26-footer .primary{min-width:0;flex:2}.sv27-wrap .cb26-footer .secondary{flex:1}.sv27-handle span{font-size:8px}.sv27-handle small{font-size:8px}.sv27-handle b{font-size:10px}.sv27-example-turn{font-size:9px}#sv27-racebar{gap:8px 12px;padding:7px 10px;right:68px}#sv27-racebar b{font-size:18px}#sv27-racebar span{font-size:9px}body[data-screen-text=large] #sv27-racebar b{font-size:22px}}
@media(orientation:landscape) and (max-height:480px){.sv27-grid{grid-template-columns:1fr 1fr;gap:18px}.sv27-presets{margin-bottom:12px}.sv27-presets button{min-height:52px}.sv27-field select{width:100%;min-width:0}.sv27-wrap .cb26-footer{flex-wrap:nowrap}.sv27-wrap .cb26-footer>div{flex-basis:auto}.sv27-wrap .cb26-footer .primary{flex:0 0 auto;min-width:166px}.sv27-wrap .cb26-footer .secondary{flex:0 0 auto}.sv27-handle span,.sv27-handle small{font-size:8px}.sv27-handle b{font-size:9px}.sv27-example-turn{font-size:9px}#sv27-racebar{top:10px;left:14px;right:74px;width:max-content;max-width:calc(100% - 95px);gap:8px 18px;padding:6px 12px}#sv27-racebar b{font-size:19px}#sv27-racebar span{font-size:9px;margin-bottom:3px}#sv27-racebar p{font-size:10px}body[data-screen-text=large] #sv27-racebar b{font-size:23px}body[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) #turn-hint{top:88px;padding:5px 8px;width:min(260px,40vw)}body[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) #turn-hint b{font-size:14px}body[data-screen-text=large] #turn-hint b{font-size:16px!important}body[data-screen-text=large] #turn-hint-road{font-size:11px!important}body[data-state=play]:is([data-screen-hud=focus],[data-screen-hud=detail]) #course-alert{top:144px}body:is([data-screen-hud=focus],[data-screen-hud=detail]) #sv27-map-open{top:62px}}
@media(prefers-reduced-motion:reduce){.sv27-wrap *{scroll-behavior:auto!important}}