/* ResultsZA neon-on-light theme layer.

   Linked once from menu_bar.html, so every public page that includes the
   shared nav gets it automatically; admin pages and the subscriber portal
   do not include the nav and stay plain on purpose. This file is THE place
   for site-wide neon: tweak here and it pulls through.

   House rule (settled 2026-08-11): neon means glow accents on LIGHT
   backgrounds, never dark pages. Blue is the resting glow, green is the
   energy: cards bloom green on hover.

   This loads inside <body>, after each page's own <head> styles, so at
   equal specificity it wins. Partials that carry their own <style> blocks
   render after this link though, which is why every selector below also
   has a div.-prefixed twin: the extra specificity beats a partial's
   single-class rule. Page rules with two classes (for example the home
   page's .results-grid .result-card) still beat this file, which is how
   pages keep their own stronger styling.

   The class inventory comes from a rendered audit of every public route
   (scratch script, 2026-08-11): every light rounded box on every page.
   New page family with its own card class? Add it to ONE of the grouped
   selectors below. */

/* Circuit-board dot grid over each page's own light background: blue and
   green dots interleaved, the artwork's two energies. */
body{background-image:
        radial-gradient(rgba(0,123,255,0.13) 1.2px,transparent 1.2px),
        radial-gradient(rgba(34,197,94,0.13) 1.2px,transparent 1.2px);
     background-size:26px 26px,26px 26px;
     background-position:0 0,13px 13px;}

/* Result cards: the strongest halo, matching the home page's own glow. */
.result-card,div.result-card{box-shadow:0 0 34px 2px rgba(0,123,255,.38),0 8px 24px rgba(10,37,64,.10);}

/* Every other page-level card the site uses. The audit found each page
   family names its white rounded box differently; they all glow alike. */
.card,div.card,.ea-card,div.ea-card,.panel,div.panel,
.filter-form,div.filter-form,.share-card,div.share-card,
.rating-card,div.rating-card,.yesplay-cta,div.yesplay-cta,
.nd-card,div.nd-card,.rz-card,div.rz-card,.ea-msg-card,div.ea-msg-card,
.balance-card,div.balance-card,.info-section,div.info-section,
.form-container,div.form-container,.info-panel,div.info-panel,
.draw-card,div.draw-card,
.ct-card,div.ct-card,.meeting-card,div.meeting-card,
.race-info-box,div.race-info-box,.tool-card,div.tool-card,
.sec,div.sec,.card-section,div.card-section,
.how-it-works,div.how-it-works,.demo-panel,div.demo-panel,
.legacy-note,div.legacy-note,.rza-sdk,div.rza-sdk,
.card.border-info,div.card.border-info,#generateForm,
.endpoint-card,div.endpoint-card,.nav-wrapper,div.nav-wrapper,
.script-card,div.script-card,.scripts-hero,div.scripts-hero,
.section-card,div.section-card,.docs-hero,div.docs-hero{
    box-shadow:0 0 30px 2px rgba(0,123,255,.32);}

/* Hover is the green energy, on every card above. */
.result-card:hover,div.result-card:hover,
.card:hover,div.card:hover,.ea-card:hover,div.ea-card:hover,
.panel:hover,div.panel:hover,.filter-form:hover,div.filter-form:hover,
.share-card:hover,div.share-card:hover,.rating-card:hover,div.rating-card:hover,
.yesplay-cta:hover,div.yesplay-cta:hover,.nd-card:hover,div.nd-card:hover,
.rz-card:hover,div.rz-card:hover,.ea-msg-card:hover,div.ea-msg-card:hover,
.balance-card:hover,div.balance-card:hover,.info-section:hover,div.info-section:hover,
.form-container:hover,div.form-container:hover,.info-panel:hover,div.info-panel:hover,
.draw-card:hover,div.draw-card:hover,
.ct-card:hover,div.ct-card:hover,.meeting-card:hover,div.meeting-card:hover,
.race-info-box:hover,div.race-info-box:hover,.tool-card:hover,div.tool-card:hover,
.sec:hover,div.sec:hover,.card-section:hover,div.card-section:hover,
.how-it-works:hover,div.how-it-works:hover,.demo-panel:hover,div.demo-panel:hover,
.legacy-note:hover,div.legacy-note:hover,.rza-sdk:hover,div.rza-sdk:hover,
.card.border-info:hover,div.card.border-info:hover,#generateForm:hover,
.endpoint-card:hover,div.endpoint-card:hover,
.script-card:hover,div.script-card:hover,
.section-card:hover,div.section-card:hover{
    box-shadow:0 0 44px 3px rgba(34,197,94,.5),0 16px 40px rgba(10,37,64,.14);}

/* Tiles nested INSIDE a glowing card (signup steps, number grids, the small
   game cards on the guide, script demo widgets) get a quieter halo so the
   page stays calm, and a gentler green on hover. */
.ea-step,div.ea-step,.step,div.step,.callout,div.callout,
.gcard,div.gcard,a.gcard,.widget,div.widget,
.script-preview,div.script-preview,.alert,div.alert,
.note-block,div.note-block,.api-key-notice,div.api-key-notice,
.demo-notice,div.demo-notice,
.rz-picker,div.rz-picker,.rz-poll,div.rz-poll{
    box-shadow:0 0 14px rgba(0,123,255,.22);}

/* Dark code blocks in the docs and scripts pages wear the green: terminal
   neon. */
.code-block,div.code-block,.script-pane pre,.preview-raw pre,
.payload-pre,pre.payload-pre{
    box-shadow:0 0 14px rgba(34,197,94,.30);}

/* Category and game pills on the docs pages light up on approach. */
.jump-pill:hover,a.jump-pill:hover,
.game-id:hover,button.game-id:hover{box-shadow:0 0 12px rgba(0,123,255,.35);}
.ea-step:hover,div.ea-step:hover,.step:hover,div.step:hover,
.callout:hover,div.callout:hover,.gcard:hover,div.gcard:hover,a.gcard:hover,
.widget:hover,div.widget:hover,.script-preview:hover,div.script-preview:hover,
.rz-picker:hover,div.rz-picker:hover,.rz-poll:hover,div.rz-poll:hover{
    box-shadow:0 0 18px rgba(34,197,94,.38);}

/* Primary actions carry the neon halo: blue for the brand actions, green
   for the green CTAs the pages already have (the artwork's action colour). */
.btn-primary{box-shadow:0 0 16px rgba(0,123,255,.45);}
.ea-btn{box-shadow:0 0 16px rgba(0,123,255,.45);}
.btn-success{box-shadow:0 0 16px rgba(34,197,94,.5);}
.btn-api.free{box-shadow:0 0 16px rgba(34,197,94,.5);}
.rz-checker-btn{box-shadow:0 0 18px rgba(34,197,94,.5);}

/* The chat launcher rides every page bottom-right: it carries the green. */
.rz-chat-launcher{box-shadow:0 0 20px 3px rgba(34,197,94,.55);}

/* The email-alerts promo slide-in keeps its depth shadow but gains the halo. */
.ea-promo,div.ea-promo{box-shadow:0 0 26px 2px rgba(0,123,255,.32),0 16px 42px rgba(10,37,64,.26);}
