/* ===== 1WAYBET LIVING UI (v3) — glow/glass/motion + real 3D nav icons ===== */
:root{--lu-gold:#ffb84d;--lu-gold2:#ffd08a;--lu-green:#3cdc96;--lu-red:#ff5b5b;--lu-indigo:#7b61ff;}

@keyframes lu-sheen{0%{transform:translateX(-160%) skewX(-18deg)}60%,100%{transform:translateX(260%) skewX(-18deg)}}
@keyframes lu-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,91,91,.55),0 0 10px rgba(255,91,91,.5)}50%{box-shadow:0 0 0 7px rgba(255,91,91,0),0 0 18px rgba(255,91,91,.75)}}
@keyframes lu-breathe{0%,100%{filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(255,184,77,.35))}50%{filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(255,184,77,.75))}}

/* ---------- Pool / match cards ---------- */
.mcard{position:relative;overflow:hidden;border-radius:16px !important;border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 12px 30px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s !important;}
.mcard::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:linear-gradient(90deg,transparent,var(--lu-gold),transparent);opacity:.45;transition:opacity .28s;pointer-events:none;}
.mcard::after{content:"";position:absolute;top:0;bottom:0;width:38%;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-170%) skewX(-18deg);}
.mcard:hover{transform:translateY(-4px) !important;border-color:rgba(255,184,77,.4) !important;box-shadow:0 24px 52px -18px rgba(0,0,0,.72),0 0 30px -6px rgba(255,184,77,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;}
.mcard:hover::before{opacity:1;}
.mcard:hover::after{animation:lu-sheen 1.05s ease;}
.mcard svg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));}

/* ---------- Progress bars ---------- */
.pf{background-image:linear-gradient(90deg,var(--lu-gold),var(--lu-gold2)) !important;box-shadow:0 0 10px rgba(255,184,77,.6) !important;border-radius:99px !important;}

/* ---------- Bottom nav: depth + hover lift + active glow ---------- */
.navbtn{transition:transform .2s ease,filter .2s ease !important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)) !important;}
.navbtn:hover{transform:translateY(-3px) scale(1.12) !important;filter:drop-shadow(0 7px 11px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,184,77,.6)) !important;}
.navbtn.on{animation:lu-breathe 3.2s ease-in-out infinite !important;}

/* ---------- Real 3D nav icons (swap emoji glyph for self-hosted 3D render) ---------- */
.navbtn:nth-child(1)>span:first-child,.navbtn:nth-child(2)>span:first-child,.navbtn:nth-child(3)>span:first-child,.navbtn:nth-child(4)>span:first-child,.navbtn:nth-child(5)>span:first-child,.navbtn:nth-child(6)>span:first-child,.navbtn:nth-child(7)>span:first-child,.navbtn:nth-child(9)>span:first-child{
  display:inline-block !important;width:26px !important;height:26px !important;font-size:0 !important;color:transparent !important;line-height:0 !important;
  background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;vertical-align:middle;}
.navbtn:nth-child(1)>span:first-child{background-image:url(/images/icons3d/house_3d.png) !important;}
.navbtn:nth-child(2)>span:first-child{background-image:url(/images/icons3d/newspaper_3d.png) !important;}
.navbtn:nth-child(3)>span:first-child{background-image:url(/images/icons3d/admission_tickets_3d.png) !important;}
.navbtn:nth-child(4)>span:first-child{background-image:url(/images/icons3d/trophy_3d.png) !important;}
.navbtn:nth-child(5)>span:first-child{background-image:url(/images/icons3d/speech_balloon_3d.png) !important;}
.navbtn:nth-child(6)>span:first-child{background-image:url(/images/icons3d/light_bulb_3d.png) !important;}
.navbtn:nth-child(7)>span:first-child{background-image:url(/images/icons3d/balance_scale_3d.png) !important;}
.navbtn:nth-child(9)>span:first-child{background-image:url(/images/icons3d/video_game_3d.png) !important;}

/* ---------- Header social / store icons ---------- */
.sbtn{transition:transform .2s ease,box-shadow .2s ease !important;}
.sbtn:hover{transform:translateY(-2px) scale(1.06) !important;box-shadow:0 8px 18px -6px rgba(0,0,0,.55),0 0 14px rgba(255,184,77,.45) !important;}

/* ---------- Buttons ---------- */
.btn,.wb-buy-inline,.btn-gh{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .26s ease,filter .2s ease !important;}
.btn:hover,.wb-buy-inline:hover,.btn-gh:hover{transform:translateY(-2px) !important;}
.btn{box-shadow:0 12px 28px -10px rgba(255,184,77,.6),inset 0 1px 0 rgba(255,255,255,.35) !important;}
.btn:hover{box-shadow:0 18px 40px -10px rgba(255,184,77,.85),inset 0 1px 0 rgba(255,255,255,.4) !important;}
.btn::after,.wb-buy-inline::after{content:"";position:absolute;top:0;bottom:0;width:34%;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-170%) skewX(-18deg);}
.btn:hover::after,.wb-buy-inline:hover::after{animation:lu-sheen .95s ease;}
.wb-buy-inline{box-shadow:0 0 0 1px rgba(255,184,77,.4),0 8px 22px -10px rgba(255,184,77,.5) !important;}
.wb-buy-inline:hover{box-shadow:0 0 0 1px rgba(255,184,77,.78),0 14px 30px -8px rgba(255,184,77,.75) !important;}
.btn-gh:hover{box-shadow:0 0 0 1px rgba(255,184,77,.5),0 0 16px rgba(255,184,77,.32) !important;}

/* ---------- Pulsing LIVE + soon badges ---------- */
.pulse{animation:lu-pulse 2s ease-in-out infinite !important;border-radius:50%;}
.soonbadge{box-shadow:0 0 12px rgba(123,97,255,.4) !important;}

@media (prefers-reduced-motion: reduce){.pulse,.navbtn.on,.mcard::after,.btn::after,.wb-buy-inline::after{animation:none !important;}}

/* ---------- Generic team badges (initials shield; IP-safe, set via attribute) ---------- */
.mcard [data-badge]::before{content:attr(data-badge);display:inline-flex;align-items:center;justify-content:center;width:1.85em;height:1.85em;margin-right:.45em;vertical-align:-.35em;font-size:.6em;font-weight:800;letter-spacing:.3px;line-height:1;color:#0b1a0f;background:radial-gradient(130% 130% at 30% 18%,#ffe0a8,#ffb84d 52%,#c88a2c);border:1px solid rgba(255,255,255,.4);border-radius:9px 9px 11px 11px/9px 9px 16px 16px;box-shadow:0 3px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.55);text-shadow:0 1px 0 rgba(255,255,255,.25);}