/* Clear surfaces and beveled rims; screen only so printed plans stay clean. */
@media screen{
 body[data-neon-skin] :is([data-neon-frame],.profile-main,.profile-side,.member-settings,.studio-panel,.community-sidebar,.partner-panel,.account-overview,.credit-workspace,.team-workspace,.library-reader,.library-categories,.topics-list,.dan-about,.guide-library,.guide-card,.offer-top,.offer-included,.offer-details article,#guide-preview,#gate,#join-dialog,#membership,#pro-availability,#report-problem,#payment-setup,#community-composer,#member-entry,#pitch-editor,#tool-modal,.join-card),
 body.library-view .holo,body.dashboard-view .content-panel{
  --glass-rim:var(--card-accent,var(--tool-accent,var(--frame-light,var(--background-neon,#65eaff))));
  background:linear-gradient(125deg,#ffffff12,#ffffff03 30%,#00000020 72%,#ffffff0a)!important;
  border:4px solid var(--glass-rim)!important;
  border-color:color-mix(in srgb,var(--glass-rim) 55%,white) color-mix(in srgb,var(--glass-rim) 65%,#10202c) color-mix(in srgb,var(--glass-rim) 40%,#07121d) color-mix(in srgb,var(--glass-rim) 80%,white)!important;
  box-shadow:inset 0 0 0 1px #edffffb3,inset 0 1px 8px #ffffff17,0 0 0 1px color-mix(in srgb,var(--glass-rim) 75%,white),3px 4px 0 color-mix(in srgb,var(--glass-rim) 35%,#06111c),5px 7px 0 #030911aa,0 0 22px color-mix(in srgb,var(--glass-rim) 23%,transparent)!important;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
 }
 body[data-command-ui] :is(#site-rail,#rail-toggle){
  background:linear-gradient(125deg,#ffffff0d,#ffffff02 40%,#0000001a)!important;
  border:3px solid color-mix(in srgb,var(--background-neon,#65eaff) 65%,white)!important;
  border-right-color:color-mix(in srgb,var(--background-neon,#65eaff) 40%,#081426)!important;
  border-bottom-color:color-mix(in srgb,var(--background-neon,#65eaff) 38%,#081426)!important;
  box-shadow:inset 0 0 0 1px #efffff99,0 0 0 1px #8aeaff77,3px 4px 0 #082031,0 0 22px #43cfff33!important;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
 }
 #site-rail .rail-links a:is(.selected,:hover),#site-rail .rail-bottom :is(button,.rail-current-world){background:linear-gradient(115deg,#ffffff0d,#ffffff00)!important}
 #site-rail .rail-links a,#site-rail .rail-bottom{ text-shadow:0 1px 3px #000,0 0 8px #0008; }
 body[data-command-ui] :is(.guide-account,.utility button,.utility .command-dashboard-link,.header-actions button,.header-actions .command-dashboard-link,#account-button,#credit-badge,#payment-setup [data-go=members]){
  --glass-control:var(--utility-neon,#91b7ff);
  background:linear-gradient(135deg,#ffffff15,#ffffff02 40%,#00000016)!important;
  border:2px solid color-mix(in srgb,var(--glass-control) 75%,white)!important;
  border-right-color:color-mix(in srgb,var(--glass-control) 45%,#112034)!important;
  border-bottom-color:color-mix(in srgb,var(--glass-control) 40%,#112034)!important;
  box-shadow:inset 0 1px 0 #fff9,0 0 0 1px #e0faff33,2px 3px 0 #091321,0 0 12px color-mix(in srgb,var(--glass-control) 22%,transparent)!important;
  text-shadow:0 1px 3px #000;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
 }
 .guide-library#guide-library{--glass-rim:var(--background-neon,#65eaff);border-radius:23px}
 body[data-command-ui] .guide-card{--glass-rim:var(--card-accent);border-radius:15px;overflow:hidden}
 .guide-thumbnail{background:transparent;border:2px solid color-mix(in srgb,var(--card-accent) 60%,white);border-radius:10px;margin:0 7px;box-shadow:inset 0 0 0 1px #fff7,0 0 12px color-mix(in srgb,var(--card-accent) 25%,transparent)}
 .guide-thumbnail::after{background:linear-gradient(130deg,#ffffff24,transparent 28%,transparent 73%,#ffffff0d);box-shadow:inset 0 1px 1px #fff8;border-radius:inherit}
 .guide-thumbnail>img{object-fit:contain;border-radius:7px}
 .guide-teaser-label{background:#03080d80;border-color:color-mix(in srgb,var(--card-accent) 55%,white)}
 .guide-card-title,.guide-card-tagline,.guide-section-heading,.guide-scroll-hint,.guide-explore{text-shadow:0 1px 3px #000,0 0 5px #0009}
 .guide-card{transition:transform .2s,filter .2s}
 .guide-card:hover{filter:brightness(1.12)}
 .guide-scroll{padding:8px 13px 12px 7px;scrollbar-color:var(--background-neon,#65eaff) transparent}
 body[data-command-ui] dialog::backdrop{background:#00060b80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
 body[data-command-ui] dialog{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;text-shadow:0 1px 3px #0008}
 body[data-command-ui] :is(.guide-dialog-link,.guide-dialog-close,#guide-chapters button,.guide-sound-row button,.guide-transcript p,.pitch-fields input,.pitch-fields textarea,#pitch-saved,.pitch-card,.pitch-dictate){background:linear-gradient(125deg,#ffffff0c,#00000020)!important;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #b1edff22}
 body[data-command-ui] :is(.tool-modal-header,.tool-inputs,.tool-results,.tool-comparison){background:linear-gradient(125deg,#ffffff08,#00000016)!important}
 /* Page-specific fills used to sit above the shared glass styling. */
 body[data-neon-skin] #tools-grid .tool-card,
 body[data-command-ui] #games-page .arcade-marquee,
 body[data-command-ui] .contact-main .contact-card.holo-phone{
  background:linear-gradient(125deg,#ffffff0c,#ffffff02 35%,#00000012)!important;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
 }
 body[data-command-ui=workspace] #tools-grid .tool-thumb{background:transparent!important}
 body[data-command-ui] #tools-grid .tool-action,
 body[data-command-ui] .contact-card .contact-button{
  background:linear-gradient(125deg,#ffffff12,#ffffff02 40%,#00000018)!important;
 }
 @media(prefers-reduced-motion:reduce){.guide-card{transition:none}}
}
