/* LottoLuma Signature Icons | 2026-10-23
   Scoped, progressive enhancement. Artwork is original editable SVG.
   Approved logos, lottery flags, navigation controls and app logic unchanged. */
html[data-theme] body {--ll-icon-tile:linear-gradient(145deg,rgba(232,249,255,.96),rgba(215,243,249,.85));--ll-icon-edge:rgba(32,129,176,.20);--ll-icon-shadow:0 5px 16px rgba(6,87,145,.085);}
html[data-theme="dark"] body {--ll-icon-tile:linear-gradient(145deg,rgba(38,77,98,.91),rgba(24,60,78,.94));--ll-icon-edge:rgba(94,189,219,.28);--ll-icon-shadow:0 5px 14px rgba(1,12,23,.2);}
html[data-theme] body .ll-icon-holder {font-family:Montserrat,system-ui,sans-serif;overflow:hidden;isolation:isolate;}
html[data-theme] body .ll-icon-holder .ll-custom-icon {display:block!important;box-sizing:border-box!important;width:72%!important;height:72%!important;min-width:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;flex:none!important;stroke:none!important;fill:none!important;transform:none!important;filter:none!important;}
/* Header's existing 7 Learn menu destinations: consistent custom miniatures. */
html[data-theme] body #siteHeader .orbit-learn-icon.ll-icon-holder {display:grid!important;place-items:center!important;background:var(--ll-icon-tile)!important;border:1px solid var(--ll-icon-edge)!important;box-shadow:0 1px 1px rgba(255,255,255,.4) inset!important;color:transparent!important;}
html[data-theme] body #siteHeader .orbit-learn-icon.ll-icon-holder .ll-custom-icon {width:23px!important;height:23px!important;}
html[data-theme] body #siteHeader .orbit-mobile-learn .orbit-learn-icon.ll-icon-holder .ll-custom-icon {width:21px!important;height:21px!important;}
/* Feature and instructional icons: premium tiles, uniform optical padding. */
html[data-theme] body .atlas-step-icon.ll-icon-holder,
html[data-theme] body .feature-icon.ll-icon-holder,
html[data-theme] body.faq-page .faq-guide-icon.ll-icon-holder,
html[data-theme] body.faq-page .faq-section-mark.ll-icon-holder,
html[data-theme] body.faq-page .faq-last-icon.ll-icon-holder,
html[data-theme] body .ll-tool-info-icon.ll-icon-holder {display:grid!important;place-items:center!important;background:var(--ll-icon-tile)!important;border:1px solid var(--ll-icon-edge)!important;box-shadow:var(--ll-icon-shadow),inset 0 1px 0 rgba(255,255,255,.46)!important;line-height:1!important;font-size:0!important;}
html[data-theme] body .atlas-step-icon.ll-icon-holder img,
html[data-theme] body .feature-icon.ll-icon-holder img,
html[data-theme] body.faq-page .faq-section-mark.ll-icon-holder img,
html[data-theme] body.faq-page .faq-guide-icon.ll-icon-holder img,
html[data-theme] body.faq-page .faq-last-icon.ll-icon-holder img {width:75%!important;height:75%!important;}
/* Lottery accordion panels: keep original summary hit targets and disclosure behavior. */
html[data-theme] body[data-game] .lo-tool-summary .lo-tool-icon.ll-icon-holder {display:grid!important;place-items:center!important;background:var(--ll-icon-tile)!important;border:1px solid var(--ll-icon-edge)!important;box-shadow:var(--ll-icon-shadow)!important;}
html[data-theme] body[data-game] .lo-tool-summary .lo-tool-icon.ll-icon-holder img.ll-custom-icon {width:32px!important;height:32px!important;}
@media(max-width:650px) {html[data-theme] body[data-game] .lo-tool-summary .lo-tool-icon.ll-icon-holder img.ll-custom-icon {width:27px!important;height:27px!important;}}
/* Stand-alone FAQs/search; only decorative icon, never the input or focus target. */
html[data-theme] body.faq-page .faq-search-icon.ll-icon-holder {display:inline-grid!important;place-items:center!important;font-size:0!important;}
html[data-theme] body.faq-page .faq-search-icon.ll-icon-holder img {width:22px!important;height:22px!important;}
html[data-theme] body .ll-tool-info-icon.ll-icon-holder {width:48px!important;height:48px!important;border-radius:14px!important;}
html[data-theme] body .ll-tool-info-icon.ll-icon-holder img {width:36px!important;height:36px!important;}
/* About values: avoid changing principle row dimensions. */
html[data-theme] body.about-page .principle-mark.ll-icon-holder {display:grid!important;place-items:center!important;font-size:0!important;background:var(--ll-icon-tile)!important;border:1px solid var(--ll-icon-edge)!important;}
html[data-theme] body.about-page .principle-mark.ll-icon-holder img {width:27px!important;height:27px!important;}
/* Low-motion, unobtrusive polish without interfering with control states. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 html[data-theme] body a:hover > .orbit-learn-icon.ll-icon-holder .ll-custom-icon,
 html[data-theme] body .atlas-step-card:hover .atlas-step-icon.ll-icon-holder .ll-custom-icon,
 html[data-theme] body .about-feature:hover .feature-icon.ll-icon-holder .ll-custom-icon,
 html[data-theme] body .lo-tool-summary:hover .lo-tool-icon.ll-icon-holder .ll-custom-icon {transform:translateY(-1px) scale(1.035)!important;transition:transform .18s ease!important;}
}
@media(prefers-reduced-motion:reduce) {html[data-theme] body .ll-icon-holder .ll-custom-icon {animation:none!important;transition:none!important;}}