/* SmileDice v31: the View Pick dialog uses the browser top layer and stays
   centered in the viewport at any page scroll position or ancestor transform. */
#sd-my-profile dialog.smp-pick-dialog{
 position:fixed;
 inset:0;
 margin:auto;
 width:min(600px,calc(100vw - 32px));
 max-width:calc(100vw - 32px);
 max-height:min(85dvh,850px);
 overflow-y:auto;
 padding:21px;
 border:1px solid #6285b0;
 border-radius:15px;
 background:linear-gradient(145deg,#172d4e,#0a1830)!important;
 color:#e8f1ff;
 box-shadow:0 20px 75px #000a;
}
#sd-my-profile dialog.smp-pick-dialog::backdrop{
 background:rgba(4,11,23,.86);
 backdrop-filter:blur(3px);
 -webkit-backdrop-filter:blur(3px);
}
#sd-my-profile dialog.smp-pick-dialog .smp-panel-heading{
 top:-21px;
}
@media(max-width:760px){
 #sd-my-profile dialog.smp-pick-dialog{
  width:min(600px,calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  max-height:90dvh;
  padding:16px;
 }
}
@media(max-width:480px){
 #sd-my-profile dialog.smp-pick-dialog{
  width:calc(100vw - 18px);
  max-width:calc(100vw - 18px);
  max-height:92dvh;
  padding:12px;
 }
 #sd-my-profile dialog.smp-pick-dialog .smp-panel-heading{
  gap:8px;
  top:-12px;
  flex-wrap:wrap;
 }
 #sd-my-profile dialog.smp-pick-dialog .smp-panel-heading h3{
  min-width:0;
  overflow-wrap:anywhere;
 }
}