/* Auto-shimmer from the supplied Pixel Card, behind readable content. */
[data-pixel-card]{position:relative;isolation:isolate;overflow:hidden}
[data-pixel-card]>.hpc-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8;mask-image:linear-gradient(115deg,#0002,#0009 58%,#000)}
[data-pixel-card]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#8bb5ec26,transparent 70%);opacity:calc(.15 + var(--pixel-energy,.15)*.65)}
[data-pixel-card]>:not(.hpc-canvas){position:relative;z-index:1}
.universe-discipline[data-pixel-card]{position:absolute;padding:24px 27px;border:1px solid #ffffff30;border-radius:19px;background:linear-gradient(135deg,#202020ed,#101010f2 65%,#191919f2);box-shadow:0 16px 38px #0005,0 0 32px rgb(255 255 255 / calc(.025 + var(--pixel-energy,.25)*.05));max-width:310px}
/* The same three projected light positions illuminate the surface and its rim. */
.universe-discipline[data-pixel-card]::before{background:radial-gradient(ellipse 100% 115% at var(--galaxy-x0,90%) var(--galaxy-y0,100%),rgb(255 255 255 / calc(var(--galaxy-light0,.35)*.22)),transparent 74%),radial-gradient(ellipse 95% 115% at var(--galaxy-x1,100%) var(--galaxy-y1,25%),rgb(255 255 255 / calc(var(--galaxy-light1,.2)*.22)),transparent 74%),radial-gradient(ellipse 95% 115% at var(--galaxy-x2,10%) var(--galaxy-y2,100%),rgb(255 255 255 / calc(var(--galaxy-light2,.15)*.22)),transparent 74%);opacity:1}
.universe-discipline[data-pixel-card]::after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;border-radius:inherit;padding:1.5px;background:radial-gradient(ellipse 135px 110px at var(--galaxy-x0,90%) var(--galaxy-y0,100%),rgb(255 255 255 / var(--galaxy-light0,.35)),transparent 85%),radial-gradient(ellipse 135px 110px at var(--galaxy-x1,100%) var(--galaxy-y1,25%),rgb(255 255 255 / var(--galaxy-light1,.2)),transparent 85%),radial-gradient(ellipse 135px 110px at var(--galaxy-x2,10%) var(--galaxy-y2,100%),rgb(255 255 255 / var(--galaxy-light2,.15)),transparent 85%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.universe-discipline[data-pixel-card] ul{color:#dedede}.universe-discipline[data-pixel-card] h3{font-size:32px;color:#fafafa;text-shadow:0 0 22px #ffffff18}
.universe-discipline[data-pixel-card]>.hpc-canvas{opacity:1;mask-image:linear-gradient(115deg,#0003,#0008 58%,#000)}
.capability-panel[data-pixel-card]{border:1px solid rgb(145 178 220 / calc(.13 + var(--pixel-energy,.15)*.23));border-radius:20px;padding:34px!important;background:#080a0dc9;min-width:0}
.capability-panel[data-pixel-card]>.hpc-canvas{opacity:.6;mask-image:linear-gradient(100deg,#0001,#0005 58%,#000)}
@media(max-width:1050px){.universe-discipline[data-pixel-card]{padding:20px;max-width:245px}.universe-discipline[data-pixel-card] h3{font-size:29px}}
@media(max-width:600px){.universe-discipline[data-pixel-card]{position:relative;inset:auto;width:100%;min-width:0;max-width:none;padding:23px 20px;display:block}.universe-discipline[data-pixel-card] h3{font-size:30px;max-width:none;margin-bottom:14px}.universe-discipline[data-pixel-card] ul{font-size:13px}.capability-panel[data-pixel-card]{padding:26px 22px!important;border-radius:16px}}