#rotorField{
  --rf-blue:#043cff;
  --rf-green:#9aff00;
  --rf-yellow:#ffcf00;
  position:fixed;
  inset:0;
  z-index:2147480;
  pointer-events:none;
  color:#e9eef2;
  font-family:Inter,system-ui,sans-serif
}
#rotorField[hidden],#rfPanel[hidden]{display:none!important}
#rotorField button{appearance:none;border:0;color:inherit;font:inherit;cursor:pointer}

#rfOpen,#rfGreenRoom{
  position:absolute;
  top:24px;
  right:28px;
  display:grid;
  grid-template-columns:7px auto auto;
  align-items:center;
  gap:10px;
  pointer-events:auto;
  padding:10px 12px;
  border:1px solid #e9eef229!important;
  background:#01040de6;
  font:800 9px/1 Inter,sans-serif!important;
  letter-spacing:.2em
}
#rfOpen i{width:5px;height:5px;border-radius:50%;background:var(--rf-green);box-shadow:0 0 12px var(--rf-green)}
#rfOpen b{color:var(--rf-yellow);font:inherit}
#rfOpen:hover,#rfOpen:focus-visible{border-color:var(--rf-yellow)!important;outline:none}

#rfGreenRoom{
  right:122px;
  grid-template-columns:7px auto;
  color:#c7fc68
}
#rfGreenRoom i{width:5px;height:5px;border-radius:50%;background:#c7fc68;box-shadow:0 0 12px #c7fc68}
#rfGreenRoom:hover,#rfGreenRoom:focus-visible{border-color:#c7fc68!important;outline:none}

#rfPanel{
  position:absolute;
  top:72px;
  right:28px;
  width:min(330px,calc(100vw - 32px));
  pointer-events:auto;
  padding:16px;
  border:1px solid #e9eef229;
  background:#01040df5;
  box-shadow:0 24px 80px #000c
}
#rfPanel header{display:flex;justify-content:space-between;align-items:center;color:#8e99ae;font:800 8px/1 Inter,sans-serif;letter-spacing:.22em}
#rfClose{padding:4px;background:none!important;color:#e9eef2!important;font:inherit!important;letter-spacing:inherit}
#rfClose:hover,#rfClose:focus-visible{color:var(--rf-yellow)!important;outline:none}
#rfPanel>p{margin:22px 0 14px;font:900 26px/.88 "Barlow Condensed",Impact,sans-serif;letter-spacing:.02em}
#rfPanel nav{display:grid}
#rfPanel nav button{
  display:grid;
  grid-template-columns:28px 1fr 16px;
  gap:10px;
  align-items:center;
  width:100%;
  min-height:52px;
  padding:8px;
  border-top:1px solid #e9eef21c!important;
  background:transparent;
  text-align:left
}
#rfPanel nav button:last-child{border-bottom:1px solid #e9eef21c!important}
#rfPanel nav button>i,#rfPanel nav button>em{font-style:normal;color:#68748a;font:700 8px/1 Inter,sans-serif}
#rfPanel nav button span{display:grid;gap:5px}
#rfPanel nav button b{font:800 10px/1 Inter,sans-serif;letter-spacing:.18em}
#rfPanel nav button small{color:#8e99ae;font:500 9px/1.2 Inter,sans-serif;letter-spacing:.02em}
#rfPanel nav button:hover,#rfPanel nav button:focus-visible{background:#e9eef20c;outline:1px solid #043cff}
#rfPanel nav button[aria-current=true]{border-left:2px solid var(--rf-blue)!important;background:#043cff1c}
#rfPanel nav button[aria-current=true]>i,#rfPanel nav button[aria-current=true]>em{color:var(--rf-yellow)}
#rfPanel footer{margin-top:14px;color:#657087;font:700 7px/1 Inter,sans-serif;letter-spacing:.18em}

@media(max-width:700px){
  #rfOpen{top:16px;right:16px}
  #rfGreenRoom{top:16px;right:110px}
  #rfPanel{top:62px;right:16px}
}
@media(prefers-reduced-motion:reduce){
  #rotorField *{scroll-behavior:auto!important;transition:none!important}
}