/* ROTOR Final 01 — bubble PiPs. Real glass comes from the scene (pip-glass overlay); this is layout and hover. */
html body .f1-bubble-pip{left:auto!important;right:18px!important;top:auto!important;bottom:118px!important;width:236px!important;padding:8px!important;border-radius:30px!important;border-color:#e9eef2b0!important;z-index:402!important}
html body .f1-bubble-pip header{margin-bottom:6px!important;gap:6px!important}
html body .f1-bubble-pip :is(.rotor-slide-controls,.pip-world-actions){display:none!important}
html body .f1-bubble-pip header select{flex:1;min-height:32px!important;border-radius:16px!important;font-size:10px!important;letter-spacing:1.2px}
html body .f1-bubble-pip header button{min-height:32px!important;width:32px;padding:0!important;border-radius:16px!important}
html body .f1-bubble-pip .rotor-view-window{aspect-ratio:16/10;border-radius:22px!important;cursor:pointer;overflow:hidden;position:relative}
html body .f1-bubble-pip .rotor-view-window::after{content:"CLICK · NEXT CAMERA";position:absolute;left:10px;bottom:8px;font:700 9px/1 Inter,system-ui,sans-serif;letter-spacing:1.6px;color:#e9eef2cc;opacity:0;transition:opacity 220ms;pointer-events:none;text-shadow:0 1px 2px #000c}
html body .f1-bubble-pip:hover .rotor-view-window::after{opacity:1}
html body .f1-bubble-pip.expanded{width:min(640px,calc(100vw - 36px))!important;bottom:130px!important}
html body .f1-bubble-pip.expanded .rotor-view-window{aspect-ratio:16/9}
/* Toggle lives beside the match tools; the access-center sheet hides the generic toggle, this one is its own control. */
html body.rotor-access-ready .f1-bubble-toggle{display:inline-flex!important;align-items:center;left:auto!important;right:18px!important;top:auto!important;bottom:68px!important;min-height:40px!important;padding:0 14px!important;border-radius:20px!important;font-size:10px!important;letter-spacing:1.6px;color:#e9eef2!important;border:1px solid #e9eef299!important;background:linear-gradient(155deg,#ffffff1f,#00000080)!important;box-shadow:inset 0 1px 0 #ffffff66,0 8px 20px #0006!important;z-index:401!important}
html body.rotor-access-ready .f1-bubble-toggle[aria-expanded="true"]{color:#c7fc68!important;border-color:#c7fc68cc!important}
html body.rotor-access-ready:not(.playing) .f1-bubble-toggle{display:none!important}
html body:not(.playing) .f1-bubble-pip:not(.f1-keep){display:none!important}
html body:has(#resumePanel:not([hidden])) .f1-bubble-pip,html body.searching .f1-bubble-pip{visibility:hidden!important}
/* Hover accents on every PiP header. */
html body .rotor-view-pip header :is(select,button):hover{border-color:#c7fc68cc!important;color:#f4ffe0!important;box-shadow:inset 0 1px 0 #ffffff80,0 0 0 1px #c7fc6833!important}
html body .rotor-view-pip{transition:box-shadow 260ms cubic-bezier(.22,.61,.36,1)}
html body .rotor-view-pip:hover{box-shadow:inset 0 2px #ffffff66,0 22px 50px #0007,0 0 0 1px #e9eef233!important}
@media (max-width:760px){
  html body .f1-bubble-pip{width:170px!important;bottom:206px!important;right:12px!important;padding:6px!important}
  html body .f1-bubble-pip header select{font-size:9px!important}
  html body.rotor-access-ready .f1-bubble-toggle{bottom:160px!important;right:12px!important;min-height:36px!important}
  html body .f1-bubble-pip.expanded{width:calc(100vw - 24px)!important;right:12px!important}
}