.glnav-dock{z-index:40;width:min(1020px,100% - 14px);box-shadow:none;isolation:isolate;background:0 0;border:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:0;display:grid;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.glnav-item{--tone:#f5bf45;color:#c9cfdd;border:1px solid color-mix(in srgb, var(--tone), transparent 70%);background:linear-gradient(160deg, #ffffff2e, #ffffff14 45%, color-mix(in srgb, var(--tone), transparent 92%)), #0a0e1755;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);min-width:0;box-shadow:inset 0 1px #ffffff45, inset 0 -6px 14px color-mix(in srgb, var(--tone), transparent 88%), 0 14px 26px -10px #000c, 0 4px 10px -4px #0008, 0 0 14px color-mix(in srgb, var(--tone), transparent 90%);isolation:isolate;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:11px 5px 10px;text-decoration:none;transition:background .22s,color .22s,border-color .22s,box-shadow .22s,filter .22s,transform .22s;display:flex;position:relative;overflow:visible;transform:translateY(-3px)}.glnav-item:before{content:"";background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--tone), transparent 62%), transparent 76%), linear-gradient(145deg, color-mix(in srgb, var(--tone), transparent 90%), transparent 72%);opacity:.45;z-index:-1;pointer-events:none;border-radius:16px;transition:opacity .22s;position:absolute;inset:0}.glnav-item:hover{color:#fff;filter:brightness(1.12)}.glnav-item:hover:before,.glnav-item.is-active:before{opacity:1}.glnav-item:hover,.glnav-item.is-active{border-color:color-mix(in srgb, var(--tone), transparent 42%);box-shadow:inset 0 1px #fff5, inset 0 -6px 14px color-mix(in srgb, var(--tone), transparent 80%), 0 20px 34px -12px #000d, 0 6px 14px -6px #0009, 0 0 24px color-mix(in srgb, var(--tone), transparent 74%);transform:translateY(-7px)}.glnav-item.is-active{color:var(--tone);filter:brightness(1.06)}.glnav-iconbox{border:1px solid color-mix(in srgb, var(--tone), transparent 74%);background:linear-gradient(145deg, color-mix(in srgb, var(--tone), transparent 81%), color-mix(in srgb, var(--tone), transparent 94%));border-radius:12px;place-items:center;width:42px;height:40px;transition:all .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff20,0 5px 14px #0003}.glnav-iconbox svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:all .22s}.glnav-item.is-active .glnav-iconbox{background:color-mix(in srgb, var(--tone), transparent 86%);box-shadow:0 0 24px color-mix(in srgb, var(--tone), transparent 80%), inset 0 0 0 1px color-mix(in srgb, var(--tone), transparent 76%)}.glnav-item.is-active .glnav-iconbox svg{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--tone), transparent 20%))}.glnav-label{white-space:nowrap;letter-spacing:.01em;background:linear-gradient(180deg, #fff 8%, color-mix(in srgb, var(--tone), #fff 42%) 38%, var(--tone) 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--tone), #000 55%)) drop-shadow(0 0 7px color-mix(in srgb, var(--tone), transparent 35%));-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:800;line-height:1.05;transition:filter .22s}.glnav-item:hover .glnav-label,.glnav-item.is-active .glnav-label{background:linear-gradient(180deg, #fff 4%, color-mix(in srgb, var(--tone), #fff 55%) 36%, color-mix(in srgb, var(--tone), #fff 8%) 100%);filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--tone), #000 45%)) drop-shadow(0 0 10px var(--tone));-webkit-background-clip:text}.glnav-badge{color:#fff;background:#ff526a;border:2px solid #ffffffd9;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-4px;right:-3px}.glnav-activebar{background:var(--tone);width:16px;height:3px;box-shadow:0 0 10px var(--tone);opacity:0;border-radius:9px;transition:all .2s;position:absolute;bottom:2px}.glnav-item.is-active .glnav-activebar{opacity:1}.glnav-tone-home{--tone:#50e3b1}.glnav-tone-games{--tone:#ffbe55}.glnav-tone-lucky{--tone:#bd82ff}.glnav-tone-rewards{--tone:#ff78bd}.glnav-tone-social{--tone:#53caff}.glnav-tone-agent{--tone:#ffd54f}.glnav-tone-wallet{--tone:#69a7ff}.glnav-tone-profile{--tone:#b7c3d8}@media (width<=700px){.glnav-dock{gap:4px;width:calc(100% - 10px);bottom:8px}.glnav-item{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-radius:13px;gap:4px;padding:7px 1px 8px}.glnav-item:before{border-radius:13px}.glnav-iconbox{border-radius:10px;width:34px;height:30px}.glnav-iconbox svg{width:20px;height:20px}.glnav-label{letter-spacing:-.03em;font-size:clamp(8px,2.45vw,10px)}}@media (width<=370px){.glnav-label{font-size:7.5px}.glnav-item{padding-left:0;padding-right:0}.glnav-dock{width:calc(100% - 6px)}}@media (prefers-reduced-motion:reduce){.glnav-dock,.glnav-dock *,.glnav-dock :before,.glnav-dock :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}