/* Familiar platform conventions in the web launcher. Native system chrome is
   owned by iOS/Android; this floating navigation is implemented in HTML/CSS. */
.ui-icon.lucide-icon{fill:none;stroke:currentColor;display:inline-block;flex-shrink:0;overflow:visible;stroke-width:2}
@media(max-width:760px){
  .launcher-bottom{position:fixed;inset:auto 0 0;z-index:45;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;background:none;pointer-events:none}
  .launcher-bottom>.lx-foot,.launcher-bottom>.voice-dock{width:100%;max-width:390px;pointer-events:auto}
  .launcher-bottom .lx-foot{background:none;border:0;padding:0;gap:8px}
  .lx-main{scroll-padding-bottom:var(--bottom-space,108px)}
  .lx-view{padding-bottom:calc(20px + var(--bottom-space,108px))}
  .mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-height:68px;padding:5px;border:1px solid #ffffff24;border-radius:36px;background:#302a25ed;box-shadow:0 10px 30px #0005,inset 0 1px 0 #ffffff12;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
  .mobile-dock>a{display:flex;position:relative;isolation:isolate;flex-direction:column;align-items:center;justify-content:center;min-height:56px;min-width:0;padding:7px 2px;gap:4px;border:0;border-radius:29px;color:#c1b9b0;font:550 10px/1.2 var(--f-body);text-decoration:none;background:none}
  .mobile-dock>a::before{content:none}
  .mobile-dock .ui-icon.lucide-icon{fill:none;stroke:currentColor;width:23px;height:23px;stroke-width:2}
  .mobile-dock [aria-current]{color:#ffdbb8;background:#ffffff0d}
  .mobile-dock :focus-visible{outline:2px solid #efb17d;outline-offset:-2px;border-radius:29px}
  .launcher-bottom .voice-dock{margin:0;border:1px solid #ffffff20;border-radius:19px;background:#29231fed;box-shadow:0 5px 18px #0003;padding:5px 10px;min-height:56px}
  #resume-game{border:1px solid #c1894f3d;border-radius:18px;background:#2a211eeb}
  [data-platform=android] .mobile-dock{border-radius:25px;background:#292723;border-color:#ffffff14;box-shadow:0 7px 24px #0005}
  [data-platform=android] .mobile-dock>a{border-radius:20px;color:#c8c3bb}
  [data-platform=android] .mobile-dock [aria-current]{background:none;color:#ffddba}
  [data-platform=android] .mobile-dock [aria-current]::after{content:'';position:absolute;top:5px;left:50%;width:54px;height:30px;transform:translateX(-50%);border-radius:17px;background:#624831;z-index:-1}
  [data-platform=android] .mobile-dock :focus-visible{border-radius:20px}
  .keyboard-open .launcher-bottom{display:none}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media(max-width:760px){
    :root:not([data-platform=android]) .mobile-dock{background:linear-gradient(155deg,#ffffff14,#ffffff03),#28272583;backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);border-color:#ffffff2b;box-shadow:0 8px 30px #0004,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0005}
    :root:not([data-platform=android]) .mobile-dock [aria-current]{background:linear-gradient(145deg,#ffffff1b,#ffffff0c);box-shadow:inset 0 1px 0 #ffffff16}
  }
}
@media(max-width:760px) and (prefers-reduced-transparency:reduce){
  .mobile-dock{background:#292724!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(max-width:760px) and (prefers-contrast:more){
  .mobile-dock{background:#242321!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#b4a89a}
  .mobile-dock>a{color:#e9e2d9}.mobile-dock [aria-current]{outline:1px solid #d2ad82}
}