/* IKONVEX V16 — centered premium Casino mobile dock. DM Sans, no black. */
@media (max-width: 760px) {
  body { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  .mobile-nav.ikon-dock, .bottomnav.ikon-dock {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(88px,1.28fr) minmax(0,1fr) minmax(0,1fr) !important;
    position: fixed !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important; height: auto !important;
    min-height: 78px !important;
    padding: 8px 8px calc(7px + env(safe-area-inset-bottom,0px)) !important;
    margin: 0 !important;
    border: 1px solid #E5CAFF !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
    background: linear-gradient(180deg,#FFFFFF 0%,#FAF3FF 100%) !important;
    box-shadow: 0 -6px 26px rgba(61,1,145,.13) !important;
    overflow: visible !important;
    align-items: end !important;
    gap: 3px !important;
    z-index: 999 !important;
    font-family: 'DM Sans',sans-serif !important;
  }
  .ikon-dock .ikon-dock-item {
    display:flex !important; position:relative; align-items:center !important; justify-content:center !important;
    flex-direction:column !important; gap:3px !important;
    min-width:0 !important; width:100% !important; height:56px !important; min-height:56px !important;
    margin:0 !important; padding:7px 1px !important;
    border:0 !important; border-radius:12px !important;
    background:transparent !important; color:#3D0191 !important; text-align:center !important;
    font-size:10px !important; font-weight:500 !important; line-height:1.05 !important;
    text-decoration:none !important; white-space:normal !important; overflow:visible !important;
  }
  .ikon-dock .ikon-dock-item svg {width:23px !important;height:23px !important;flex:none !important;stroke:#3D0191;}
  .ikon-dock .ikon-dock-item span {font-size:10px !important;font-weight:500 !important;white-space:nowrap !important;}
  .ikon-dock .ikon-dock-item.active:not(.ikon-dock-casino) { background:#FFF0BD !important; color:#3D0191 !important; }
  .ikon-dock .ikon-dock-item.active:after { display:none !important; content:none !important; }
  .ikon-dock .ikon-dock-casino {
    height:84px !important; min-height:84px !important;
    transform:translateY(-15px) !important;
    border-radius:28px !important;
    padding:8px 3px 6px !important;
    background:linear-gradient(165deg,#C72FCE 0%,#800182 45%,#3D0191 100%) !important;
    color:#FFFFFF !important;
    border:2px solid #F6C8FF !important;
    box-shadow:0 5px 0 #9B4DE0, 0 10px 20px rgba(128,1,130,.28), 0 0 14px rgba(199,47,206,.18) !important;
  }
  .ikon-dock .ikon-dock-casino .casino-art {display:block;width:70px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(61,1,145,.18));}
  .ikon-dock .ikon-dock-casino span {color:#FFFFFF !important;font-size:12px !important;font-weight:700 !important;}
  .ikon-dock .ikon-dock-casino.active { box-shadow:0 5px 0 #9B4DE0, 0 10px 23px rgba(128,1,130,.35), 0 0 24px rgba(199,47,206,.36) !important; }
  .ikon-dock .ikon-dock-item:focus-visible {outline:3px solid #9B4DE0 !important;outline-offset:3px;}
  .ikon-dock .ikon-dock-item:hover {filter:brightness(1.04);}
  .ikon-dock .ikon-dock-casino:hover {transform:translateY(-17px) !important;}
}
@media (max-width:360px) {
 .mobile-nav.ikon-dock,.bottomnav.ikon-dock {grid-template-columns:repeat(2,minmax(0,1fr)) 85px repeat(2,minmax(0,1fr)) !important;padding-left:3px !important;padding-right:3px !important;gap:0 !important;}
 .ikon-dock .ikon-dock-item span {font-size:9px !important;}
 .ikon-dock .ikon-dock-casino {height:78px !important;min-height:78px !important;}
 .ikon-dock .ikon-dock-casino .casino-art{width:62px;height:43px;}
}
@media (min-width:761px) { .ikon-dock {display:none !important;} }