/* PRANAV AWARD VISUAL SYSTEM v1 — chrome / signal / void / acid */
:root{
  --pav-void:#050507;
  --pav-violet:#6b2cff;
  --pav-violet2:#b8a1ff;
  --pav-acid:#d7ff38;
  --pav-chrome:#eef2f7;
  --pav-cyan:#8cecff;
  --pav-grid:rgba(219,227,255,.10);
  --pav-panel:rgba(7,7,12,.80);
  --pav-edge:rgba(217,255,56,.26);
}
html{background:var(--pav-void)}
body.pavAward{
  background:
    radial-gradient(circle at 88% 7%,rgba(107,44,255,.18),transparent 28%),
    radial-gradient(circle at 8% 86%,rgba(215,255,56,.07),transparent 24%),
    radial-gradient(circle at 50% 110%,rgba(140,236,255,.08),transparent 32%),
    linear-gradient(150deg,#040406,#09080f 55%,#040405);
}
body.pavAward:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 42%,#000 12%,transparent 75%)}
body.pavAward .wrap{max-width:1280px}
body.pavAward .brand,
body.pavAward .hero h1,
body.pavAward .ptitle,
body.pavAward .exitMessage{
  background:linear-gradient(108deg,#fff 4%,#8e94a8 22%,#fff 40%,#8e6dff 56%,#d7ff38 76%,#eef2f7 93%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 34px rgba(107,44,255,.08);
}
body.pavAward .brand{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:850;letter-spacing:.18em}
body.pavAward .eyebrow,
body.pavAward .meta,
body.pavAward .emech,
body.pavAward .mechName{color:var(--pav-acid)}
body.pavAward .cta.primary,
body.pavAward .small.hot{color:var(--pav-acid);border-color:rgba(215,255,56,.42);box-shadow:inset 0 0 0 1px rgba(215,255,56,.06),0 0 28px rgba(107,44,255,.06)}
body.pavAward .cta.primary:hover,
body.pavAward .small.hot:hover{background:rgba(215,255,56,.06);border-color:rgba(215,255,56,.62)}

/* Explorer becomes a constellation rather than a catalogue */
body.pavAward .worldField{border-color:rgba(216,225,255,.12);background:radial-gradient(circle at 50% 52%,rgba(107,44,255,.13),transparent 28%),radial-gradient(circle at 50% 52%,transparent 0 29%,rgba(215,255,56,.05) 29.2% 29.5%,transparent 29.8%);box-shadow:inset 0 0 90px rgba(0,0,0,.52)}\nbody.pavAward .worldField:before{content:"";position:absolute;inset:6% 15%;width:auto;height:auto;left:auto;top:auto;transform:none;border:0;border-radius:34px;background:linear-gradient(rgba(5,5,8,.78),rgba(5,5,8,.92)),url("./explorer.webp") center 44%/cover no-repeat;opacity:.32;filter:saturate(1.12) contrast(1.08);mask-image:radial-gradient(ellipse at center,#000 12%,rgba(0,0,0,.72) 56%,transparent 80%);pointer-events:none}
body.pavAward .worldField:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--pav-chrome);text-shadow:0 0 24px var(--pav-violet2),0 0 60px rgba(107,44,255,.8);pointer-events:none}
body.pavAward .worldNode .nodeOrb{width:13px;height:13px;border:1px solid rgba(255,255,255,.7);background:radial-gradient(circle at 35% 30%,#fff 0 7%,var(--node) 17%,#08080e 66%);box-shadow:0 0 0 7px rgba(255,255,255,.018),0 0 34px color-mix(in srgb,var(--node) 65%,transparent)}
body.pavAward .exp{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(10,10,16,.9),rgba(8,8,12,.54));border-color:rgba(214,222,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body.pavAward .exp:before{content:"";position:absolute;inset:-70% -35%;background:conic-gradient(from 110deg,transparent 0 60%,rgba(107,44,255,.12),transparent 74%,rgba(215,255,56,.05),transparent 90%);opacity:0;transition:opacity .25s,transform .5s;transform:rotate(-8deg);pointer-events:none}
body.pavAward .exp:hover:before{opacity:1;transform:rotate(4deg)}
body.pavAward .exp:hover{border-color:rgba(215,255,56,.28);box-shadow:0 18px 50px rgba(0,0,0,.22)}
body.pavAward .glyph .gBall{background:radial-gradient(circle at 34% 29%,rgba(255,255,255,.9) 0 2%,rgba(140,236,255,.22) 8%,rgba(107,44,255,.25) 26%,rgba(7,7,12,.8) 66%);box-shadow:inset -14px -17px 26px rgba(0,0,0,.42),0 0 30px rgba(107,44,255,.18)}

/* Experiment stage: spectral focal object; mechanic stays authoritative */
body.pavAward .play{position:relative}
body.pavAward .play:before{content:"";position:absolute;width:min(82vw,680px);aspect-ratio:1;left:50%;top:52%;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 19%),linear-gradient(rgba(5,5,8,.72),rgba(5,5,8,.90)),url("./hold.webp") center/cover no-repeat;filter:blur(3px) saturate(1.15);opacity:.44;animation:pavDrift 12s ease-in-out infinite alternate;mask-image:radial-gradient(circle,#000 22%,rgba(0,0,0,.78) 56%,transparent 74%)}
@keyframes pavDrift{to{transform:translate(-50%,-50%) rotate(18deg) scale(1.055)}}
body.pavAward .engine{isolation:isolate}
body.pavAward .engine:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(107,44,255,.5),#fff,rgba(215,255,56,.5),transparent);opacity:.16;z-index:-1;box-shadow:0 0 16px rgba(107,44,255,.4)}

/* Upgrade existing cinematic intro without replacing its logic */
#pcsIntro{background:#030305!important}
#pcsIntro:before{inset:-8%!important;background:linear-gradient(rgba(3,3,5,.70),rgba(3,3,5,.86)),url("./intro.webp") center 44%/cover no-repeat,radial-gradient(circle at 50% 53%,rgba(107,44,255,.26),transparent 27%)!important;filter:blur(1px) saturate(1.15)!important;opacity:.82!important}
#pcsIntro:after{content:"";position:absolute;width:min(72vw,620px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(224,229,255,.17);background:radial-gradient(circle at 50% 50%,#030306 0 49%,rgba(76,40,161,.62) 51%,rgba(172,135,255,.22) 55%,rgba(215,255,56,.13) 59%,transparent 68%);box-shadow:inset 0 0 80px rgba(107,44,255,.18),0 0 80px rgba(107,44,255,.14);opacity:.56;pointer-events:none;transform:rotate(-8deg);animation:pavOrb 9s ease-in-out infinite alternate}
@keyframes pavOrb{to{transform:rotate(9deg) scale(1.035);filter:hue-rotate(12deg)}}
#pcsIntro .pcsFrame{z-index:2}
#pcsIntro .pcsLine{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;font-weight:720;letter-spacing:-.05em;text-transform:none}
#pcsIntro .pcsLine.dim{color:#a9a7b5}
#pcsIntro .pcsMe{background:radial-gradient(circle at 35% 29%,rgba(255,255,255,.12),rgba(107,44,255,.12) 35%,rgba(5,5,9,.62) 70%);border-color:rgba(220,225,255,.34)!important;box-shadow:inset 0 0 40px rgba(107,44,255,.12),0 0 54px rgba(107,44,255,.18)}
#pcsWho{color:var(--pav-acid)!important;text-shadow:0 0 20px rgba(215,255,56,.18)}
.pavSoundGate{position:absolute;inset:0;z-index:5;border:0;background:rgba(3,3,5,.28);backdrop-filter:blur(1px);color:#fff;display:grid;place-items:center;align-content:center;gap:13px;cursor:pointer;transition:opacity .38s ease,transform .38s ease}
.pavSoundGate span{font:850 clamp(52px,12vw,118px)/.82 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.065em;background:linear-gradient(110deg,#fff,#9298ad 23%,#fff 42%,#8b6cff 61%,#d7ff38 82%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 70px rgba(107,44,255,.08)}
.pavSoundGate small{font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.28em;text-transform:uppercase;color:var(--pav-acid)}
.pavSoundGate:after{content:"✦";font-size:22px;color:#fff;text-shadow:0 0 28px #7b42ff;margin-top:17px}
.pavSoundGate.leaving{opacity:0;transform:scale(1.02);pointer-events:none}

/* Result-screen eureka cut: graphic novel as punctuation, never doctrine */
.pavEureka{width:min(760px,100%);margin:24px auto 4px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:auto auto;gap:5px;perspective:1000px;animation:pavReveal .52s cubic-bezier(.16,.85,.25,1) both}
@keyframes pavReveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.pavPanel{position:relative;min-height:124px;overflow:hidden;border:1px solid rgba(221,227,255,.18);background:linear-gradient(145deg,rgba(11,10,18,.96),rgba(5,5,8,.94));text-align:left;padding:17px 18px;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.pavPanel:first-child{border-radius:21px 5px 5px 5px}.pavPanel:nth-child(2){border-radius:5px 21px 5px 5px}.pavPanel:last-child{grid-column:1/-1;border-radius:5px 5px 21px 21px;min-height:116px}
.pavPanel:before{content:"";position:absolute;inset:-55%;z-index:-2;background:conic-gradient(from 210deg,transparent 0 19%,rgba(107,44,255,.22) 29%,transparent 39% 69%,rgba(215,255,56,.08) 78%,transparent 86%);transform:rotate(var(--pav-r,-9deg))}
.pavPanel:after{content:"";position:absolute;width:105px;height:105px;right:10%;bottom:-46px;z-index:-1;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff 0 2%,rgba(140,236,255,.38) 7%,rgba(107,44,255,.44) 28%,#08070d 66%);box-shadow:0 0 46px rgba(107,44,255,.27)}
.pavPanel:nth-child(2):after{width:78px;height:78px;right:auto;left:12%;bottom:-24px}.pavPanel:last-child:after{width:150px;height:150px;right:4%;bottom:-76px;opacity:.62}
.pavKicker{display:block;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--pav-acid);margin-bottom:16px}.pavLine{font:680 clamp(18px,3.5vw,30px)/1.02 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.035em;max-width:86%;text-wrap:balance}.pavLine em{font-style:normal;color:var(--pav-acid)}
.pavFine{margin-top:10px;color:#9b9aaa;font-size:9px;line-height:1.45;letter-spacing:.06em;max-width:72%}
.pavEureka[data-mode="void"] .pavPanel:before{opacity:.36}.pavEureka[data-mode="void"] .pavPanel:after{filter:grayscale(.75);opacity:.48}.pavEureka[data-mode="void"] .pavLine{color:#c3c3ca}
.pavEureka[data-mode="algo"] .pavPanel:before{background:repeating-linear-gradient(104deg,transparent 0 13px,rgba(107,44,255,.12) 14px 15px,transparent 16px 29px)}
.pavEureka[data-mode="body"] .pavPanel:after{border-radius:48% 52% 42% 58%/45% 37% 63% 55%}
.pavEurekaTag{position:absolute;right:14px;top:-10px;z-index:3;background:var(--pav-acid);color:#07070a;border-radius:999px;padding:7px 10px;font-size:7px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transform:rotate(2deg);box-shadow:0 9px 28px rgba(0,0,0,.34)}

/* Make result feel like a cut, not a form */
body.pavAward #result.on{max-width:880px;margin-inline:auto}
body.pavAward .outcomes{gap:6px}
body.pavAward .out{background:rgba(7,7,11,.72);border-color:rgba(218,225,255,.13)}
body.pavAward .out:hover,body.pavAward .out.sel{border-color:rgba(215,255,56,.32);background:rgba(215,255,56,.035)}

@media(max-width:700px){
  body.pavAward .hero h1{font-size:clamp(52px,17vw,86px)}
  .pavEureka{grid-template-columns:1fr 1fr;gap:4px;margin-top:19px}.pavPanel{min-height:112px;padding:14px}.pavPanel:last-child{min-height:100px}.pavLine{font-size:clamp(17px,5.7vw,24px)}.pavFine{max-width:78%;font-size:8px}
  #pcsIntro:after{width:94vw;opacity:.48}.pavSoundGate span{font-size:clamp(58px,21vw,92px)}
}
@media(prefers-reduced-motion:reduce){#pcsIntro:after,body.pavAward .play:before{animation:none!important}.pavEureka{animation:none}.pavSoundGate{transition:none}}
\n/* Generated PRANAV creative fragments — used selectively, never as full-screen mockups */\n.pavEureka[data-mode="signal"] .pavPanel:first-of-type{background-image:linear-gradient(100deg,rgba(7,7,12,.90),rgba(7,7,12,.58)),url("./comic.webp");background-size:cover;background-position:center 28%}\n.pavEureka[data-mode="void"] .pavPanel:last-of-type{background-image:linear-gradient(100deg,rgba(7,7,12,.88),rgba(7,7,12,.64)),url("./nothing.webp");background-size:cover;background-position:center 52%}\n