/* ===== Round 3 games (KV-503) ===== */
/* 11: Whack-a-Monster = the real EA Monster face from the album cover */
.wk-pop img.wk-m,.wk-pop img.wk-d{width:100%;height:100%;object-fit:contain;object-position:50% 100%;display:block;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}
.wk-r img.wk-m,.wk-r img.wk-d{flex:none;object-fit:contain;height:auto;width:44px}
.wk-h.dia .wk-pop img.wk-m,.wk-pop img.wk-d{display:none}

/* 23 (Ki 12:28 AM: "Red n black like sign"): Dr. Ev4l = the sign. Deep circus red, black hazard stripes like the sign's top band, weathered paint, cream accents, black edges */
html[data-era="dr-ev4l"] body{background:#0a0a0a!important}
.world.era-dr-ev4l{background:linear-gradient(90deg,#000 0,rgba(0,0,0,.5) 2%,transparent 6%,transparent 94%,rgba(0,0,0,.5) 98%,#000 100%),transparent!important;background-color:transparent!important;border-image:none}
.world.era-dr-ev4l::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 1.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.6 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;background-size:520px 520px,260px 260px!important;opacity:.3!important;mix-blend-mode:normal!important}
.world.era-dr-ev4l .w-hero{padding-top:16px}
.world.era-dr-ev4l .w-sec h3,.world.era-dr-ev4l .w-sec h3.dfont{color:#f3e6cf!important;background:#0a0a0a!important;display:inline-block;padding:6px 16px!important;border:2px solid #f3e6cf;border-radius:6px!important;text-shadow:2px 2px 0 #b8121c!important;letter-spacing:1px}
.world.era-dr-ev4l .facts>*,.world.era-dr-ev4l .facts li,.world.era-dr-ev4l .tracks>button,.world.era-dr-ev4l .tracks span,.world.era-dr-ev4l .wgame,.world.era-dr-ev4l .vids>*,.world.era-dr-ev4l .w-quote{background:#0b0b0b!important;border:2px solid #000!important;box-shadow:0 0 0 1px rgba(243,230,207,.28),0 6px 14px rgba(0,0,0,.45)!important;color:#f3e6cf!important}
.world.era-dr-ev4l .facts b,.world.era-dr-ev4l .wgame b,.world.era-dr-ev4l .tracks b{color:#f3e6cf!important}
.world.era-dr-ev4l .facts small,.world.era-dr-ev4l .wgame small,.world.era-dr-ev4l .vhint{color:#e6a3a3!important}
.world.era-dr-ev4l .chip{background:#0a0a0a!important;color:#f3e6cf!important;border:1px solid #f3e6cf!important}
/* the music room while you're in the Dr. Ev4l world: same sign colors */
html[data-era="dr-ev4l"] .mban{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 1.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E") 0 0/520px 520px,radial-gradient(120% 90% at 50% 0,#b3121b 0,#6e0910 55%,#0a0a0a 100%)!important;border-bottom:3px solid #000!important}
html[data-era="dr-ev4l"] .mban h1{text-shadow:0 0 18px rgba(184,18,28,.6),0 4px 0 #000!important}
html[data-era="dr-ev4l"] .mban h1 em{color:#f3e6cf!important}
html[data-era="dr-ev4l"] .msearch{border-color:#b8121c!important;background:linear-gradient(180deg,#1a0204,#050505)!important;box-shadow:0 0 26px rgba(184,18,28,.3)!important}
html[data-era="dr-ev4l"] .bar{background:#0a0a0a!important;border-bottom:2px solid #b8121c!important}
.wk-r.no{border-color:#d4111b!important;background:linear-gradient(180deg,#1a0204,#0a0a0a)!important}.wk-r.no small{color:#ff8a8a!important}
/* moving slime on world titles (Ki 12:50 AM: "once you enter the world, I want the slime to continue to move") */
.kvdw{position:relative;display:block;width:min(100%,520px);margin:0 auto;line-height:0}
.kvdw>img.tart-img{width:100%!important;max-height:none!important}
.kvdrop{position:absolute;width:var(--w);min-width:5px;aspect-ratio:1/1.3;background:var(--c);border-radius:50% 50% 50% 50%/38% 38% 62% 62%;pointer-events:none;transform-origin:50% 0;animation:kvdrip 3.4s cubic-bezier(.5,0,.8,.4) infinite;opacity:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
@keyframes kvdrip{0%{transform:translate(-50%,-70%) scale(.4,.3);opacity:0}10%{opacity:1}45%{transform:translate(-50%,-45%) scale(.85,1.3);opacity:1}58%{transform:translate(-50%,-15%) scale(.7,1.6)}66%{transform:translate(-50%,30%) scale(.95,1.05);opacity:1}100%{transform:translate(-50%,520%) scale(.8,1.15);opacity:0}}
.kvdw>img.tart-img{animation:kvooze 4.5s ease-in-out infinite;transform-origin:50% 0}
@keyframes kvooze{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.015)}}
@media (prefers-reduced-motion:reduce){.kvdrop,.kvdw>img.tart-img{animation:none!important}.kvdrop{display:none}}
/* Ki 12:52 AM: rays like the sun. 18 equal rays from the middle of the screen, fixed to the viewport */
html[data-era="dr-ev4l"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 55%,rgba(0,0,0,.35) 100%),repeating-conic-gradient(from 0deg at 50% 40%,#c4121c 0deg 10deg,#080808 10deg 20deg)}
.world.era-dr-ev4l .w-sec h3,.world.era-dr-ev4l .dfont,.world.era-dr-ev4l .wgame b{font-family:Anton,Impact,sans-serif!important;letter-spacing:1.5px;text-transform:uppercase;font-weight:400!important}
