.public-desktop-nav-bar{position:relative;z-index:18;border-bottom:1px solid color-mix(in srgb,var(--gold) 18%,transparent);background:color-mix(in srgb,var(--navy) 94%,#fff);box-shadow:0 5px 16px #07152118}.public-desktop-nav-bar>div{width:min(1240px,94%);height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin:auto}.public-desktop-nav-bar a{position:relative;padding:15px 21px;color:#b9c8d0;font-size:11px;font-weight:800;letter-spacing:.04em;transition:.18s}.public-desktop-nav-bar a:after{content:"";position:absolute;right:21px;bottom:7px;left:21px;height:2px;transform:scaleX(0);border-radius:2px;background:var(--gold);transition:.18s}.public-desktop-nav-bar a:hover,.public-desktop-nav-bar a.active{color:#fff}.public-desktop-nav-bar a:hover:after,.public-desktop-nav-bar a.active:after{transform:scaleX(1)}.public-support-float{position:fixed;z-index:80;right:18px;bottom:22px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.public-support-float a{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 7px;border:1px solid #ffffff28;border-radius:999px;background:#102d3c;color:#fff;box-shadow:0 9px 25px #06151e3d;font-size:9px;font-weight:900;transition:.18s}.public-support-float a:hover{transform:translateY(-2px)}.public-support-float i{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#d8ab3e;color:#10232d;font-size:8px;font-style:normal}.public-support-float .support-whatsapp{background:#176f3a}.public-support-float .support-whatsapp i{background:#54d979;color:#073718}.public-footer{padding:42px 24px 18px!important;text-align:left!important}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:38px;width:min(1180px,94%);margin:0 auto}.footer-grid section{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.footer-grid h3{margin:3px 0 8px;color:#fff;font-family:"Open Sans",sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-grid section>a:not(.footer-brand){color:#94a8b3;font-size:9px;transition:.18s}.footer-grid section>a:hover{color:var(--gold)}.footer-about p{margin:8px 0!important;color:#8fa3ae;font-size:10px;line-height:1.7;text-align:left}.footer-age{width:31px;height:31px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:50%;color:var(--gold);font-size:9px;font-weight:900}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,94%);margin:28px auto 0;padding-top:16px;border-top:1px solid #ffffff10;color:#627b88;font-size:8px}.public-mobile-dock .dock-main{order:5}.public-mobile-dock a.active{color:var(--gold)}#game-lobby{scroll-margin-top:90px}
@media(max-width:900px){.public-desktop-nav-bar{display:none}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid section:last-child{grid-column:2/4}.public-support-float{right:12px;bottom:76px}.public-support-float a{padding:5px}.public-support-float a span{display:none}.public-support-float i{width:35px;height:35px}}
@media(max-width:620px){.public-footer{padding:29px 17px 18px!important}.footer-grid{grid-template-columns:1fr 1fr;gap:27px 18px}.footer-about{grid-column:1/-1}.footer-grid section:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;margin-top:22px}.public-mobile-dock a{font-size:8px}.public-mobile-dock i{font-size:19px;font-style:normal}}

/* Refined public mobile navigation */
@media(max-width:780px){
  body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .public-mobile-dock{
    left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));
    width:auto;height:68px;padding:7px 5px 5px;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;
    overflow:visible;border:1px solid color-mix(in srgb,var(--gold) 22%,#fff 8%);
    border-radius:22px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--navy) 91%,#fff 4%),color-mix(in srgb,var(--navy) 96%,#000 4%));
    box-shadow:0 18px 46px rgba(0,0,0,.48),0 5px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09);
    backdrop-filter:blur(24px) saturate(1.35);
    -webkit-backdrop-filter:blur(24px) saturate(1.35)
  }
  .public-mobile-dock>a,
  .public-mobile-dock>.dock-main{
    order:unset;position:relative;width:100%;height:55px;padding:3px 1px;
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;
    border-radius:14px;background:transparent;box-shadow:none;clip-path:none;
    color:color-mix(in srgb,#fff 62%,var(--navy));font-size:9px;font-weight:750;
    letter-spacing:.01em;transform:none
  }
  .public-mobile-dock>a i,
  .public-mobile-dock>.dock-main i{
    width:27px;height:27px;margin:0;display:grid;place-items:center;
    border:0;border-radius:9px;background:transparent;color:inherit;
    font-size:20px;font-style:normal;font-weight:700;line-height:1;transform:none
  }
  .public-mobile-dock>a span,
  .public-mobile-dock>.dock-main span{
    display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;
    color:inherit;font-size:9px;font-weight:750;line-height:12px;white-space:nowrap;
    transform:none
  }
  .public-mobile-dock>a.active{
    color:var(--gold);
    background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 13%,transparent),color-mix(in srgb,var(--gold) 4%,transparent))
  }
  .public-mobile-dock>a.active::after{
    content:"";position:absolute;bottom:1px;width:4px;height:4px;border-radius:50%;
    background:var(--gold);box-shadow:0 0 9px color-mix(in srgb,var(--gold) 75%,transparent)
  }
  .public-mobile-dock>.dock-main{
    grid-column:3;grid-row:1;color:var(--gold);justify-content:flex-end;
    padding-bottom:2px;background:transparent
  }
  .public-mobile-dock>.dock-main i{
    position:absolute;left:50%;top:-25px;width:56px;height:56px;
    transform:translateX(-50%);
    border:4px solid color-mix(in srgb,var(--navy) 92%,#000 8%);
    border-radius:50%;
    background:linear-gradient(145deg,var(--gold2,#ffe69a),var(--gold,#e5b63f));
    color:var(--navy);font-size:23px;
    box-shadow:0 12px 25px color-mix(in srgb,var(--gold) 34%,transparent),0 5px 12px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.55)
  }
  .public-mobile-dock>.dock-main span{margin-bottom:1px;color:var(--gold);font-weight:900}
  .public-mobile-dock>a:active{transform:scale(.94)}
  .public-mobile-dock>.dock-main:active{transform:none}
  .public-mobile-dock>.dock-main:active i{transform:translateX(-50%) scale(.92)}
}
@media(max-width:370px){
  .public-mobile-dock{left:7px;right:7px;gap:0;padding-inline:3px}
  .public-mobile-dock>a span,.public-mobile-dock>.dock-main span{font-size:8px}
  .public-mobile-dock>.dock-main i{width:52px;height:52px;top:-22px}
}

/* Compact full-width bar inspired by the supplied mobile reference. */
@media(max-width:780px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .public-mobile-dock{
    left:0;right:0;bottom:0;width:100%;height:56px;
    padding:4px 4px env(safe-area-inset-bottom,0px);
    border:0;border-top:2px solid color-mix(in srgb,var(--gold) 65%,transparent);
    border-radius:0;
    background:linear-gradient(0deg,color-mix(in srgb,var(--navy) 98%,#000 8%),color-mix(in srgb,var(--navy) 88%,#fff 3%));
    box-shadow:0 -5px 14px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:none;-webkit-backdrop-filter:none
  }
  .public-mobile-dock>a,
  .public-mobile-dock>.dock-main{
    height:50px;padding:0 2px 2px;gap:1px;border-radius:8px;
    justify-content:flex-end
  }
  .public-mobile-dock>a:not(:first-child)::before{
    content:"";position:absolute;left:-1px;top:10px;width:1px;height:30px;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.72),transparent);
    box-shadow:1px 0 0 rgba(255,255,255,.05)
  }
  .public-mobile-dock>a i{
    width:29px;height:29px;margin-bottom:0;
    color:#fff;font-size:21px;text-shadow:0 2px 5px rgba(0,0,0,.65)
  }
  .public-mobile-dock>a span{
    color:#fff;font-size:8px;font-weight:850;letter-spacing:.035em;text-transform:uppercase
  }
  .public-mobile-dock>a.active{
    color:var(--gold);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 12%,transparent),transparent)
  }
  .public-mobile-dock>a.active i,
  .public-mobile-dock>a.active span{color:var(--gold)}
  .public-mobile-dock>a.active::after{bottom:0}
  .public-mobile-dock>.dock-main{
    grid-column:3;grid-row:1;overflow:visible;background:transparent
  }
  .public-mobile-dock>.dock-main::before{display:none}
  .public-mobile-dock>.dock-main i{
    top:-24px;width:54px;height:54px;
    border-width:3px;border-color:color-mix(in srgb,var(--navy) 90%,#000);
    box-shadow:0 7px 16px rgba(0,0,0,.48),0 0 16px color-mix(in srgb,var(--gold) 32%,transparent),inset 0 1px 0 rgba(255,255,255,.58)
  }
  .public-mobile-dock>.dock-main span{
    margin:0;color:var(--gold);font-size:8px;font-weight:900;text-transform:uppercase
  }
}
@media(max-width:370px){
  .public-mobile-dock{left:0;right:0;height:54px;padding-inline:2px}
  .public-mobile-dock>a,.public-mobile-dock>.dock-main{height:48px}
  .public-mobile-dock>.dock-main i{top:-22px;width:50px;height:50px}
}