/* MRWINNER • Signature mobile dock v4
   A restrained floating navigation: obsidian glass, fine warm-gold trim,
   one compact emerald centerpiece. Only visible under 768px. */
.mrw-mobile-dock { display:none; }
@media (max-width:767px) {
  body { padding-bottom:calc(108px + env(safe-area-inset-bottom, 0px)); }

  .mrw-mobile-dock {
    position:fixed;
    z-index:90;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px));
    left:50%;
    transform:translateX(-50%);
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(67px,1.05fr) minmax(0,1fr) minmax(0,1fr);
    align-items:end;
    gap:0;
    width:min(454px,calc(100vw - 28px));
    height:68px;
    padding:5px 7px 7px;
    border-radius:21px;
    border:1px solid rgba(211,173,102,.40);
    background:
      radial-gradient(ellipse at 50% 2%,rgba(24,80,54,.20) 0%,transparent 52%),
      linear-gradient(160deg,rgba(20,33,27,.97),rgba(7,16,13,.985) 58%,rgba(13,25,19,.985));
    box-shadow:
      0 18px 34px rgba(0,0,0,.65),
      0 3px 10px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,239,194,.10);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  /* Hairline embroidery, split to leave breathing room around the centerpiece. */
  .mrw-mobile-dock::before,
  .mrw-mobile-dock::after {
    content:"";
    position:absolute;
    top:0;
    height:1px;
    width:calc(50% - 49px);
    pointer-events:none;
    opacity:.8;
    background:linear-gradient(90deg,transparent,#92713d 34%,#efd3a0 81%,transparent);
  }
  .mrw-mobile-dock::before {left:16px}
  .mrw-mobile-dock::after {right:16px;transform:scaleX(-1)}

  .mrw-dock-item {
    position:relative;
    appearance:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    min-width:0;
    width:100%;
    height:54px;
    padding:6px 1px 8px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#b9c6bc;
    text-decoration:none;
    text-align:center;
    font:600 10px/1.15 var(--sans,'DM Sans',system-ui,sans-serif);
    letter-spacing:-.01em;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:color .16s ease,background .16s ease;
  }
  .mrw-dock-item>svg {
    display:block;
    flex:none;
    width:22px;
    height:22px;
    stroke:currentColor;
    stroke-width:1.65;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mrw-dock-item>span:last-child {
    display:block;
    min-width:0;
    white-space:nowrap;
  }
  .mrw-dock-item:not(.mrw-dock-deposit):is(:hover,:active,.is-active){
    color:#f1d5a4;
    background:rgba(201,164,97,.075);
  }
  .mrw-dock-item:not(.mrw-dock-deposit).is-active::after {
    content:"";
    position:absolute;
    bottom:3px;
    left:50%;
    transform:translateX(-50%);
    height:2px;
    width:15px;
    border-radius:3px;
    background:#d5ac69;
  }
  .mrw-dock-support>svg {color:#d9bf92}
  .mrw-dock-item:focus-visible {outline:2px solid #efd3a0;outline-offset:0}

  .mrw-dock-deposit {
    position:relative;
    z-index:2;
    height:67px;
    justify-content:flex-end;
    gap:5px;
    padding:0 1px 7px;
    overflow:visible;
    background:none!important;
    color:#f8dbaa;
    font-weight:750;
  }
  .mrw-dock-deposit-gem {
    display:grid!important;
    place-items:center;
    flex:none;
    position:relative;
    box-sizing:border-box;
    width:51px;
    height:49px;
    margin-top:-7px;
    border:1px solid #e7c689;
    border-radius:14px;
    color:#fbefcf;
    background:
      linear-gradient(141deg,rgba(231,255,214,.19),transparent 39%),
      linear-gradient(160deg,#176e52 0%,#0d4c39 54%,#072a20 100%);
    box-shadow:
      0 6px 15px rgba(0,0,0,.56),
      0 0 0 3px #11231b,
      inset 0 1px 0 rgba(231,255,222,.24),
      inset 0 -2px 8px rgba(0,11,5,.38);
    clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);
    transform:translateY(-7px);
    transition:filter .18s ease,transform .18s ease;
  }
  .mrw-dock-deposit-gem::before {
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(244,213,146,.18);
    clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);
    pointer-events:none;
  }
  .mrw-dock-deposit-gem svg {
    position:relative;
    z-index:1;
    width:25px;
    height:25px;
    flex:none;
    fill:none;
    stroke:#fbe7b9;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mrw-dock-deposit>span:last-child {
    font-size:10px;
    color:#fbe1b5;
    text-shadow:0 2px 4px rgba(0,0,0,.5);
  }
  .mrw-dock-deposit:active .mrw-dock-deposit-gem {transform:translateY(-7px) scale(.95);filter:brightness(1.12)}
  #mrw-help-trigger{display:none!important}
  body:has(.dialog-backdrop:not([hidden])) .mrw-mobile-dock,
  body:has(.mrw-drawer.open) .mrw-mobile-dock,
  body:has(.mrw-modal-backdrop.open) .mrw-mobile-dock,
  body:has(.mrw-popup-backdrop.open) .mrw-mobile-dock,
  body:has(#mrw-help-window:not([hidden])) .mrw-mobile-dock {
    opacity:0;
    pointer-events:none;
  }
}
@media(max-width:350px){
  .mrw-mobile-dock{width:calc(100vw - 16px);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 62px minmax(0,1.06fr) minmax(0,1fr);padding-inline:5px}
  .mrw-dock-item{font-size:9px}
  .mrw-dock-item>svg{width:20px;height:20px}
  .mrw-dock-deposit-gem{width:48px;height:46px}
  .mrw-dock-deposit-gem svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){
  .mrw-dock-item,.mrw-dock-deposit-gem{transition:none}
}