body.street-active #world,body.street-active #game>.vignette,body.street-active #game>header,body.street-active .mission,body.street-active .road-badge,body.street-active .minimap,body.street-active .controls,body.street-active .speedometer,body.street-active #game>footer,body.street-active .touch,body.street-active #toast,body.street-active #loading{visibility:hidden;pointer-events:none}
.street-view{display:none;position:absolute;inset:0;z-index:20;background:#14282d;flex-direction:column;padding:26px 30px 0}
body.street-active .street-view{display:flex}.sv-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.sv-header .eyebrow{color:#c6d6ca;font-size:9px;letter-spacing:1.3px}.sv-header h2{font-size:43px;line-height:1;margin:11px 0 9px;letter-spacing:-.5px}.sv-header h2 span{color:var(--lime);font-size:35px;margin-left:12px}.sv-header p{font-size:12px;color:var(--muted);margin:0}.sv-drive{display:flex;gap:25px;align-items:center;color:var(--ink);background:var(--lime);padding:13px 17px;border-radius:3px;font-size:12px;font-weight:600;white-space:nowrap}.sv-drive:hover{background:#e3ff93}.sv-drive span{font-size:19px}.sv-places{display:flex;gap:8px;flex-shrink:0;margin:24px 0 16px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#607267 transparent}.sv-place-btn{display:flex;align-items:center;gap:13px;flex:1;min-width:150px;padding:12px 14px;background:#ffffff05;border:1px solid #ffffff24;border-radius:3px;text-align:left;transition:background .15s,border-color .15s}.sv-place-btn:hover{background:#ffffff0c;border-color:#d6f66c80}.sv-place-btn[aria-pressed=true]{background:#d6f66c0c;border-color:var(--lime)}.sv-place-num{font:10px var(--mono);color:#8da19b}.sv-place-btn[aria-pressed=true] .sv-place-num{color:var(--lime)}.sv-place-btn>span:last-child{display:flex;flex-direction:column;gap:4px}.sv-place-btn b{font-size:13px;font-weight:500}.sv-place-btn small{font-size:10px;color:var(--muted)}.sv-viewer{position:relative;flex:1;min-height:200px;isolation:isolate;background:#243c3e;border:1px solid #a2c1ad55;border-radius:4px;overflow:hidden}.sv-viewer iframe{position:absolute;inset:0;display:block;border:0;width:100%;height:100%;z-index:1;background:transparent}.sv-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:var(--muted);font:11px var(--mono);z-index:0}.sv-loading[hidden]{display:none}.sv-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:81px;flex-shrink:0;padding:12px 0 15px}.sv-place{font:8px var(--mono);letter-spacing:1px;color:var(--lime)}.sv-footer p{font-size:11px;color:var(--muted);margin:7px 0 0}.sv-footer a{font-size:11px;color:var(--paper);text-decoration:none;border-bottom:1px solid #d6f66c66;padding-bottom:4px;white-space:nowrap}.sv-footer a:hover{color:var(--lime)}#streetBtn{border-color:#d6f66c77;color:var(--lime)}
@media(max-width:700px){.street-view{padding:20px 16px 0}.sv-header{align-items:flex-start;gap:12px}.sv-header .eyebrow{font-size:7px;letter-spacing:1px}.sv-header h2{font-size:34px;margin:10px 0}.sv-header h2 span{font-size:26px;margin-left:8px}.sv-header p{font-size:10px;line-height:1.5;max-width:210px}.sv-drive{font-size:10px;padding:9px 11px;gap:10px;white-space:normal;max-width:125px;line-height:1.5}.sv-drive span{font-size:15px}.sv-places{gap:6px;margin:19px 0 12px}.sv-place-btn{min-width:143px;padding:10px 12px;gap:10px}.sv-place-btn b{font-size:11px}.sv-place-btn small{font-size:9px}.sv-footer{align-items:flex-start;min-height:90px;padding:13px 0;gap:10px}.sv-footer p{font-size:10px;line-height:1.5;max-width:240px}.sv-place{font-size:7px;letter-spacing:.6px}.sv-footer a{font-size:9px;white-space:normal;min-width:87px;line-height:1.6}.sv-viewer{border-radius:3px}.toolbar{flex-wrap:wrap;max-width:205px;margin-left:auto}.toolbar #streetBtn{order:0}}
@media(max-width:420px){.sv-header h2{font-size:30px}.sv-header h2 span{font-size:23px}.sv-drive{max-width:106px;font-size:9px}.sv-header .eyebrow{font-size:6px;letter-spacing:.8px}.sv-footer p{font-size:9px}.sv-places{margin-top:16px}.sv-place-btn{min-width:135px}}
@media(max-height:550px){.street-view{padding-top:12px}.sv-header h2{font-size:28px;margin:7px 0}.sv-header p{display:none}.sv-places{margin:12px 0 8px}.sv-place-btn{padding:7px 12px}.sv-footer{min-height:64px;padding:10px 0}.sv-footer p{font-size:9px;margin-top:5px}}