/* Scoped to Desert Relic; shared mini-games keep their current layout. */
.dr-ui{position:absolute;inset:0;pointer-events:none;color:#f3dfb7;font:14px/1.35 system-ui,sans-serif;text-align:left}
.dr-hud{position:absolute;left:8px;right:76px;top:7px;background:#201a14e8;padding:6px 8px;border:1px solid #9c8258;border-radius:3px;font-weight:650}
.dr-pause{position:absolute;right:8px;top:7px;pointer-events:auto}
.dr-ui button,.dr-loading button{font:inherit;color:#fff0d0;background:#473924;border:1px solid #c5a578;border-radius:4px;padding:7px 12px;cursor:pointer;touch-action:manipulation}
.dr-ui button:focus-visible,.dr-loading button:focus-visible{outline:3px solid #ffdc83;outline-offset:2px}
.dr-panel,.dr-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#19150fea;pointer-events:auto;padding:16px;overflow:auto;color:#f3dfb7;font:15px/1.4 system-ui;text-align:center}
.dr-panel[hidden],.dr-ui [hidden]{display:none}
.dr-panel h2,.dr-loading h2{font:700 24px/1.1 system-ui;margin:0;color:#ffe0a0;letter-spacing:1px}
.dr-panel p,.dr-loading p{margin:0;max-width:540px}
.dr-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dr-hints{position:absolute;bottom:4px;left:7px;right:7px;background:#211a14ef;padding:5px 8px;font-size:13px;border-radius:3px}
.dr-cabinet-prompt{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#211a14ef;color:#ffe2a4;border:1px solid #a38b64;border-radius:4px;padding:5px 10px;font:13px system-ui;white-space:nowrap;pointer-events:none;z-index:3}
.dr-cabinet-prompt[hidden]{display:none}
.dr-controls .ab button{font-size:13px}
@media(max-width:600px){.dr-hud{font-size:11px;line-height:1.2;right:62px;padding:4px}.dr-pause{font-size:11px!important;padding:6px!important}.dr-hints{font-size:11px;line-height:1.2}.dr-panel,.dr-loading{padding:8px;gap:6px;font-size:12px}.dr-panel h2,.dr-loading h2{font-size:18px}.dr-ui button,.dr-loading button{padding:7px 9px}.dr-buttons{gap:6px}}

.dr-panel.dr-story{inset:auto 0 0;max-height:52%;background:#19150ff0;border-top:1px solid #9c8258;padding:12px 18px}
@media(max-width:600px){.dr-panel.dr-story{padding:7px 10px;gap:4px;font-size:11px}.dr-panel.dr-story h2{font-size:16px}.dr-panel.dr-story button{padding:5px 8px}}

/* Accessible targets are scoped to this game, including phone story/menu controls. */
.dr-ui button,.dr-loading button{min-width:44px;min-height:44px}
.dr-controls .ab .b{width:56px;height:56px;color:#f3dfb7}
.dr-controls .dpad button{color:#f3dfb7}
@media(max-width:600px){
  .dr-hud{font-size:12px;right:70px}
  .dr-hints{font-size:12px}
  .dr-panel,.dr-loading{font-size:13px}
  .dr-panel.dr-story{font-size:12px}
}

@media(max-width:600px),(max-height:500px){
  .mg.dr-story-active{align-items:flex-start}
  .dr-story-active .dr-panel.dr-story{max-height:none}
}

@media(pointer:coarse) and (max-height:500px) and (min-width:601px){
  .dr-playing .touch{position:fixed;bottom:8px;left:8px;right:8px;width:auto;max-width:none;pointer-events:none;z-index:8}
  .dr-playing .touch button{pointer-events:auto}
}

body.dr-playing .mg{background:#19150f}
/* Center short menus, but let long warnings start at the top and scroll normally. */
.dr-panel:not(.dr-story),.dr-loading{justify-content:flex-start}
.dr-panel:not(.dr-story)>:first-child,.dr-loading>:first-child{margin-top:auto}
.dr-panel:not(.dr-story)>:last-child,.dr-loading>:last-child{margin-bottom:auto}