/* XRP Dad Live app: bottom tab bar + install card. Tab bar shows in the installed app or on small screens. */
#xdlTabs{display:none}
@media (display-mode: standalone), (max-width: 700px){
 html.xdl-tabs-on body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 html.xdl-tabs-on #xdlTabs{display:flex}
 html.xdl-tabs-on #xdlPlayer{bottom:calc(76px + env(safe-area-inset-bottom))}
}
html.xdl-standalone.xdl-tabs-on body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
html.xdl-standalone.xdl-tabs-on #xdlTabs{display:flex}
html.xdl-standalone.xdl-tabs-on #xdlPlayer{bottom:calc(76px + env(safe-area-inset-bottom))}
#xdlTabs{position:fixed!important;left:0;right:0;bottom:0;top:auto;z-index:9998!important;justify-content:space-around;align-items:stretch;
 background:rgba(13,21,38,.97);border-top:1px solid #d4af37;padding:0 4px env(safe-area-inset-bottom);
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -4px 18px rgba(0,0,0,.45)}
#xdlTabs a{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;
 color:#a9b4c8;text-decoration:none;font:700 11px/1 system-ui,-apple-system,sans-serif;letter-spacing:.3px;position:relative;
 -webkit-tap-highlight-color:transparent;touch-action:manipulation}
#xdlTabs a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#xdlTabs a.on{color:#d4af37}
#xdlTabs a.on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:#d4af37}
#xdlTabs a:focus-visible{outline:2px solid #d4af37;outline-offset:-4px;border-radius:8px}
#xdlTabs .tb-live{position:absolute;top:6px;left:50%;margin-left:6px;background:#b22234;color:#fff;font:900 8px/1 system-ui,sans-serif;
 padding:3px 4px;border-radius:4px;letter-spacing:.4px;box-shadow:0 0 0 2px #0d1526}
/* Games: small back button in the installed app (no browser back button there) */
#xdlBack{position:fixed!important;left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));z-index:9998!important;
 background:rgba(13,21,38,.92);color:#d4af37;border:2px solid #d4af37;border-radius:999px;padding:7px 14px;
 font:800 13px/1 system-ui,-apple-system,sans-serif;text-decoration:none}
/* Get the app banner (very top of the home page) */
#xdlInstall{display:none}
#xdlInstall.show{display:block;position:relative;z-index:7;background:linear-gradient(90deg,#0d1526,#1a2846 55%,#0d1526);border-bottom:2px solid #d4af37;
 padding:calc(10px + env(safe-area-inset-top)) max(4vw,env(safe-area-inset-right)) 10px max(4vw,env(safe-area-inset-left));color:#eef2f8;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#xdlInstall.done{display:none}
#xdlInstall .xi-bar{display:flex;align-items:center;gap:12px;max-width:960px;margin:0 auto}
#xdlInstall .xi-bar img{width:52px;height:52px;border-radius:12px;border:1.5px solid #d4af37;flex:none}
#xdlInstall .xi-txt{flex:1 1 auto;min-width:0;line-height:1.3}
#xdlInstall .xi-txt b{display:block;color:#d4af37;font-size:1.05rem;font-weight:900;letter-spacing:.2px}
#xdlInstall .xi-txt span{display:block;font-size:.84rem;color:#c9d1dc}
#xdlInstall button{cursor:pointer;font-family:inherit;touch-action:manipulation}
#xdlInstall .xi-go{flex:none;background:#d4af37;color:#0d1526;border:0;border-radius:999px;padding:12px 20px;font-weight:900;font-size:1rem;box-shadow:0 0 0 2px #0d1526,0 0 0 4px #d4af37;white-space:nowrap}
#xdlInstall .xi-go:hover,#xdlInstall .xi-go:focus-visible{background:#f4c25a;outline:none}
#xdlInstall .xi-min{flex:none;width:30px;height:30px;border-radius:50%;background:transparent;border:1.5px solid #22304d;color:#a9b4c8;font-size:18px;line-height:1;padding:0}
#xdlInstall .xi-steps{max-width:960px;margin:10px auto 2px;background:rgba(7,9,15,.55);border:1px solid #d4af37;border-radius:12px;padding:10px 14px}
#xdlInstall .xi-steps[hidden]{display:none}
#xdlInstall .xi-steps h3{margin:0 0 4px;color:#d4af37;font-size:.98rem}
#xdlInstall .xi-steps p{margin:0 0 4px;font-size:.92rem;line-height:1.45}
#xdlInstall .xi-steps ol{margin:4px 0 2px;padding-left:22px;font-size:.95rem;line-height:1.55}
#xdlInstall .share{display:inline-block;width:14px;height:16px;vertical-align:-2px}
#xdlInstall .xi-mini{display:none;width:100%;background:transparent;border:0;color:#d4af37;font-weight:800;font-size:.9rem;padding:2px 0}
#xdlInstall.min{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}
#xdlInstall.min .xi-bar,#xdlInstall.min .xi-steps{display:none}
#xdlInstall.min .xi-mini{display:block}
@media(max-width:520px){#xdlInstall .xi-bar{gap:10px}#xdlInstall .xi-bar img{width:44px;height:44px}#xdlInstall .xi-txt b{font-size:.98rem}
 #xdlInstall .xi-txt span{font-size:.78rem}#xdlInstall .xi-go{padding:11px 14px;font-size:.92rem}}
@media(max-width:360px){#xdlInstall .xi-txt span{display:none}}
html.xdl-appbar #xdlTap{top:calc(var(--xdl-appbar-h,0px) + 76px + env(safe-area-inset-top))}
@media(max-width:600px){html.xdl-appbar #xdlTap{top:calc(var(--xdl-appbar-h,0px) + 64px + env(safe-area-inset-top))}}