/* V53 – dark chromatic atmosphere, neon as an accent, not a solid fill.
   Loaded LAST: restore server artworks, keep role colors and selected-nav motion. */
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-head{
 background:linear-gradient(110deg,var(--p2g-ambient-header,#101522),#0a0d16f3)!important;
 border-bottom:1px solid color-mix(in srgb,var(--p2g-neon-a) 38%,transparent)!important;
 box-shadow:0 2px 14px color-mix(in srgb,var(--p2g-neon-a) 11%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-nav{
 background:linear-gradient(180deg,var(--p2g-ambient-nav,#151524),var(--p2g-ambient-base,#0a0e19))!important;
 border-right:1px solid color-mix(in srgb,var(--p2g-neon-a) 26%,transparent)!important;
 box-shadow:3px 0 15px color-mix(in srgb,var(--p2g-neon-a) 10%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-nav button:not([aria-current="page"]){
 background:transparent!important;
 border-color:transparent!important;
 box-shadow:none!important;
 color:#d7deed!important;
 transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-nav button:not([aria-current="page"]):hover,
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-nav button:not([aria-current="page"]):focus-visible{
 background:color-mix(in srgb,var(--p2g-neon-a) 8%,var(--p2g-ambient-nav,#131621))!important;
 border-color:color-mix(in srgb,var(--p2g-neon-a) 43%,transparent)!important;
 box-shadow:0 0 12px color-mix(in srgb,var(--p2g-neon-a) 14%,transparent)!important;
 transform:translateX(2px);
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-nav button[aria-current="page"]{
 background:linear-gradient(110deg,color-mix(in srgb,var(--p2g-neon-a) 9%,var(--p2g-ambient-nav,#1b1827)),color-mix(in srgb,var(--p2g-neon-b) 8%,var(--p2g-ambient-card,#1e1c2b)))!important;
 border:1px solid var(--p2g-neon-a)!important;
 color:#fff!important;
 box-shadow:0 0 15px color-mix(in srgb,var(--p2g-neon-a) 25%,transparent),inset 0 0 9px color-mix(in srgb,var(--p2g-neon-b) 8%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-profile,
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell #p2gProfileTrigger{
 background:linear-gradient(125deg,var(--p2g-ambient-card,#151824),var(--p2g-ambient-card-alt,#1a1825))!important;
 color:#eef5ff!important;
 border:1px solid color-mix(in srgb,var(--p2g-neon-a) 34%,#ffffff18)!important;
 box-shadow:0 0 9px color-mix(in srgb,var(--p2g-neon-a) 12%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell #p2gProfileTrigger:is(:hover,:focus-visible){
 border-color:var(--p2g-neon-a)!important;
 box-shadow:0 0 19px color-mix(in srgb,var(--p2g-neon-a) 29%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell :is(.p2g-port-panel,.p2g-port-card){
 border-color:color-mix(in srgb,var(--p2g-neon-a) 20%,#ffffff18)!important;
 box-shadow:0 3px 16px #0003,0 0 12px color-mix(in srgb,var(--p2g-neon-a) 9%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell :is(.p2g-port-panel,.p2g-port-card):hover{
 border-color:color-mix(in srgb,var(--p2g-neon-a) 45%,#ffffff12)!important;
 box-shadow:0 5px 20px #0004,0 0 20px color-mix(in srgb,var(--p2g-neon-a) 20%,transparent)!important;
}
/* Keep actual button surfaces dark; a thin neon outline marks interaction. */
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-btn.primary{
 color:#fff!important;background:linear-gradient(120deg,color-mix(in srgb,var(--p2g-neon-a) 10%,#162038),color-mix(in srgb,var(--p2g-neon-b) 10%,#171b32))!important;
 border:1px solid color-mix(in srgb,var(--p2g-neon-a) 65%,transparent)!important;
 box-shadow:0 0 11px color-mix(in srgb,var(--p2g-neon-a) 16%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-btn.primary:is(:hover,:focus-visible){
 background:linear-gradient(120deg,color-mix(in srgb,var(--p2g-neon-a) 17%,#15203b),color-mix(in srgb,var(--p2g-neon-b) 15%,#16162b))!important;
 box-shadow:0 0 21px color-mix(in srgb,var(--p2g-neon-a) 28%,transparent)!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell :is(.p2g-port-eyebrow,.p2g-port-card strong){color:inherit!important}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-eyebrow{color:var(--p2g-neon-a)!important}
/* Never color-wash the illustrated six-server selection. The original artworks
   already contain each community's branding, backgrounds and native colored borders. */
#selection #serverCards .reference-card{
 background-color:#080e19!important;
 background-image:var(--art)!important;
 background-position:center!important;
 background-size:100% 100%!important;
 border-color:var(--c)!important;
 box-shadow:0 9px 22px #0008,0 0 9px color-mix(in srgb,var(--c) 26%,transparent)!important;
}
#selection #serverCards .reference-card:is(:hover,:focus-visible){
 box-shadow:0 13px 27px #000a,0 0 19px color-mix(in srgb,var(--c) 45%,transparent)!important;
}
/* Contrast-preserving light accents across the server landing, without recoloring logos. */
body.p2g-own-neon-palette #selection.reference-selection{
 background:#090e16!important;
}
body.p2g-own-neon-palette #selection .reference-shell{
 background:linear-gradient(135deg,#111725ef,#090f1bea)!important;
 box-shadow:0 20px 50px #0008,0 0 20px color-mix(in srgb,var(--p2g-neon-a) 12%,transparent)!important;
}
/* Limit cost of shadows and layer effects on ordinary page navigation. */
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-content{
 background:linear-gradient(135deg,var(--p2g-ambient-base,#0b1020),var(--p2g-ambient-header,#12151e))!important;
}
body.p2g-portal-ready[data-p2g-theme="neon"] #p2gPortalShell .p2g-port-panel{
 backdrop-filter:none!important;
}
@media(prefers-reduced-motion:reduce){
 body.p2g-portal-ready #p2gPortalShell .p2g-port-nav button{transition:none!important;transform:none!important}
}
body[data-p2g-motion="off"] #p2gPortalShell .p2g-port-nav button{transition:none!important;transform:none!important}