/* bridge: old working pages wearing D: shell, palette, starry panels. Light + dark. */
html{background:#03050a}
html[data-theme=light]{background:#f7f7f4}
:root,[data-theme=dark]{--bg:#03050a;--bg2:#0a0d12;--card:rgba(10,13,18,.82);--card-s:#0b0f15;--hov:rgba(184,212,46,.06);--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--text:#eef1ec;--text2:#c9d0d6;--mut:#9aa3ad;--acc:#b8d42e;--acc2:#b8d42e;--btn:#b8d42e;--btnh:#c9e24a;--on:#eef1ec;--onx:#050606;--glow1:rgba(184,212,46,.10);--glow2:rgba(45,212,191,.08);--hdr:rgba(3,5,10,.8);--gx-teal:#2dd4bf;--gx-blue:#5aa9ff;--gx-ice:#cfe9ff}
[data-theme=light]{--bg:#f7f7f4;--bg2:#efefe9;--card:rgba(255,255,255,.9);--card-s:#fff;--hov:rgba(63,88,0,.06);--line:rgba(20,22,15,.1);--line2:rgba(20,22,15,.18);--text:#14160f;--text2:#353a2f;--mut:#5d625a;--acc:#3f5800;--acc2:#3f5800;--btn:#3f5800;--btnh:#2f4200;--on:#14160f;--onx:#fff;--glow1:rgba(63,88,0,.08);--glow2:rgba(15,118,110,.06);--hdr:rgba(247,247,244,.85);--gx-teal:#0f766e;--gx-blue:#1d5fb8;--gx-ice:#1b3550}
body.v-d.dskin:not(#dz){background:radial-gradient(120% 60% at 50% 0%,#0a1420 0%,transparent 60%) no-repeat,url(/assets/stars-site.svg) 0 0/1200px 800px repeat,#03050a!important;color:var(--text)!important}
[data-theme=light] body.v-d.dskin:not(#dz){background:url(/assets/stars-ink.svg) 0 0/1200px 800px repeat,#f7f7f4!important}
body.v-d.dskin:not(#dz) *:not(code):not(pre):not(kbd):not(samp){font-family:Inter,system-ui,sans-serif!important;font-variant:normal!important}
body.v-d.dskin [hidden]{display:none!important}
/* old shell pieces off */
body.v-d.dskin:not(#dz) :is(.gh,.gf,.gf-band,.rdf,.gbar,.hico,.g3orn,[class*="orn-"],.g3tick-orn){display:none!important}
/* no frames, plates, metal, corner brackets, diamond bullets */
body.v-d.dskin:not(#dz) main *,body.v-d.dskin:not(#dz) main *::before,body.v-d.dskin:not(#dz) main *::after{border-image:none!important;-webkit-mask:none!important;mask:none!important;clip-path:none!important}
body.v-d.dskin:not(#dz) main *:not(img):not(svg):not(.av):not([class*="avatar"]):not(.btn):not(button):not(.on):not([aria-selected=true]),body.v-d.dskin:not(#dz) main *::before,body.v-d.dskin:not(#dz) main *::after{background-image:none!important}
body.v-d.dskin:not(#dz) main :is(h1,h2,h3,h4,.crumb,legend)::before,body.v-d.dskin:not(#dz) main :is(h1,h2,h3,h4,legend)::after{content:none!important;display:none!important}
body.v-d.dskin:not(#dz) main :is(.detail,article.detail)::before,body.v-d.dskin:not(#dz) main :is(.detail,article.detail)::after{content:none!important;display:none!important}
body.v-d.dskin:not(#dz) main *:not(.btn){box-shadow:none!important}
body.v-d.dskin:not(#dz) .g3tick{display:none!important}
/* panels: soft starry glass */
body.v-d.dskin:not(#dz) main :is(article.detail,.detail,.card,.panel,.lchat,.fcard,.ftier,.post,.reply,.tcard,.bcard,.board,.sbox,.box,.ranks,.rk-strip,.fside,aside,form.composer,.cmp,.settings section,.sset,.prof,.fprof){background-color:var(--card)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 5%,transparent),0 18px 50px -28px color-mix(in srgb,var(--gx-blue) 45%,transparent)!important;outline:0!important}
body.v-d.dskin:not(#dz) main :is(article.detail,.detail){background-color:transparent!important;border:0!important;box-shadow:none!important;padding-left:0;padding-right:0}
body.v-d.dskin:not(#dz) main :is(h1,h2,h3,h4){color:var(--text)!important;letter-spacing:-.01em!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important;background:none!important}
body.v-d.dskin:not(#dz) main :is(a){color:var(--acc)}
body.v-d.dskin:not(#dz) main :is(p,li,dd,td,span,small,label){text-shadow:none!important}
body.v-d.dskin:not(#dz) main :is(.meta,.mut,.muted,small,time){color:var(--mut)!important}
/* buttons, pills, tabs */
body.v-d.dskin:not(#dz) main :is(.btn,button,.plq,input[type=submit]){background:transparent!important;background-image:none!important;color:var(--text)!important;border:1px solid var(--line2)!important;border-radius:999px!important;box-shadow:none!important;text-shadow:none!important;letter-spacing:.02em!important;text-transform:none!important}
body.v-d.dskin:not(#dz) main :is(.btn.primary,.btn-primary,.fbuy,.btn.fnew,[data-newlink].btn,button[type=submit],.on,[aria-selected=true]){background:var(--acc)!important;color:var(--onx)!important;border-color:var(--acc)!important}
body.v-d.dskin:not(#dz) main :is(.tag,.pill,.chip,.cnt,.count,.badge,.bcount,.tcount,[class*="pill"],[class*="chip"]){background:color-mix(in srgb,var(--gx-teal) 10%,transparent)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--gx-teal) 35%,var(--line))!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}
body.v-d.dskin:not(#dz) main :is(input,textarea,select){background:var(--bg2)!important;color:var(--text)!important;border:1px solid var(--line2)!important;border-radius:8px!important;box-shadow:none!important}
body.v-d.dskin:not(#dz) main :is(hr){border:0;border-top:1px solid var(--line)!important;background:none!important;height:0}
/* no warm glows in the body */
body.v-d.dskin:not(#dz) main *{text-shadow:none!important}
body.v-d.dskin:not(#dz) main *:not(img){filter:none!important}
/* header (D) */
body.v-d.dskin .dsh .nav{position:relative;z-index:5}
body.v-d.dskin .dsh .bmark.bl{display:none}
[data-theme=light] body.v-d.dskin .dsh .bmark{display:none}[data-theme=light] body.v-d.dskin .dsh .bmark.bl{display:inline}
body.v-d.dskin .dsh nav{gap:20px!important}body.v-d.dskin .dsh nav a{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}body.v-d.dskin .dsh .live{position:static!important;margin:0!important;transform:none!important}
/* mobile tab bar */
body.v-d.dskin:not(#dz) :is(.mtab,.mnav,.ftabbar,nav.tabbar){background:var(--hdr)!important;border-top:1px solid var(--line)!important}
[data-theme=light] body.v-d.dskin:not(#dz) .dsh .btn:not(.ghost),[data-theme=light] body.v-d.dskin:not(#dz) :is([class*="fab"],.mfab,.fnew-fab){background:#3f5800!important;color:#fff!important;border-color:#3f5800!important}
body.v-d.dskin:not(#dz) .dsh nav a i.live{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;height:auto!important;min-width:0!important;overflow:visible!important;font-size:9px!important;line-height:1!important;font-style:normal;letter-spacing:.08em!important;text-transform:uppercase;color:var(--acc)!important;padding:0!important;margin:0 0 0 4px!important;position:static!important}body.v-d.dskin:not(#dz) .dsh nav a i.live::before{position:static!important;display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%;background:var(--acc)!important;content:""!important;flex:none}
body.v-d.dskin:not(#dz) .dsh nav a i.live{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.v-d.dskin:not(#dz) main .av{background:color-mix(in srgb,var(--acc) 14%,var(--bg2))!important;color:var(--acc)!important;-webkit-text-fill-color:var(--acc)!important;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent)!important;border-radius:50%!important;display:inline-grid!important;place-items:center;font-weight:700!important;text-indent:0!important;overflow:hidden}body.v-d.dskin:not(#dz) main .av.lg{font-size:24px!important;line-height:1!important}
/* badge motion: Cyber = circuit glow pulse + light sweep; Wizard = rainbow liquid morph + pulsing aura (wz-C); Spark static. CSS only, galaxy colors. */
@property --bwa{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --bsx{syntax:'<percentage>';inherits:false;initial-value:-60%}
/* Cyber (owner pick 2026-10-22, option E): teal/blue/purple/green gradient slides across the badge art, 4s loop. Needs <span class="cy-E"> around the img; the overlay is masked to the art, the img itself is never dimmed/greyed. */
html body:not(#zz) img:not(#zz)[src*="badges/cyber"]{-webkit-mask:none!important;mask:none!important;filter:none!important;opacity:1!important;animation:none!important;box-shadow:none!important;border-radius:50%}
html body:not(#zz) .cy-E{position:relative;display:inline-block;isolation:isolate;line-height:0;vertical-align:middle}
html body:not(#zz) .cy-E>img{display:block;margin:0!important}
html body:not(#zz) .cy-E:not(#zz)::after{content:"";position:absolute;inset:0;mix-blend-mode:color;pointer-events:none;-webkit-mask:url(/d/assets/badges/cyber.webp) center/contain no-repeat!important;mask:url(/d/assets/badges/cyber.webp) center/contain no-repeat!important;background-color:transparent!important;background-image:linear-gradient(110deg,#2dd4bf 0%,#3b82f6 20%,#8b5cf6 40%,#22c55e 60%,#2dd4bf 80%,#3b82f6 100%)!important;background-size:250% 100%!important;animation:cyE 4s linear infinite}
@keyframes cyE{from{background-position:0% 0}to{background-position:-200% 0}}
html body:not(#zz) .nbdg .cy-E{width:100%;height:100%}html body:not(#zz) .nbdg .cy-E>img{width:100%!important;height:100%!important}
html body:not(#zz) .un .cy-E{margin-right:4px}
html body:not(#zz) .tart .cy-E{margin-left:auto;margin-right:auto}html body:not(#zz) .tier>.cy-E{margin:0 auto 0 24px!important;align-self:flex-start}
@media (prefers-reduced-motion:reduce){html body:not(#zz) .cy-E:not(#zz)::after{animation:none!important;display:none!important}}
/* Wizard (owner pick 2026-10-22, option C): Liquid Morph + Pulsing Aura - soft rainbow blobs drift/melt over the art (masked, colour blend), blob-shaped aura behind morphs, pulses and cycles hue. Full rainbow is an owner-approved Wizard-only exception. Needs <span class="wz-C"> around the img; the img itself is never dimmed/greyed. */
html body:not(#zz) img:not(#zz)[src*="badges/wizard"]{background:none!important;padding:0!important;animation:none!important;filter:none!important;opacity:1!important;-webkit-mask:none!important;mask:none!important;border-radius:50%}
html body:not(#zz) .wz-C{position:relative;display:inline-block;isolation:isolate;line-height:0;vertical-align:middle}
html body:not(#zz) .wz-C>img{display:block;margin:0!important;position:relative;z-index:1}
html body:not(#zz) .wz-C:not(#zz)::after{content:""!important;position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask:url(/d/assets/badges/wizard.webp) center/contain no-repeat!important;mask:url(/d/assets/badges/wizard.webp) center/contain no-repeat!important;mix-blend-mode:color;background:radial-gradient(circle at 25% 30%,#ff3b3b,transparent 35%),radial-gradient(circle at 75% 25%,#ffe14a,transparent 35%),radial-gradient(circle at 75% 75%,#2bb8ff,transparent 35%),radial-gradient(circle at 25% 75%,#ff4fd8,transparent 35%),radial-gradient(circle at 50% 50%,#3ddc84,transparent 30%),linear-gradient(135deg,#7a5cff,#ff9a1f)!important;background-size:150% 150%!important;animation:wzC-melt 7s ease-in-out infinite alternate,wzC-hue 9s linear infinite}
html body:not(#zz) .wz-C:not(#zz)::before{content:""!important;position:absolute;inset:-14%;z-index:0;border-radius:50%;pointer-events:none;--b:6px;background:radial-gradient(circle,#ff4fd8,#7a5cff 40%,#2bb8ff 60%,transparent 72%)!important;filter:blur(6px);animation:wzC-morph 5s ease-in-out infinite,wzC-hue 9s linear infinite reverse}
@keyframes wzC-melt{0%{background-position:0% 0%}33%{background-position:100% 30%}66%{background-position:40% 100%}100%{background-position:80% 60%}}
@keyframes wzC-hue{to{filter:hue-rotate(360deg) blur(var(--b,0px))}}
@keyframes wzC-morph{0%,100%{border-radius:50% 45% 55% 48%;transform:scale(.95) rotate(0);opacity:.5}50%{border-radius:42% 58% 46% 60%;transform:scale(1.06) rotate(60deg);opacity:.75}}
html body:not(#zz) .nbdg .wz-C{width:100%;height:100%}html body:not(#zz) .nbdg .wz-C>img{width:100%!important;height:100%!important}
html body:not(#zz) .un .wz-C{margin-right:4px}
html body:not(#zz) .tart .wz-C{margin-left:auto;margin-right:auto}html body:not(#zz) .tier>.wz-C{margin:0 auto 0 24px!important;align-self:flex-start}
@media (prefers-reduced-motion:reduce){html body:not(#zz) .wz-C:not(#zz){animation:none!important;filter:none!important}html body:not(#zz) .wz-C:not(#zz)::after,html body:not(#zz) .wz-C:not(#zz)::before{animation:none!important;display:none!important}}
/* thread avatar: drop decorative overlay that hid the letter */
body.v-d.dskin:not(#dz) main .av::before,body.v-d.dskin:not(#dz) main .av::after{content:none!important;display:none!important}

/* tier name colors (owner 2026-10-21): Spark sky, Cyber teal, Wizard green + soft glow. */
html:not(#zz) :is(.n-spark,.paid-turbo,.rkc-turbo){color:#7dd3fc!important;-webkit-text-fill-color:#7dd3fc!important;background:none!important;text-shadow:none!important}
html:not(#zz) :is(.n-blaze,.n-cyber,.paid-overclocked,.rkc-overclocked){color:#2dd4bf!important;-webkit-text-fill-color:#2dd4bf!important;background:none!important;text-shadow:none!important}
html:not(#zz) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){color:#b8d42e!important;-webkit-text-fill-color:#b8d42e!important;background:none!important;filter:none!important;text-shadow:0 0 8px rgba(184,212,46,.55),0 0 2px rgba(184,212,46,.4)!important}
html[data-theme=light]:not(#zz) :is(.n-spark,.paid-turbo,.rkc-turbo){color:#0b63a8!important;-webkit-text-fill-color:#0b63a8!important}
html[data-theme=light]:not(#zz) :is(.n-blaze,.n-cyber,.paid-overclocked,.rkc-overclocked){color:#0f766e!important;-webkit-text-fill-color:#0f766e!important}
html[data-theme=light]:not(#zz) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){color:#3f5800!important;-webkit-text-fill-color:#3f5800!important;text-shadow:0 0 6px rgba(63,88,0,.28)!important}
html:not(#zz) .nbdgs-both{display:inline-flex;align-items:center;gap:4px}html:not(#zz) .nbdgs-both .nbdg+.nbdg{margin-left:0}
html:not(#zz) .n-founding{color:#b69cff!important;-webkit-text-fill-color:#b69cff!important;background:none!important;text-shadow:0 0 8px rgba(182,156,255,.45)!important}
html[data-theme=light]:not(#zz) .n-founding{color:#6d28d9!important;-webkit-text-fill-color:#6d28d9!important;text-shadow:none!important}
/* Cyber: the tier-card art rule (.tart img filter:none!important) beat the animation; exempt badges */
html body:not(#zz) .v-d .tart img:not(#zz)[src*="badges/wizard"]{filter:revert-layer}
/* board pages at phone width: inline New thread button instead of the floating + that covered the reply count */
@media (max-width:600px){html body:not(#zz) .ffab{display:none!important}html body:not(#zz) :is(.fbar3,.fbtools) .fnew{display:flex!important;width:100%;margin:8px 0 0}}
/* mobile full-screen chat: solid panel so the page behind does not show through */
body.v-d.dskin:not(#dz) .lchat.lc-full{background:var(--bg)!important;background-color:var(--bg)!important;isolation:isolate}
body.v-d.dskin:not(#dz):has(.lchat.lc-full) main{z-index:200!important}
/* 390: chat rules line wraps; board New thread sits right under the board header */
@media (max-width:600px){html body:not(#zz) .lc-pin{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important}html body:not(#zz) .lc-pin .lc-pintext{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;flex:1 1 0!important;min-width:0!important;line-height:1.4}
html body:not(#zz) .fbtools{flex-direction:column!important;align-items:stretch!important;gap:8px!important}html body:not(#zz) .fbtools .fnew{order:-1!important;margin:0!important;width:100%}}
/* tier cards: perk rows line up, centered note under the row */
html:not(#zz) .v-d .perk{align-content:start!important;align-items:start!important;grid-auto-rows:max-content!important}
html:not(#zz) .v-d .tnote{text-align:center;color:var(--mut,#9aa3ad);font-size:14px;margin:20px auto 0;grid-column:1/-1}
/* home section labels ~20% bigger, tidy, no wrap */
html:not(#zz) .v-d .sh h2{font-size:16.5px!important;letter-spacing:.2em!important;white-space:nowrap!important}
@media (max-width:420px){html:not(#zz) .v-d .sh h2{font-size:15px!important;letter-spacing:.16em!important}}
/* poll card: Trace Bolt, green tokens, 48px answer rows */
html:not(#zz) .v-d .poll .sh h2{display:inline-flex;align-items:center;gap:8px}
html:not(#zz) .v-d .pbolt{display:inline-block}html:not(#zz) .v-d .pbolt.pbl{display:none}
html[data-theme=light]:not(#zz) .v-d .pbolt{display:none}html[data-theme=light]:not(#zz) .v-d .pbolt.pbl{display:inline-block}
html:not(#zz) .v-d .poll .opt{min-height:48px!important;display:flex;align-items:center}
html:not(#zz) .v-d .poll .opt .fill{background:rgba(184,212,46,.18)!important}
html[data-theme=light]:not(#zz) .v-d .poll .opt .fill{background:rgba(63,88,0,.14)!important}
html:not(#zz) .v-d .poll .opt .pc{color:#b8d42e!important}html[data-theme=light]:not(#zz) .v-d .poll .opt .pc{color:#3f5800!important}
/* Wizard name: green -> violet fade + soft glow (crisp at chat size; almost none in light). Founding: solid purple + slow shimmer. */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background:linear-gradient(90deg,#b8d42e,#b69cff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#b8d42e!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 3px rgba(184,212,46,.28)) drop-shadow(0 0 5px rgba(182,156,255,.18))!important}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background:linear-gradient(90deg,#3f5800,#6d28d9)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#3f5800!important;filter:drop-shadow(0 0 1px rgba(109,40,217,.12))!important}
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard) img{-webkit-text-fill-color:initial}
@property --fsx{syntax:'<percentage>';inherits:false;initial-value:150%}
html:not(#zz):not(#zy) .n-founding{background:linear-gradient(100deg,#b69cff 0 calc(var(--fsx) - 12%),#ece6ff var(--fsx),#b69cff calc(var(--fsx) + 12%) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#b69cff!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:none!important;animation:fshim 5s linear infinite}
html[data-theme=light]:not(#zz):not(#zy) .n-founding{background:linear-gradient(100deg,#6d28d9 0 calc(var(--fsx) - 12%),#7c3aed var(--fsx),#6d28d9 calc(var(--fsx) + 12%) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#6d28d9!important}
@keyframes fshim{0%{--fsx:-30%}55%,100%{--fsx:130%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) .n-founding{animation:none!important;--fsx:200%}}
/* every hero/section glow layer fades out on all four sides: no hard top/bottom/side edge behind chip rows (planet edge lives on ::after and is untouched) */
html:not(#zz) .v-d :is(.hero,.phero,.sec,.two,.cmp,.band,.hero-band)::before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 62%,transparent 100%),linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%)!important;-webkit-mask-composite:source-in!important;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 62%,transparent 100%),linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%)!important;mask-composite:intersect!important;background-color:transparent!important}
@media (max-width:600px){html body:not(#zz) .lchat .lc-pin{flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;order:99!important;white-space:normal!important}html body:not(#zz) .lchat :has(> .lc-pin){flex-wrap:wrap!important}html body:not(#zz) .lchat .lc-pin .lc-pintext{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;flex:1 1 0!important;min-width:0!important}}
/* Wizard name: slow green<->violet gradient shift (glow kept); static under reduced motion */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#b8d42e,#b69cff,#b8d42e)!important;background-size:200% 100%!important;animation:wzname 6s ease-in-out infinite alternate}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#3f5800,#6d28d9,#3f5800)!important}
@keyframes wzname{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){animation:none!important;background-position:0% 50%!important}}
@media (min-width:421px){html:not(#zz) .v-d .sh h2{font-size:15px!important}}
/* Wizard name: cosmic tri-fade green -> teal -> violet, slow flow (owner 10/21) */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#b8d42e,#2dd4bf,#b69cff,#2dd4bf,#b8d42e)!important;background-size:300% 100%!important}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#3f5800,#0f766e,#6d28d9,#0f766e,#3f5800)!important}
/* Wizard fade picker: fixed swatch classes (IDs from a fixed table; no server CSS) */
.fa-lime{--fa:#b8d42e}html[data-theme=light] .fa-lime{--fa:#3f5800}
.fb-lime{--fb:#b8d42e}html[data-theme=light] .fb-lime{--fb:#3f5800}
.fc-lime{--fc:#b8d42e}html[data-theme=light] .fc-lime{--fc:#3f5800}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-lime{background:#b8d42e!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-lime{background:#3f5800!important}
.fa-teal{--fa:#2dd4bf}html[data-theme=light] .fa-teal{--fa:#0f766e}
.fb-teal{--fb:#2dd4bf}html[data-theme=light] .fb-teal{--fb:#0f766e}
.fc-teal{--fc:#2dd4bf}html[data-theme=light] .fc-teal{--fc:#0f766e}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-teal{background:#2dd4bf!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-teal{background:#0f766e!important}
.fa-sky{--fa:#7dd3fc}html[data-theme=light] .fa-sky{--fa:#0b63a8}
.fb-sky{--fb:#7dd3fc}html[data-theme=light] .fb-sky{--fb:#0b63a8}
.fc-sky{--fc:#7dd3fc}html[data-theme=light] .fc-sky{--fc:#0b63a8}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-sky{background:#7dd3fc!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-sky{background:#0b63a8!important}
.fa-ice{--fa:#cfe9ff}html[data-theme=light] .fa-ice{--fa:#1b3550}
.fb-ice{--fb:#cfe9ff}html[data-theme=light] .fb-ice{--fb:#1b3550}
.fc-ice{--fc:#cfe9ff}html[data-theme=light] .fc-ice{--fc:#1b3550}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-ice{background:#cfe9ff!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-ice{background:#1b3550!important}
.fa-mint{--fa:#7fe0c8}html[data-theme=light] .fa-mint{--fa:#0b6b55}
.fb-mint{--fb:#7fe0c8}html[data-theme=light] .fb-mint{--fb:#0b6b55}
.fc-mint{--fc:#7fe0c8}html[data-theme=light] .fc-mint{--fc:#0b6b55}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-mint{background:#7fe0c8!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-mint{background:#0b6b55!important}
.fa-blue{--fa:#5aa9ff}html[data-theme=light] .fa-blue{--fa:#1d5fb8}
.fb-blue{--fb:#5aa9ff}html[data-theme=light] .fb-blue{--fb:#1d5fb8}
.fc-blue{--fc:#5aa9ff}html[data-theme=light] .fc-blue{--fc:#1d5fb8}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-blue{background:#5aa9ff!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-blue{background:#1d5fb8!important}
.fa-indigo{--fa:#a5b4fc}html[data-theme=light] .fa-indigo{--fa:#4338ca}
.fb-indigo{--fb:#a5b4fc}html[data-theme=light] .fb-indigo{--fb:#4338ca}
.fc-indigo{--fc:#a5b4fc}html[data-theme=light] .fc-indigo{--fc:#4338ca}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-indigo{background:#a5b4fc!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-indigo{background:#4338ca!important}
.fa-white{--fa:#eef1ec}html[data-theme=light] .fa-white{--fa:#14160f}
.fb-white{--fb:#eef1ec}html[data-theme=light] .fb-white{--fb:#14160f}
.fc-white{--fc:#eef1ec}html[data-theme=light] .fc-white{--fc:#14160f}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-white{background:#eef1ec!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-white{background:#14160f!important}
.fa-violet{--fa:#b69cff}html[data-theme=light] .fa-violet{--fa:#6d28d9}
.fb-violet{--fb:#b69cff}html[data-theme=light] .fb-violet{--fb:#6d28d9}
.fc-violet{--fc:#b69cff}html[data-theme=light] .fc-violet{--fc:#6d28d9}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-violet{background:#b69cff!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-violet{background:#6d28d9!important}
html:not(#zz):not(#zy):not(#zx) .n-legend.nfade{background-image:linear-gradient(90deg,var(--fa),var(--fb),var(--fc),var(--fb),var(--fa))!important}
html:not(#zz) .fadepick{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--card)}html:not(#zz) .fadepick h2{font-size:18px;margin:0 0 6px}html:not(#zz) .fp-prev{font-size:22px;font-weight:700;margin:14px 0}html:not(#zz) .fp-slot{border:0;padding:0;margin:12px 0}html:not(#zz) .fp-slot legend{font-size:13px;color:var(--mut);margin-bottom:6px}html:not(#zz) .fp-row{display:flex;flex-wrap:wrap;gap:10px}
html body:not(#zz) .fadepick .fp-sw{width:44px!important;height:44px!important;min-width:44px;border-radius:50%!important;border:2px solid var(--line2)!important;padding:0!important;cursor:pointer}html body:not(#zz) .fadepick .fp-sw[aria-pressed=true]{outline:3px solid var(--text)!important;outline-offset:2px}html:not(#zz) .fp-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
/* tri-fade: violet band widened and held mid-cycle so dark mode clearly lands on #b69cff */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#b8d42e 0%,#2dd4bf 24%,#b69cff 42%,#b69cff 58%,#2dd4bf 76%,#b8d42e 100%)!important;background-size:300% 100%!important;animation:wzname3 8s ease-in-out infinite}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#3f5800 0%,#0f766e 24%,#6d28d9 42%,#6d28d9 58%,#0f766e 76%,#3f5800 100%)!important}
html:not(#zz):not(#zy):not(#zx) .n-legend.nfade{background-image:linear-gradient(90deg,var(--fa) 0%,var(--fb) 24%,var(--fc) 42%,var(--fc) 58%,var(--fb) 76%,var(--fa) 100%)!important}
@keyframes wzname3{0%,8%{background-position:0% 50%}42%,58%{background-position:50% 50%}92%,100%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){animation:none!important;background-position:0% 50%!important}}
/* picker: visible check on the selected swatch */
html body:not(#zz) .fadepick .fp-sw{position:relative}
html body:not(#zz) .fadepick .fp-sw[aria-pressed=true]::after{content:"✓"!important;display:grid!important;place-items:center;position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--text)!important;color:var(--bg)!important;font-size:13px;font-weight:800;line-height:1}
html:not(#zz) .fadepick .fp-slot legend b{color:var(--text);font-weight:600}
/* Wizard sample pill (matches Founding sample) */
html:not(#zz) .v-d .tag.wsm{font-style:normal;margin-left:6px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:1px 6px;border-radius:99px;border:1px solid color-mix(in srgb,#2dd4bf 55%,transparent);color:var(--tx);vertical-align:2px;white-space:nowrap;background:none}
html[data-theme=light]:not(#zz) .v-d .tag.wsm{border-color:color-mix(in srgb,#0f766e 55%,transparent)}
/* tier headings: names sized to their text so the fade/shimmer shows; Founding title as prominent as the tier names */
html:not(#zz) .v-d :is(.tier h3,.fcard .ftitle).n-legend,html:not(#zz) .v-d .fcard .ftitle,html:not(#zz) .v-d .tier h3:is(.n-spark,.n-blaze){display:inline-block;width:fit-content}
html:not(#zz) .v-d .fcard .ftitle{font-family:inherit!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.01em!important;text-transform:none!important;margin:0 0 6px!important;opacity:1!important}
/* Wizard tri-fade: drive position through a registered property so !important background shorthands elsewhere can't freeze it */
@property --wzp{syntax:'<percentage>';inherits:false;initial-value:0%}
html:not(#zz):not(#zy):not(#zw) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-size:300% 100%!important;background-position:var(--wzp) 50%!important;animation:wzp3 8s ease-in-out infinite!important}
@keyframes wzp3{0%,8%{--wzp:0%}42%,58%{--wzp:50%}92%,100%{--wzp:100%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy):not(#zw) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){animation:none!important;--wzp:0%}}
/* Fade picker: secondary reset button matches site outline buttons; 44px target */
html body:not(#zz):not(#zy) .fadepick .fp-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
html body:not(#zz):not(#zy) .fadepick .btn.fp-reset{background:transparent!important;color:var(--tx)!important;border:1px solid color-mix(in srgb,var(--tx) 45%,transparent)!important;min-height:44px;min-width:44px;box-shadow:none!important;opacity:1!important}
html body:not(#zz):not(#zy) .fadepick .btn.fp-reset:hover{border-color:var(--tx)!important}
html body:not(#zz):not(#zy) .fadepick .btn.fp-reset:focus-visible{outline:2px solid var(--tx);outline-offset:2px}
html body:not(#zz):not(#zy) .fadepick .fp-defnote{margin:6px 0 0;font-size:13px;color:var(--tx)}
html body:not(#zz):not(#zy) .fadepick .fp-defnote[hidden]{display:none}
html body:not(#zz) .v-d .fcard h3 small{margin-left:.35em}
/* ---- Overlord name (server-assigned only: badge {kind:'staff',key:'overlord'} -> .n-overlord). Blue/gold reserved for Overlord. ---- */
html:not(#zz):not(#zy) .n-overlord{background:linear-gradient(90deg,#4f83ff 0%,#fcd34d 50%,#4f83ff 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fcd34d!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 4px rgba(79,131,255,.5)) drop-shadow(0 0 2px rgba(252,211,77,.35))!important;animation:ovl-fade 6s linear infinite;font-weight:700}
html[data-theme=light]:not(#zz):not(#zy) .n-overlord{background-image:linear-gradient(90deg,#1a3fc4 0%,#8a5a00 50%,#1a3fc4 100%)!important;color:#1a3fc4!important;filter:drop-shadow(0 0 1.5px rgba(26,63,196,.2))!important}
@keyframes ovl-fade{from{background-position:0 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) .n-overlord{animation:none!important;background-position:0 0!important}}
@media (forced-colors:active){html:not(#zz):not(#zy) .n-overlord{-webkit-text-fill-color:CanvasText!important;background:none!important;filter:none!important}}