/* paw cursor */
html,body{cursor:url(../img/paw.png) 16 4,auto}
a,button,.btn,summary,[role=button],.roger-peek{cursor:url(../img/paw-o.png) 16 4,pointer}
/* neon logo hum */
.logo img,footer img,img.mark-neon{animation:neonhum 3.2s ease-in-out infinite!important;filter:drop-shadow(0 0 4px rgba(255,140,40,.95)) drop-shadow(0 0 12px rgba(255,106,0,.8)) drop-shadow(0 0 28px rgba(255,80,0,.5))}
@keyframes neonhum{0%,100%{filter:drop-shadow(0 0 4px rgba(255,140,40,.9)) drop-shadow(0 0 10px rgba(255,106,0,.7)) drop-shadow(0 0 22px rgba(255,80,0,.4))}50%{filter:drop-shadow(0 0 5px rgba(255,160,60,1)) drop-shadow(0 0 16px rgba(255,106,0,.9)) drop-shadow(0 0 34px rgba(255,80,0,.6))}}
/* VHS overlay */
.vhs{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:5;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}
.scan{position:fixed;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 3px);opacity:.14}
@keyframes grain{0%{transform:translate(0,0)}17%{transform:translate(-5%,3%)}33%{transform:translate(4%,-6%)}50%{transform:translate(-7%,-2%)}67%{transform:translate(6%,5%)}83%{transform:translate(-3%,7%)}100%{transform:translate(0,0)}}
/* buzzing neon hover */
.btn,.nav a,.pages a,.links a,.cam,.back{transition:box-shadow .15s,filter .15s}
.btn:hover,.nav a:hover,.pages a:hover,.links a:hover,.cam:hover,.back:hover{animation:buzz .25s linear 1;filter:brightness(1.12) drop-shadow(0 0 8px rgba(255,106,0,.9)) drop-shadow(0 0 18px rgba(255,106,0,.5))}
@keyframes buzz{0%{translate:0 0}20%{translate:-1.5px 1px}40%{translate:1.5px -1px}60%{translate:-1px -1px}80%{translate:1px 1px}100%{translate:0 0}}
/* roger peek */
.roger-peek{position:fixed;right:4vw;bottom:0;width:clamp(70px,9vw,120px);z-index:20;transform:translateY(110%);transition:transform .6s cubic-bezier(.3,1.4,.5,1);border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}
.roger-peek img{width:100%;display:block;filter:drop-shadow(0 0 10px rgba(255,106,0,.5))}
.roger-peek.side{right:0;bottom:30vh;transform:translateX(110%) rotate(-90deg);transform-origin:bottom right}
.roger-peek.on{transform:translateY(18%)}.roger-peek.side.on{transform:translateX(18%) rotate(-90deg)}
.roger-bub{position:absolute;bottom:100%;right:30%;margin-bottom:6px;background:#f4f1ea;color:#0b0b0b;font:800 .9rem 'Exo 2',sans-serif;padding:.5rem .7rem;border:2px solid #0b0b0b;box-shadow:3px 3px 0 #ff6a00;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.roger-peek.side .roger-bub{transform:rotate(90deg);transform-origin:bottom right}
.roger-bub.show{opacity:1}
@media(max-width:600px){.roger-peek{width:64px}}@media(min-width:768px){.roger-peek{width:clamp(105px,13.5vw,180px)}}
@media(prefers-reduced-motion:reduce){.vhs{animation:none}.logo img,footer img{animation:none!important}.btn:hover,.nav a:hover,.pages a:hover,.links a:hover,.cam:hover,.back:hover{animation:none}.roger-peek{display:none}}