/* LottoLuma — brand-native Interactive Tools navigation. No global selectors. */
#siteHeader #primaryNavigation > .ll-tools-menu{position:relative;display:inline-flex;align-items:center;min-width:0;z-index:210;flex:0 0 auto;align-self:center;list-style:none}
#siteHeader #primaryNavigation > .ll-tools-menu > summary{list-style:none;display:inline-flex;gap:6px;align-items:center;min-height:42px;padding:11px 8px;box-sizing:border-box;border:0;border-radius:10px;cursor:pointer;background:transparent;color:var(--ll-head-muted,#4e6779);font:800 10.5px/1.25 Montserrat,system-ui,sans-serif;letter-spacing:.035em;white-space:nowrap}
#siteHeader #primaryNavigation > .ll-tools-menu > summary::-webkit-details-marker{display:none}
#siteHeader #primaryNavigation > .ll-tools-menu > summary svg{flex:0 0 13px;transition:transform .2s ease}
#siteHeader #primaryNavigation > .ll-tools-menu[open] > summary svg{transform:rotate(180deg)}
#siteHeader #primaryNavigation > .ll-tools-menu > summary:hover,#siteHeader #primaryNavigation > .ll-tools-menu[open] > summary{color:var(--ll-head-blue,#126fb5);background:var(--ll-head-subtle,#f3f8fb)}
#siteHeader #primaryNavigation > .ll-tools-menu > summary:focus-visible{outline:2px solid var(--ll-head-teal,#149f9a);outline-offset:3px}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown{box-sizing:border-box;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);width:355px;max-width:calc(100vw - 32px);padding:10px;border:1px solid var(--ll-head-line,#d8e8f0);border-radius:19px;box-shadow:0 20px 60px rgba(10,43,66,.22);background:var(--ll-head-surface,#fff);color:var(--ll-head-ink,#183249);z-index:220}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown-top{padding:13px 14px 15px;border-radius:13px;background:var(--ll-head-subtle,#f3f8fb);margin-bottom:7px}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown-top span{display:block;font:850 10px/1.3 Montserrat,sans-serif;letter-spacing:.14em;color:var(--ll-head-teal,#149f9a);margin-bottom:5px}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown-top strong{font:800 14px/1.35 Montserrat,sans-serif;letter-spacing:-.01em;color:var(--ll-head-ink,#183249)}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link{display:flex;gap:11px;align-items:center;border-radius:13px;padding:12px 10px;text-decoration:none!important;white-space:normal;min-width:0;color:var(--ll-head-ink,#183249)!important}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link:is(:hover,:focus-visible),#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link[aria-current=page]{background:var(--ll-head-subtle,#f3f8fb);color:var(--ll-head-blue,#126fb5)!important}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:color-mix(in srgb,var(--ll-head-teal,#149f9a) 11%,transparent);border:1px solid color-mix(in srgb,var(--ll-head-teal,#149f9a) 18%,transparent);border-radius:12px}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-icon img{width:25px;height:25px;object-fit:contain}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-copy{flex:1;min-width:0}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-copy strong{display:block;font:800 12px/1.35 Montserrat,sans-serif;letter-spacing:-.015em;color:inherit}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-copy small{display:block;margin-top:4px;font:500 10px/1.45 Montserrat,sans-serif;color:var(--ll-head-muted,#4e6779);text-transform:none;letter-spacing:0}
#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-arrow{color:var(--ll-head-blue,#126fb5);font-size:17px}
@media (min-width:1081px) and (max-width:1450px){#siteHeader #primaryNavigation > .ll-tools-menu > summary{padding-inline:5px;font-size:9px;letter-spacing:0}}
@media (max-width:1080px){#siteHeader #primaryNavigation > .ll-tools-menu{display:block;width:100%;z-index:auto;align-self:stretch}#siteHeader #primaryNavigation > .ll-tools-menu > summary{width:100%;min-height:49px;padding:12px 15px;justify-content:space-between;font-size:12px}#siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown{position:static;transform:none;width:100%;max-width:100%;margin:5px 0 14px;padding:6px;border-radius:14px;box-shadow:none}#siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link{padding:11px 9px}}
@media(prefers-reduced-motion:reduce){#siteHeader #primaryNavigation > .ll-tools-menu > summary svg{transition:none}}


/* ll-tools-menu premium mega panel refinement — 24 October 2026.
   Desktop uses the same native navigation trigger sizing and wide flyout language
   as Explore Games and Learn; keyboard/touch use native details disclosure. */
@media (min-width:1081px){
  html[data-theme] body #siteHeader #primaryNavigation > .ll-tools-menu{
    position:static;z-index:auto;align-self:stretch;
  }
  html[data-theme] body #siteHeader #primaryNavigation > .ll-tools-menu > summary{
    position:relative;min-height:42px;padding:11px 9px!important;
    border:0!important;border-radius:10px!important;
    background:transparent!important;box-shadow:none!important;
    color:var(--ll-head-muted,#506779)!important;
    font:800 10.5px/1.25 Montserrat,system-ui,sans-serif!important;
    letter-spacing:.035em!important;
    transition:background .18s ease,color .18s ease!important;
  }
  html[data-theme] body #siteHeader #primaryNavigation > .ll-tools-menu > summary:hover,
  html[data-theme] body #siteHeader #primaryNavigation > .ll-tools-menu[open] > summary{
    color:var(--ll-head-blue,#126fb5)!important;
    background:var(--ll-head-subtle,#f3f8fb)!important;
  }
  html[data-theme] body #siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown{
    position:absolute;left:50%;top:calc(100% + 8px);
    transform:translateX(-50%);width:min(1090px,calc(100vw - 44px));max-width:calc(100vw - 44px);
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
    padding:22px;border-radius:22px;border:1px solid var(--nav-edge,var(--ll-head-line,#d8e8f0));
    background:var(--nav-surface,var(--ll-head-surface,#fff));
    box-shadow:0 28px 80px rgba(9,39,58,.23);
    color:var(--nav-ink,var(--ll-head-ink,#183249));z-index:250;
  }
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown-top{
    grid-column:1/-1;margin:0;padding:8px 10px 14px;border:0;border-radius:0;
    background:transparent;border-bottom:1px solid var(--nav-edge,#d7e5eb);
  }
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown-top span{font-size:10px}
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown-top strong{font-size:19px}
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link{
    min-width:0;min-height:145px;align-items:flex-start;position:relative;
    flex-direction:column;gap:11px;padding:18px 17px;
    border:1px solid var(--nav-edge,#d7e5eb);border-radius:16px;
    background:linear-gradient(145deg,var(--nav-alt,#f2f7fa),var(--nav-surface,#fff));
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  }
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link:is(:hover,:focus-visible){
    transform:translateY(-2px);border-color:var(--nav-accent,#149f9a);
    box-shadow:0 13px 26px rgba(15,86,110,.10);
  }
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-copy strong{font-size:13px}
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-copy small{font-size:11px;line-height:1.55}
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-arrow{position:absolute;top:17px;right:18px}
}
@media (min-width:1081px) and (max-width:1450px){
  html[data-theme] body #siteHeader #primaryNavigation > .ll-tools-menu > summary{
    padding-inline:6px!important;font-size:9.5px!important;
  }
}
@media (max-width:1080px){
  /* On phones the disclosure stays in the existing hamburger navigation. */
  #siteHeader #primaryNavigation > .ll-tools-menu{position:relative!important;}
  #siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown{
    position:static!important;width:100%!important;max-width:100%!important;
    transform:none!important;display:block!important;
  }
}
html[data-theme="dark"] body #siteHeader #primaryNavigation > .ll-tools-menu .ll-tools-dropdown{
  --nav-surface:#142632;--nav-alt:#1b3542;--nav-ink:#eef7fc;
  --nav-accent:#72c6ec;--nav-edge:#375463;
}
@media(prefers-reduced-motion:reduce){
 #siteHeader #primaryNavigation > .ll-tools-menu .ll-tool-link{transition:none!important}
}
