/* pdew.css v2 · PDE WORLD teaser + real PDE chain header (Oct 19 2026, 1 AM). Websites by Ki. */
.pdew{--slime:#39ff14;--ice1:#ffffff;--ice2:#b9c3cf;overflow-x:clip}
.pdew-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---- #/pde header ---- */
.pde-h.pdew-pdeh{padding:0 0 18px}
.pdew-bal{text-wrap:balance;text-align:center;margin-left:auto;margin-right:auto;max-width:30ch}
.pdew-enter{background:linear-gradient(180deg,#5bff3a,#26d900)!important;font-size:24px!important;letter-spacing:2px!important;box-shadow:0 0 0 2px rgba(255,255,255,.2) inset,0 0 26px rgba(57,255,20,.55)!important}
.pdew-era-l{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;color:#b6ff8a;font-size:15px;text-decoration:none}
/* ---- sections ---- */
.pdew-sec{margin-top:34px}
.pdew-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 14px;font:400 30px/1 var(--ui);letter-spacing:1px;color:#fff}
.pdew-h::before{content:"";width:6px;height:24px;background:#39ff14;box-shadow:0 0 12px #39ff14;border-radius:3px;align-self:center}
.pdew-h a{font:15px var(--ui);color:#7cff3a;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pdew-ros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:720px){.pdew-ros{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(min-width:1100px){.pdew-ros{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pdew-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#121a10,#060906);box-shadow:0 0 0 1px rgba(57,255,20,.28),0 12px 24px rgba(0,0,0,.6);animation:pdewIn .5s ease-out both;animation-delay:var(--d)}
@keyframes pdewIn{from{opacity:0;transform:translateY(14px)}}
.pdew-ph{position:relative;aspect-ratio:4/5;background:#0b0f0a}
.pdew-ph img{display:block;width:100%;height:100%;object-fit:cover}
.pdew-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75))}
.pdew-cb{display:flex;flex-direction:column;flex:1;padding:10px 10px 12px}
.pdew-cb h3{margin:0;font:400 23px/1.05 var(--ui);letter-spacing:1px;color:#fff;overflow-wrap:anywhere}
.pdew-lk{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.pdew-era{text-align:center;margin:26px 0 0}
.pdew-era a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:#b6ff8a;font-size:15px;text-decoration:none;border-bottom:1px dashed rgba(182,255,138,.5)}

/* ---- black velvet on PDE routes; Halloween fog + bats hidden there (they rendered as dark boxes) ---- */
html.pdew-on .hal-fx{display:none!important}
html.pdew-on body{background:#030303 radial-gradient(120% 70% at 50% 0%,#140608 0%,#070304 45%,#020202 100%) fixed}
/* ---- the real chain in a jewelry case ---- */
.pdew-case{position:relative;width:min(300px,76vw);margin:6px auto 0;padding:18px 0 8px;pointer-events:none}
.pdew-case::before{content:"";position:absolute;inset:-10px -16%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,240,.16),rgba(255,240,230,.05) 55%,transparent 75%);z-index:0}
.pdew-case::after{content:"";position:absolute;inset:0 -12%;background:radial-gradient(circle,rgba(255,255,255,.7) 0 .7px,transparent 1.3px) 0 0/37px 41px,radial-gradient(circle,rgba(255,255,255,.45) 0 .6px,transparent 1.2px) 17px 23px/53px 47px;opacity:.35;-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent);z-index:0}
.pdew-spot{position:absolute;left:50%;top:-30px;width:70%;height:115%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,252,245,.10),transparent 80%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);filter:blur(10px);z-index:0}
.pdew-sway{position:relative;z-index:1;display:block;width:68%;margin:0 auto;transform-origin:50% 0;animation:pdewSway 6s ease-in-out infinite}
@keyframes pdewSway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
.pdew-real{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(255,255,255,.28)) drop-shadow(0 0 26px rgba(200,220,255,.22))}
.pdew-gl{position:absolute;width:20px;height:20px;margin:-10px;opacity:0;animation:pdewGlint 4s ease-in-out infinite}
.pdew-gl::before,.pdew-gl::after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff,0 0 14px #dfeaff;transform:translate(-50%,-50%)}
.pdew-gl::before{width:2px;height:100%}.pdew-gl::after{width:100%;height:2px}
.pdew-gl.g1{left:30%;top:72%}.pdew-gl.g2{left:66%;top:66%;animation-delay:1s}.pdew-gl.g3{left:24%;top:22%;animation-delay:2s}.pdew-gl.g4{left:70%;top:90%;animation-delay:3s}
@keyframes pdewGlint{0%,70%,100%{opacity:0;transform:scale(.2) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}90%{opacity:.4;transform:scale(.6) rotate(90deg)}}
/* ---- the official logo panel (file shown as-is, glow behind) ---- */
.pdew-lp{position:relative;max-width:420px;margin:14px auto 0;padding:18px 16px 16px;border-radius:20px;background:radial-gradient(ellipse at 50% 35%,rgba(214,0,0,.16),transparent 65%),linear-gradient(180deg,#0d0d0f,#050506);box-shadow:0 0 0 1px rgba(255,255,255,.07),0 18px 36px rgba(0,0,0,.7);text-align:center}
.pdew-logo{display:block;width:min(240px,62vw);height:auto;margin:0 auto;filter:drop-shadow(0 0 18px rgba(214,0,0,.45)) drop-shadow(0 0 2px rgba(255,255,255,.35))}
.pdew-w{margin:10px 0 0;font:400 34px/1 'Creepster',var(--ui);letter-spacing:8px;padding-left:8px;color:#39ff14;text-shadow:0 0 10px rgba(57,255,20,.75)}
.pdew-k2{margin:8px 0 0;font:13px/1.3 var(--ui);letter-spacing:2.5px;color:#c9c9c9;text-transform:uppercase}
.pdew-hero{text-align:center;padding:4px 0 6px;position:relative}
.pdew-go{display:flex;align-items:center;justify-content:center;gap:8px;max-width:420px;min-height:56px;margin:18px auto 0;padding:10px 18px;border-radius:999px;background:linear-gradient(180deg,#5bff3a,#26d900);color:#031003;font:400 22px/1.1 var(--ui);letter-spacing:1.5px;text-decoration:none;text-align:center;box-shadow:0 0 0 2px rgba(255,255,255,.2) inset,0 0 24px rgba(57,255,20,.45)}
.pdew-full{margin:6px 0 0;text-align:center;font-size:13px;color:#a9c79d}
/* ---- nav: real logo ---- */
.pdew-nav{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
.pdew-nl{width:24px;height:auto;flex:0 0 24px;filter:drop-shadow(0 0 4px rgba(214,0,0,.5))}
/* ---- roster icons ---- */
.pdew-lk{flex-direction:row!important;flex-wrap:wrap;gap:8px!important;margin-top:10px!important}
.pdew-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(57,255,20,.45);color:#fff;text-decoration:none}
.pdew-ico svg{width:20px;height:20px;fill:currentColor}
.pdew-ico:active,.pdew-ico:hover{background:rgba(57,255,20,.22)}
.pdew-ini{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font:400 64px/1 var(--ui);letter-spacing:2px;color:#39ff14;text-shadow:0 0 18px rgba(57,255,20,.5);background:radial-gradient(circle at 50% 40%,#16220f,#060806)}
.pdew-cr{margin:12px 0 0;text-align:center;font-size:12px;line-height:1.4;color:#8a8a8a}
.pdew-cr a{color:#a8a8a8;display:inline-flex;align-items:center;min-height:44px}
@media (prefers-reduced-motion:reduce){.pdew-sway,.pdew-card{animation:none!important}.pdew-gl{display:none}}