/* Home destination scenes. Reuses original DroidPirate art; all effects are local CSS. */
#categorySlider .category-card{--ink:#101625;--card-accent:#8bd8f3;--card-accent-2:#8c72dc;isolation:isolate;border-radius:22px!important;border:1px solid color-mix(in srgb,var(--card-accent) 42%,#18202b)!important;background:linear-gradient(135deg,var(--ink),#080f18)!important;padding:19px!important;transform:none!important;transition:border-color .25s,box-shadow .25s!important;box-shadow:inset 0 1px #ffffff12,0 8px 24px #0003!important}
#categorySlider .category-card:before,#categorySlider .category-card:after,#categorySlider .help-card-mascot{display:none!important}
#categorySlider .category-card[data-category=mods]{--card-accent:#ff9291;--card-accent-2:#edb867;--ink:#35202a}
#categorySlider .category-card[data-category=theme-guides]{--card-accent:#a3e8da;--card-accent-2:#ebbd7c;--ink:#153d42}
#categorySlider .category-card[data-category=icons]{--card-accent:#c7a5ff;--card-accent-2:#fb94d7;--ink:#292045}
#categorySlider .category-card[data-category=docks]{--card-accent:#8bdfff;--card-accent-2:#5791ef;--ink:#173747}
#categorySlider .category-card[data-category=wallpapers]{--card-accent:#8cebd3;--card-accent-2:#f4d58b;--ink:#183d39}
#categorySlider .category-card[data-category=themes]{--card-accent:#ffb0dc;--card-accent-2:#a499ff;--ink:#422343}
#categorySlider .category-card[data-category=tweaks]{--card-accent:#ffd28a;--card-accent-2:#f28b5c;--ink:#423222}
#categorySlider .category-card[data-category=apps]{--card-accent:#c4ef87;--card-accent-2:#85ddf1;--ink:#263c26}
#categorySlider .category-card[data-category=help]{--card-accent:#83e5f1;--card-accent-2:#92a5ff;--ink:#163846}
#categorySlider .dp-card-scene{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 85% 25%,color-mix(in srgb,var(--card-accent) 26%,transparent),transparent 65%),linear-gradient(160deg,transparent 55%,color-mix(in srgb,var(--card-accent-2) 20%,transparent))}
#categorySlider .dp-scene-mascot{position:absolute;width:64%;height:103%;object-fit:contain;right:-3%;bottom:-8%;opacity:.72;filter:drop-shadow(0 5px 8px #0008);transform-origin:65% 80%;transition:opacity .35s,transform .6s cubic-bezier(.2,.7,.3,1);max-width:none}
#categorySlider [data-category=mods] .dp-scene-mascot{width:100%;height:100%;object-fit:cover;right:0;bottom:0;object-position:75% center;opacity:.6}
#categorySlider [data-category=tweaks] .dp-scene-mascot{width:59%;height:93%;bottom:-7%}
#categorySlider .dp-scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 96%,#02090f) 0%,color-mix(in srgb,var(--ink) 83%,transparent) 33%,transparent 85%),linear-gradient(0deg,#050b16c9,transparent 65%)}
#categorySlider .cat-icon{width:39px!important;height:39px!important;flex:0 0 39px!important;margin-bottom:12px!important;border-radius:12px!important;color:var(--card-accent)!important;background:color-mix(in srgb,var(--ink) 84%,#000)!important;border-color:color-mix(in srgb,var(--card-accent) 55%,transparent)!important;box-shadow:inset 0 1px #ffffff20!important;font-size:23px}
#categorySlider .category-card strong{font-size:13px!important;line-height:1.18!important;color:#fff6e8!important;letter-spacing:.025em;text-shadow:0 2px 5px #000a}
#categorySlider .category-card small{font-size:11px!important;color:#d8e2e5!important;max-width:72%!important;min-height:31px!important;text-shadow:0 1px 4px #000}
#categorySlider .category-card .sectionCount{font-size:8px!important;color:var(--card-accent)!important;background:#071019c9!important;border-color:color-mix(in srgb,var(--card-accent) 35%,transparent)!important;max-width:100%;white-space:normal}
#categorySlider .dp-scene-orbit{position:absolute;width:135px;height:135px;border:1px solid color-mix(in srgb,var(--card-accent) 24%,transparent);border-radius:50%;right:-18px;top:-27px;box-shadow:0 0 0 14px #ffffff03,0 0 0 28px #ffffff03}
#categorySlider .dp-scene-shine{position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 40%,#fff2 49%,transparent 58%);transform:translateX(-80%) rotate(-12deg);opacity:0}
#categorySlider .dp-scene-fx{position:absolute;inset:0;color:var(--card-accent);opacity:.55}
#categorySlider .dp-scene-fx i{position:absolute;display:block;right:15%;top:24%;width:8px;height:8px;background:currentColor;border-radius:2px;opacity:.7;animation-delay:calc(var(--n)*-.35s)!important}
#categorySlider .dp-scene-fx i:nth-child(1){--n:0}
#categorySlider .dp-scene-fx i:nth-child(2){--n:1;right:7%;top:55%;color:var(--card-accent-2)}
#categorySlider .dp-scene-fx i:nth-child(3){--n:2;right:32%;top:13%}
#categorySlider .dp-scene-fx i:nth-child(4){--n:3;right:45%;top:72%;color:var(--card-accent-2)}
/* News: broadcast scan lines. */
#categorySlider [data-category=mods] .dp-scene-fx i{width:40%;height:1px;right:0;box-shadow:0 0 9px currentColor}
/* Guides: brush-like swatches sweep across the painter's scene. */
#categorySlider [data-category=theme-guides] .dp-scene-fx i{width:47px;height:5px;border-radius:70% 20%;transform:rotate(-25deg)}
/* Icon packs: app tiles lift into a little constellation. */
#categorySlider [data-category=icons] .dp-scene-fx i{width:16px;height:16px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 20%,transparent);border-radius:5px;box-shadow:inset 0 0 0 3px #ffffff09}
/* Docks: illuminated harbour ripples. */
#categorySlider [data-category=docks] .dp-scene-fx i{top:auto;bottom:calc(12px + var(--n)*9px);right:-10%;width:78%;height:14px;border-radius:50%;border-top:1px solid currentColor;background:transparent}
/* Wallpapers: drifting sun and landscape glints. */
#categorySlider [data-category=wallpapers] .dp-scene-fx i{border-radius:50%;box-shadow:0 0 14px currentColor}
#categorySlider [data-category=wallpapers] .dp-scene-fx i:first-child{width:23px;height:23px;top:13%;right:7%;color:#ffdf9d}
/* Theme apps: four shifting colour lenses. */
#categorySlider [data-category=themes] .dp-scene-fx i{width:29px;height:29px;border-radius:50%;background:conic-gradient(#ffa9df99,#a292ff88,#8cebd388,#ffa9df99);border:1px solid #ffffff30}
/* Mods: rotating mechanical rings over a circuit blueprint. */
#categorySlider [data-category=tweaks] .dp-scene-orbit{border-style:dashed;border-width:3px;box-shadow:inset 0 0 0 9px #ffffff06,0 0 0 6px #ffffff06}
#categorySlider [data-category=tweaks] .dp-scene-fx i{background:transparent;border:2px dotted currentColor;border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 5px #ffffff0b}
/* Apps: data launches upward. Help: soft radio beacon rings. */
#categorySlider [data-category=apps] .dp-scene-fx i{width:5px;height:18px;border-radius:6px;background:linear-gradient(transparent,currentColor);box-shadow:0 4px 9px currentColor}
#categorySlider [data-category=help] .dp-scene-fx i{right:9%;top:23%;width:40px;height:40px;background:transparent;border:1px solid currentColor;border-radius:50%}
#categorySlider .category-card:is(:hover,:focus-visible,:active){border-color:var(--card-accent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 30%,transparent),0 8px 26px #0005,0 0 23px color-mix(in srgb,var(--card-accent) 14%,transparent)!important}
#categorySlider .category-card:focus-visible{outline:3px solid var(--card-accent);outline-offset:2px}
#categorySlider .category-card:is(:hover,:focus-visible) .dp-scene-mascot{opacity:.96;transform:translate(-3px,-3px) rotate(-2deg) scale(1.035)}
#categorySlider .category-card:is(:hover,:focus-visible) .dp-scene-shine{animation:dp-card-shine 1.3s ease-out both}
#categorySlider .category-card:is(:hover,:focus-visible) .dp-scene-fx i{animation:dp-card-spark 2s ease-in-out infinite}
#categorySlider [data-category=mods]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-scan}
#categorySlider [data-category=theme-guides]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-brush}
#categorySlider [data-category=icons]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-tile}
#categorySlider [data-category=docks]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-wave;animation-duration:2.8s}
#categorySlider [data-category=themes]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-lens;animation-duration:3s}
#categorySlider [data-category=tweaks]:is(:hover,:focus-visible) .dp-scene-fx i,#categorySlider [data-category=tweaks]:is(:hover,:focus-visible) .dp-scene-orbit{animation:dp-card-gear 6s linear infinite}
#categorySlider [data-category=apps]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-launch}
#categorySlider [data-category=help]:is(:hover,:focus-visible) .dp-scene-fx i{animation-name:dp-card-beacon;animation-duration:2.5s}
@keyframes dp-card-shine{0%{opacity:0;transform:translateX(-80%) rotate(-12deg)}30%{opacity:.6}100%{opacity:0;transform:translateX(80%) rotate(-12deg)}}
@keyframes dp-card-spark{50%{opacity:1;transform:translateY(-7px) scale(1.2)}}
@keyframes dp-card-scan{0%{opacity:0;transform:translateY(-25px)}35%{opacity:.8}100%{opacity:0;transform:translateY(65px)}}
@keyframes dp-card-brush{0%,100%{opacity:.25;transform:translateX(15px) rotate(-25deg) scaleX(.4)}50%{opacity:.8;transform:translateX(-10px) rotate(-25deg) scaleX(1.3)}}
@keyframes dp-card-tile{50%{transform:translate(-5px,-10px) rotate(12deg);opacity:1}}
@keyframes dp-card-wave{50%{transform:translateX(-22px) scaleX(1.14);opacity:.9}}
@keyframes dp-card-lens{50%{transform:rotate(180deg) scale(1.3);opacity:.9}100%{transform:rotate(360deg)}}
@keyframes dp-card-gear{to{transform:rotate(360deg)}}
@keyframes dp-card-launch{0%{transform:translateY(25px);opacity:0}30%{opacity:.8}100%{transform:translateY(-35px);opacity:0}}
@keyframes dp-card-beacon{0%{transform:scale(.4);opacity:0}15%{opacity:.8}100%{transform:scale(2.3);opacity:0}}
@media(max-width:620px){#categorySlider .category-card{padding:14px!important}#categorySlider .category-card strong{font-size:12px!important}#categorySlider .category-card small{font-size:10px!important;max-width:84%!important}#categorySlider .dp-scene-mascot{width:82%;right:-12%;opacity:.6}#categorySlider .dp-scene-wash{background:linear-gradient(90deg,var(--ink),color-mix(in srgb,var(--ink) 62%,transparent) 48%,transparent),linear-gradient(0deg,#050b16cc,transparent 85%)}}
@media(hover:none){#categorySlider .category-card .dp-scene-fx i,#categorySlider .category-card .dp-scene-orbit,#categorySlider .category-card .dp-scene-shine{animation:none!important}#categorySlider .category-card:active .dp-scene-mascot{transform:scale(.97);opacity:1}}
@media(prefers-reduced-motion:reduce){#categorySlider .category-card,#categorySlider .category-card *{animation:none!important;transition:none!important;transform:none!important}}
