.world-quality { position:fixed; z-index:28; inset-inline-start:max(14px,env(safe-area-inset-left));
  top:calc(max(14px,env(safe-area-inset-top)) + 160px); font:500 13px Rubik,Assistant,Arial,sans-serif;
  color:#f3e2c6; text-align:right; pointer-events:auto; }
.world-quality[hidden], .world-quality [hidden] { display:none !important; }
.world-quality button { font:inherit; cursor:pointer; color:inherit; -webkit-tap-highlight-color:transparent;
  min-height:44px; border:1px solid #71534f; background:#271b2b; border-radius:12px; padding:9px 14px; }
.world-quality .world-quality-toggle { min-width:64px; border-radius:999px; background:rgba(24,15,30,.92);
  box-shadow:0 4px 16px #0003; color:#ffdca8; }
.world-quality button:focus-visible { outline:3px solid #ffd977; outline-offset:3px; }
.world-quality-panel { position:absolute; inset-inline-start:0; top:104px; box-sizing:border-box;
  width:min(300px,calc(100vw - 28px)); padding:18px; border:1px solid #765257; border-radius:18px;
  background:#201725; box-shadow:0 14px 36px #0008; }
.world-quality h2 { font:700 16px Rubik,Assistant,Arial,sans-serif; margin:0 0 18px; padding-inline-end:64px; }
.world-quality .world-quality-close { position:absolute; top:7px; inset-inline-end:8px; padding:6px 10px;
  color:#cbb6bf; background:transparent; border-color:transparent; font-size:12px; }
.world-quality-choices { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.world-quality-choices button[aria-pressed="true"] { color:#291706; border-color:#ffd977; background:#f6c879; font-weight:700; }
.world-quality-note { font-size:12px; color:#cbb6bf; line-height:1.6; margin:14px 0 0; }
@media (max-height:540px) {
  .world-quality { top:max(14px,env(safe-area-inset-top)); inset-inline-start:calc(50% - 32px); }
  .world-quality-panel { inset-inline-start:50%; transform:translateX(50%); top:48px; padding:14px; }
}