/* Reuse the original game logo's lettering, colors and clipped glitch layers. */
.website-logo{position:relative;display:inline-block;font-family:cursive;font-weight:400;color:#ddd;text-transform:uppercase;letter-spacing:4px;line-height:1.35;text-shadow:none;word-break:normal}
.website-logo::before,.website-logo::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.website-logo::before{color:#8b0000;animation:websiteGlitch1 2s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}
.website-logo::after{color:#00ffff;animation:websiteGlitch2 3s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}
@keyframes websiteGlitch1{0%,90%,100%{transform:translate(-2px,0)}92%{transform:translate(5px,-2px)}94%{transform:translate(-5px,2px)}}
@keyframes websiteGlitch2{0%,90%,100%{transform:translate(2px,0)}91%{transform:translate(-5px,2px)}93%{transform:translate(5px,-2px)}}
.brand.website-logo,.nav-logo.website-logo{font-family:cursive;font-size:1.05rem;line-height:1.25;letter-spacing:1.5px;width:12rem;color:#ddd;text-shadow:none}
/* Keep small wordmarks on one line so all three color bands cross the letters. */
#siteNav>.website-logo,.site-footer>.website-logo{font-family:'Creepster',cursive;font-size:1.1rem;width:auto;white-space:nowrap}
h1.website-logo{font-size:clamp(2.5rem,5vw,5.3rem);width:min(100%,8em);letter-spacing:4px;line-height:1.35}
@media(max-width:680px){.brand.website-logo,.nav-logo.website-logo{font-size:.9rem;width:10.5rem}#siteNav>.website-logo,.site-footer>.website-logo{font-size:.85rem;letter-spacing:.6px;width:auto}h1.website-logo{font-size:clamp(2.1rem,8.8vw,3.7rem);letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.website-logo::before,.website-logo::after{animation:none}}