body[data-server=minecraft] .page-hero,body[data-server=hogwart] .page-hero{overflow:hidden}
.minecraft-living-world{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
body[data-server=minecraft] .page-hero>:not(.minecraft-living-world){position:relative;z-index:1}
.hogwart-students{position:absolute;inset:0;overflow:hidden;z-index:2;pointer-events:none}
.walking-student{position:absolute;bottom:var(--lane);left:0;height:var(--height);width:32px;animation:student-crossing var(--journey) linear var(--delay) infinite;animation-direction:var(--direction);opacity:.78;filter:drop-shadow(0 2px 3px #0008)}
.student-body{position:relative;width:100%;height:100%;animation:student-bob 1.5s ease-in-out infinite}
.student-head{position:absolute;width:11px;height:14px;left:11px;top:0;border-radius:45% 45% 40% 40%;background:linear-gradient(#211b19 0 35%,#8b7764 36% 100%);box-shadow:inset -3px 0 #0005}
.student-robe{position:absolute;left:4px;right:2px;top:13px;bottom:10px;background:linear-gradient(90deg,#17191f,#2b2b33 45%,#12151b);clip-path:polygon(25% 0,75% 0,90% 40%,100% 100%,0 100%,13% 42%);transform-origin:50% 0;animation:student-robe-sway 1.5s ease-in-out infinite alternate}
.student-scarf{position:absolute;left:15px;top:15px;width:4px;height:22px;background:repeating-linear-gradient(var(--scarf) 0 6px,#b5a378 6px 8px);opacity:.8;transform:rotate(-5deg)}
.student-leg{position:absolute;bottom:0;width:5px;height:22px;background:#15161b;border-radius:1px 1px 2px 2px;transform-origin:50% 0;animation:student-step 1.5s ease-in-out infinite alternate}.leg-left{left:9px}.leg-right{left:19px;animation-delay:-1.5s}
.student-arm{position:absolute;top:18px;width:5px;height:30px;border-radius:4px;background:#1a1c23;transform-origin:50% 0;animation:student-step 1.5s ease-in-out infinite alternate}.arm-left{left:4px;animation-delay:-1.5s}.arm-right{right:2px}
.student-shadow{position:absolute;bottom:-3px;left:-9px;width:52px;height:7px;border-radius:50%;background:#0006;filter:blur(2px)}
@keyframes student-crossing{from{left:-7%;transform:scaleX(1)}to{left:107%;transform:scaleX(1)}}
@keyframes student-step{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}
@keyframes student-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes student-robe-sway{from{transform:skewX(-3deg)}to{transform:skewX(3deg)}}
body[data-animations=off] .hogwart-students *{animation-play-state:paused!important}
@media(max-width:600px){.walking-student{scale:.75;transform-origin:bottom}.walking-student:nth-child(n+3){display:none}}
body[data-server=minecraft] .page-hero>.minecraft-clouds{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.minecraft-clouds i{position:absolute;width:150px;height:15px;background:#e8faff24;top:9%;left:4%;box-shadow:25px -9px #e8faff20,60px 9px #e8faff17;animation:minecraft-cloud-drift 70s linear infinite alternate}
.minecraft-clouds i:nth-child(2){left:65%;top:15%;scale:.7;animation-delay:-25s;animation-duration:85s}.minecraft-clouds i:nth-child(3){left:36%;top:4%;scale:1.2;animation-delay:-40s}
@keyframes minecraft-cloud-drift{from{transform:translateX(-80px)}to{transform:translateX(160px)}}
.hogwart-living-world{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
body[data-server=hogwart] .page-hero>:not(.hogwart-living-world){position:relative;z-index:1}