/* v33 Arcade look only: pixel sparkles (no blur, hard edges, stepped timing) */
html[data-apfx=arcade]{--apfx-rip:#3ef0ff;--apfx-halo:rgba(255,79,216,.45);--apfx-sweep:rgba(62,240,255,.55);--apfx-blend:screen;--apfx-glow:#ff4fd8;--apfx-sheen:rgba(62,240,255,.16)}
html[data-apfx=arcade] .apfx-sky i{--o:1;border-radius:0;image-rendering:pixelated;animation-name:apfxPix;animation-timing-function:steps(4,end)}
html[data-apfx=arcade] .apfx-sky i.b{width:var(--s);height:var(--s);box-shadow:var(--s) 0 0 0 var(--c),calc(var(--s)*-1) 0 0 0 var(--c),0 var(--s) 0 0 var(--c),0 calc(var(--s)*-1) 0 0 var(--c)}
@keyframes apfxPix{0%,100%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}60%{opacity:.4;transform:scale(.75)}}
html[data-apfx=arcade] .apfx-fx i{border-radius:0;border-width:3px;background:none;animation-timing-function:steps(5,end)}
html[data-apfx=arcade] .apfx-halo{border-radius:0;animation-timing-function:steps(6,end)}
html[data-apfx=arcade] .apfx-hs{border-radius:0}
html[data-apfx=arcade] .apfx-hs i{transform:translateX(-120%);animation-timing-function:steps(10,end)}
html[data-apfx=arcade] .apfx-glow{border-radius:0;animation-timing-function:steps(6,end)}
html[data-apfx=arcade] .pin i::after{border-radius:0;animation-timing-function:steps(4,end)}

/* v33b logo: pixel twinkle — stepped square rays and blinking 3px pixels in cyan / pink / gold */
html[data-apfx=arcade] .top .brand{--lg-ray:rgba(62,240,255,.5);--lg-bloom:rgba(255,79,216,.8);--lg-shim:rgba(255,255,255,.95);--lg-spark:#fff6c9;--lg-glint:#3ef0ff}
html[data-apfx=arcade] .apfx-lr i{border-radius:0;background:repeating-conic-gradient(from 0deg,var(--lg-ray) 0deg 8deg,transparent 8deg 45deg);animation:apfxLgRay 6s steps(6,end) infinite}
html[data-apfx=arcade] .apfx-lr b{border-radius:0;animation-timing-function:steps(8,end)}
html[data-apfx=arcade] .apfx-lgsh::before{animation-timing-function:steps(8,end)}
html[data-apfx=arcade] .apfx-lgsp{animation-timing-function:steps(4,end);image-rendering:pixelated}
html[data-apfx=arcade] .apfx-lgsp::after{border-radius:0;inset:5.5px;background:var(--lg-spark)}
html[data-apfx=arcade] .apfx-lgg i{width:3px;height:3px;margin:-1.5px;border-radius:0;box-shadow:0 0 0 1px rgba(62,240,255,.25);animation:apfxLgPix 3.2s steps(2,end) infinite}
html[data-apfx=arcade] .apfx-lgg i:nth-child(2n){background:#ff4fd8;animation-duration:2.6s}
html[data-apfx=arcade] .apfx-lgg i:nth-child(3n){background:#ffd23f;animation-duration:3.8s}
@keyframes apfxLgPix{0%,30%,100%{opacity:0}40%,60%{opacity:1}70%{opacity:.4}}