/* Compact controls. Architecture and brand colors are intentionally unchanged. */
#v2Mission{
  background:rgba(255,255,255,.88); /* Translucent surface; text and controls stay fully opaque. */
  width:min(460px,calc(100vw - 24px));padding:10px 12px;
  bottom:calc(10px + var(--pb));left:50%;border-radius:17px;
  display:grid;grid-template-columns:minmax(0,1fr) 72px;
  grid-template-areas:"copy joystick" "actions joystick";
  gap:7px 12px;direction:ltr;box-shadow:0 4px 18px #1234251c;
}
#v2Mission[hidden]{display:none}
.v2-mission-copy{grid-area:copy;direction:rtl;min-width:0}
#v2Mission .v2-mission-header{align-items:flex-start;gap:6px}
#v2Mission #v2Goal{font-size:.88rem;line-height:1.45}
#v2Mission #v2GoalKind{font-size:.64rem;padding:2px 4px;flex:none}
#v2Mission #v2GoalDetail{font-size:.71rem;line-height:1.5;min-height:0;margin-top:2px;border:0;padding:0}
.v2-mission-actions{grid-area:actions;display:flex;align-items:stretch;gap:7px;direction:ltr;min-width:0;pointer-events:auto}
#v2Mission #v2Assist,#v2Mission #act{
  position:static;inset:auto;transform:none;width:auto;max-width:none;margin:0;
  min-height:44px;height:auto;padding:7px 10px;border-radius:11px;
  font-size:.75rem;line-height:1.35;direction:rtl;
}
#v2Mission #v2Assist{flex:none;min-width:95px}
#v2Mission #v2Assist.complete-laps{background:var(--brand-yellow);color:var(--brand-black);border-color:var(--brand-yellow)}
#v2Mission #act{flex:1;display:none}
#v2Mission #act.on{display:block}
#v2Mission #act:active{transform:none}
.v2-control{grid-area:joystick;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;direction:rtl;min-width:0}
#v2Joystick{
  width:62px;height:62px;border:1px solid #2e7d4f38;border-radius:50%;
  display:grid;place-items:center;background:radial-gradient(circle,#2e7d4f05 49%,#2e7d4f0c 50%);
  pointer-events:auto;touch-action:none;position:relative;cursor:grab;
}
#v2Joystick::before,#v2Joystick::after{content:"";position:absolute;background:#2e7d4f20;border-radius:1px}
#v2Joystick::before{width:1px;height:46px}#v2Joystick::after{width:46px;height:1px}
#v2JoyKnob{width:26px;height:26px;border:1px solid #2e7d4f55;background:#2e7d4f33;border-radius:50%;z-index:1}
#v2Joystick.is-active{border-color:#2e7d4f88;cursor:grabbing}
#v2Joystick.is-active #v2JoyKnob{background:#2e7d4f77}
#v2Joystick:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:3px}
#v2Joystick.unavailable{opacity:.35}
#v2Mission #v2IdleAction{position:static;inset:auto;width:auto;min-height:0;display:block;padding:0;border:0;background:none;font-size:.63rem;line-height:1.4;color:var(--brand-muted)}
#skip,#skip.on{display:none!important}
#qMore{font-size:.72rem;min-height:44px;padding:5px 9px;border-radius:9px;box-shadow:none}
#hint{bottom:calc(151px + var(--pb));font-size:.79rem;max-width:min(450px,90vw)}
#warn{font-size:.79rem;line-height:1.55;width:min(430px,calc(100vw - 24px));max-width:none;padding:8px 11px;border-radius:10px;box-shadow:0 3px 12px #0002}
#wpTx{display:none}
#wp{padding:6px 8px;gap:5px}
#dua{transition:none}
body:has(#dua.on) #v2Mission{display:none}
#dua.miqat-guide{
  top:auto;bottom:calc(12px + var(--pb));width:min(440px,calc(100vw - 24px));
  transform:translateX(-50%);
  max-height:38dvh;padding:12px 15px;border-top-width:2px;border-radius:17px;
}
#dua.miqat-guide #duaTx{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
#dua.miqat-guide #miqatSpeaker{font-size:.69rem;margin:0 0 5px;padding:0;border:0;color:var(--brand-deep)}
#dua.miqat-guide #duaNote{font-size:.8rem;line-height:1.65;margin:0}
#dua.miqat-guide #duaX{margin-top:9px;min-height:44px;padding:8px;font-size:.81rem;border-radius:10px}
#guideBubble{
  position:fixed;z-index:15;width:min(250px,calc(100vw - 32px));
  padding:11px 15px 8px;border-radius:18px;background:#fffef8;color:var(--brand-black);
  border:1px solid #d5ddcf;box-shadow:0 5px 22px #132e2524;pointer-events:none;text-align:center;
}
#guideBubble[hidden]{display:none}
#guideBubble::after{content:"";position:absolute;bottom:-9px;left:var(--tail-x,50%);width:16px;height:16px;background:#fffef8;border-right:1px solid #d5ddcf;border-bottom:1px solid #d5ddcf;transform:translateX(-50%) rotate(45deg)}
.guide-bubble-name{font-size:.65rem;color:var(--brand-green);font-weight:700}
#guideBubbleText{font-size:1rem;font-weight:750;line-height:1.8;margin:3px 0;min-height:1.8em}
#guideBubbleDots{font-size:.48rem;letter-spacing:3px;color:#78917b}
@media(max-width:370px){#v2Mission{gap:6px 8px;grid-template-columns:minmax(0,1fr) 64px;padding:9px 10px}#v2Mission #v2Goal{font-size:.82rem}#v2Mission #v2Assist{min-width:84px;padding-inline:7px}#v2Mission #v2GoalKind{font-size:.59rem}}
@media(max-height:520px) and (orientation:landscape){
  #v2Mission{left:50%;width:min(460px,calc(100vw - 32px));padding:8px 11px;gap:4px 10px;grid-template-columns:minmax(0,1fr) 68px}
  #v2Mission #v2Goal{font-size:.79rem}#v2Mission #v2GoalDetail{font-size:.65rem}
  #v2Joystick{width:54px;height:54px}#v2Mission #v2Assist,#v2Mission #act{min-height:44px;height:auto}
  #dua.miqat-guide{left:auto;right:12px;bottom:12px;width:42vw;transform:none;max-height:60dvh}
  #guideBubble{width:230px}
}
@media(prefers-reduced-motion:reduce){#guideBubble *{animation:none!important}}