/* GUI-CUSTOM-COINS-MOBILE v1.10.1
 * One persistent application dock on phone + desktop.
 * ACCOUNT | SHOP | OUIJA | DECIDE | CART | QUEUE
 * No standalone floating QUEUE or GUI-Mobile NAV controls.
 */
:root{--gccm-persistent-dock-height:72px}
body{padding-bottom:calc(var(--gccm-persistent-dock-height) + 22px + env(safe-area-inset-bottom,0px))!important}
#gccm-flow-nav.gccm-persistent-dock{
  position:fixed!important;
  left:50%!important;right:auto!important;bottom:12px!important;top:auto!important;
  z-index:2147483000!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:min(760px,calc(100vw - 28px))!important;
  min-height:var(--gccm-persistent-dock-height)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:6px!important;
  border:1px solid rgba(110,164,213,.34)!important;
  border-radius:18px!important;
  background:rgba(3,10,17,.985)!important;
  box-shadow:0 -8px 30px rgba(0,0,0,.34),0 10px 34px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(16px)!important;
  visibility:visible!important;opacity:1!important;
  transform:translateX(-50%)!important;
}
#gccm-flow-nav.gccm-persistent-dock>a,
#gccm-flow-nav.gccm-persistent-dock>button{
  appearance:none!important;-webkit-appearance:none!important;
  position:relative!important;
  display:grid!important;place-items:center!important;
  grid-template-rows:32px 13px!important;
  gap:3px!important;
  min-width:0!important;min-height:58px!important;
  margin:0!important;padding:4px 4px!important;
  border:0!important;border-radius:11px!important;
  background:transparent!important;color:#90a9c1!important;
  font:inherit!important;text-decoration:none!important;cursor:pointer!important;
  touch-action:manipulation!important;
}
#gccm-flow-nav.gccm-persistent-dock>a:hover,
#gccm-flow-nav.gccm-persistent-dock>a:focus-visible,
#gccm-flow-nav.gccm-persistent-dock>button:hover,
#gccm-flow-nav.gccm-persistent-dock>button:focus-visible{
  background:#0b1e30!important;color:#dcebfa!important;outline:none!important;
}
#gccm-flow-nav.gccm-persistent-dock>a.is-active,
#gccm-flow-nav.gccm-persistent-dock>button.is-active{
  background:#0d243a!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(126,190,255,.22)!important;
}
#gccm-flow-nav .gccm-nav-glyph,
#gccm-flow-nav .gccm-queue-icon{
  position:relative!important;
  display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;
  border:1px solid #244a66!important;border-radius:9px!important;
  background:#071726!important;
  font-size:13px!important;font-style:normal!important;font-weight:950!important;
  line-height:1!important;overflow:visible!important;
}
#gccm-flow-nav .gccm-ouija-glyph,#gccm-flow-nav .gccm-decide-glyph,#gccm-flow-nav .gccm-cart-glyph,#gccm-flow-nav .gccm-account-glyph,.gccm-shop-glyph{border-color:#53687a!important;color:#91a6b8!important}
#gccm-flow-nav .gccm-queue-icon{border-color:#53687a!important;filter:grayscale(1) saturate(.2) brightness(.82)!important;overflow:hidden!important}
#gccm-flow-nav>.gccm-dock-account.is-active .gccm-account-glyph,.gccm-shop-glyph{border-color:#68b9ff!important;color:#7fd0ff!important;box-shadow:0 0 14px rgba(75,177,255,.22)!important}
#gccm-flow-nav>.gccm-dock-shop.is-active .gccm-shop-glyph{border-color:#c79b4a!important;color:#ffe4a0!important;box-shadow:0 0 14px rgba(234,168,43,.24)!important}
#gccm-flow-nav>.gccm-dock-ouija.is-active .gccm-ouija-glyph{border-color:#8e69ef!important;color:#c09cff!important;box-shadow:0 0 14px rgba(142,105,239,.24)!important}
#gccm-flow-nav>.gccm-dock-decide.is-active .gccm-decide-glyph{border-color:#5e54cf!important;color:#9e8cff!important;box-shadow:0 0 14px rgba(94,84,207,.24)!important}
#gccm-flow-nav>.gccm-dock-cart.is-active .gccm-cart-glyph{border-color:#2a7899!important;color:#63d8ff!important;box-shadow:0 0 14px rgba(42,120,153,.24)!important}
#gccm-flow-nav>.gccm-dock-queue.is-active .gccm-queue-icon{border-color:#83a9c8!important;filter:none!important;box-shadow:0 0 14px rgba(131,169,200,.22)!important}
#gccm-flow-nav .gccm-queue-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#gccm-flow-nav b{display:block!important;margin:0!important;color:inherit!important;font-size:8px!important;font-weight:950!important;line-height:1!important;letter-spacing:.06em!important;white-space:nowrap!important}
#gccm-flow-nav i{
  position:absolute!important;right:-8px!important;top:-7px!important;
  display:grid!important;place-items:center!important;
  min-width:18px!important;height:18px!important;padding:0 4px!important;
  border-radius:10px!important;background:#e84141!important;color:#fff!important;
  font-size:9px!important;font-style:normal!important;font-weight:900!important;
}
/* Fixed order. SHOP is right of ACCOUNT; QUEUE remains last/right-most. */
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-account{grid-column:1!important}
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-shop{grid-column:2!important}
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-ouija{grid-column:3!important}
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-decide{grid-column:4!important}
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-cart{grid-column:5!important}
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-queue{grid-column:6!important}

/* Only suppress the duplicate App Shell bottom rail when our canonical dock exists.
   App Shell continues to work as a fallback when the GUI dock is not rendered. */
body:has(#gccm-flow-nav.gccm-persistent-dock) .coinable-app-bottom-nav{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}

/* GUI-Mobile no longer owns a second NAV launcher. Flight Director top bar owns NAV. */
.gccm-nav-launch,[data-gccm-nav-launch]{display:none!important;visibility:hidden!important;pointer-events:none!important}

@media (max-width:782px){
  :root{--gccm-persistent-dock-height:68px}
  body{padding-bottom:calc(var(--gccm-persistent-dock-height) + env(safe-area-inset-bottom,0px))!important}
  #gccm-flow-nav.gccm-persistent-dock{
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;
    padding:5px max(5px,env(safe-area-inset-left,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-right,0px))!important;
    border:0!important;border-top:1px solid rgba(110,164,213,.34)!important;border-radius:0!important;
    transform:none!important;
  }
  #gccm-flow-nav.gccm-persistent-dock>a,
  #gccm-flow-nav.gccm-persistent-dock>button{grid-template-rows:30px 12px!important;gap:2px!important;min-height:56px!important;padding:3px 2px!important;border-radius:9px!important}
  #gccm-flow-nav .gccm-nav-glyph,#gccm-flow-nav .gccm-queue-icon{width:27px!important;height:27px!important;font-size:12px!important}
  #gccm-flow-nav b{font-size:7px!important;letter-spacing:.055em!important}
}


/* v1.10.1 - EJECTION SEAT: a guaranteed fullscreen escape control.
   It is above EDGE/TAXI/kiosk layers and works inside native fullscreen too. */
#gccm-ejection-seat{
  position:fixed!important;
  top:calc(var(--cfdn-topbar-height,72px) + max(8px,env(safe-area-inset-top,0px)))!important;
  right:max(8px,env(safe-area-inset-right,0px))!important;
  z-index:2147483647!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:44px!important;
  max-width:min(190px,46vw)!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,164,68,.92)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(65,20,7,.98),rgba(24,8,5,.98))!important;
  box-shadow:0 0 0 1px rgba(255,203,91,.18),0 0 22px rgba(255,111,38,.32),0 12px 30px rgba(0,0,0,.46)!important;
  color:#fff!important;
  font:950 9px/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
#gccm-ejection-seat.is-visible{display:inline-flex!important;}
#gccm-ejection-seat .gccm-eject-mark{font-size:17px!important;line-height:1!important;color:#ffd25f!important;}
#gccm-ejection-seat .gccm-eject-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
#gccm-ejection-seat .gccm-eject-copy strong{font-size:9px!important;line-height:1!important;white-space:nowrap!important;}
#gccm-ejection-seat .gccm-eject-copy small{font-size:6px!important;font-weight:850!important;letter-spacing:.08em!important;color:#ffcf9d!important;white-space:nowrap!important;}
#gccm-ejection-seat:hover,#gccm-ejection-seat:focus-visible{outline:2px solid #ffd25f!important;outline-offset:2px!important;filter:brightness(1.08)!important;}
:fullscreen #gccm-ejection-seat,
:-webkit-full-screen #gccm-ejection-seat{
  top:max(8px,env(safe-area-inset-top,0px))!important;
  right:max(8px,env(safe-area-inset-right,0px))!important;
}
@media(max-width:520px){
  #gccm-ejection-seat{max-width:44vw!important;padding:7px 9px!important;border-radius:10px!important;}
  #gccm-ejection-seat .gccm-eject-mark{font-size:15px!important;}
  #gccm-ejection-seat .gccm-eject-copy strong{font-size:8px!important;}
  #gccm-ejection-seat .gccm-eject-copy small{font-size:5.6px!important;}
}

/* v1.10.9: preserve approved embedded-label artwork; no duplicate visible text. */
#gccm-flow-nav.gccm-persistent-dock>a:not(.gccm-dock-queue){grid-template-rows:minmax(42px,1fr)!important;min-height:62px!important;}
#gccm-flow-nav.gccm-persistent-dock>a:not(.gccm-dock-queue)>b{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
#gccm-flow-nav .gccm-dock-art{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;}
#gccm-flow-nav .gccm-nav-glyph:has(.gccm-dock-art){width:50px!important;height:50px!important;max-width:100%!important;border:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;}
#gccm-flow-nav.gccm-persistent-dock>a:not(.gccm-dock-queue):hover .gccm-dock-art,
#gccm-flow-nav.gccm-persistent-dock>a:not(.gccm-dock-queue):focus-visible .gccm-dock-art{transform:scale(1.35);transition:transform .16s ease;}
@media(max-width:782px){#gccm-flow-nav.gccm-persistent-dock>a:not(.gccm-dock-queue){min-height:56px!important;}#gccm-flow-nav .gccm-nav-glyph:has(.gccm-dock-art){width:43px!important;height:43px!important;}}
@media(prefers-reduced-motion:reduce){#gccm-flow-nav .gccm-dock-art{transition:none!important;}}

/* v1.10.10: Six artwork buttons and accessible embedded image labels. */
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-shop{grid-template-rows:minmax(42px,1fr)!important;min-height:62px!important}
#gccm-flow-nav.gccm-persistent-dock>.gccm-dock-shop>b{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:782px){
  #gccm-flow-nav.gccm-persistent-dock>.gccm-dock-shop{min-height:56px!important}
}
@media(max-width:390px){
  #gccm-flow-nav.gccm-persistent-dock{padding-inline:3px!important}
  #gccm-flow-nav.gccm-persistent-dock>a{padding-inline:1px!important}
  #gccm-flow-nav .gccm-nav-glyph:has(.gccm-dock-art){width:min(39px,100%)!important;height:39px!important}
  #gccm-flow-nav .gccm-queue-icon{width:25px!important;height:25px!important}
}