/* HAPPY RAINBOW 2026: bright, readable and motion-safe */
:root{--ink:#28143e;--sun:#fff6a3;--pink:#ff4d9d;--violet:#7047e8}
body{background:radial-gradient(circle at 12% 10%,#fff7a4 0,transparent 26%),radial-gradient(circle at 85% 14%,#ffc7ef 0,transparent 28%),linear-gradient(135deg,#ffb7df,#a5e9ff 45%,#fff0a1 76%,#ffb4cf)!important;color:var(--ink)!important;background-attachment:fixed!important}
body:before{content:'✦  ✿  ★  ✦  🌻  ✦  ★  ✿';position:fixed;top:10%;left:-10%;width:120%;font-size:clamp(22px,4vw,54px);letter-spacing:3vw;color:#e3338c33;pointer-events:none;animation:floatRain 18s ease-in-out infinite alternate;z-index:0}
@keyframes floatRain{from{transform:translate(-2%,0) rotate(-4deg)}to{transform:translate(3%,80px) rotate(4deg)}}
header,main,footer,.hkg-global-links{position:relative;z-index:1}header{background:linear-gradient(100deg,#ff4a9c,#ff9a3c,#ffe357,#4cdaae,#69a7ff,#aa78f9)!important;background-size:250% 250%!important;animation:rainbowFlow 14s ease infinite;box-shadow:0 8px 28px #6b287633!important;border-bottom:4px solid #fff!important} @keyframes rainbowFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
header a,header .brand,header nav a{color:#261039!important;text-shadow:none!important;font-weight:900!important}header nav a{background:#ffffffd9!important;border:2px solid #fff!important;border-radius:12px;padding:9px!important}
main .hero.hk-hero{background:linear-gradient(120deg,#fff2a3,#ffd0ed 45%,#b9e7ff)!important;border:5px solid #fff!important;box-shadow:0 12px 0 #ed75bb,0 20px 45px #733c7840!important;color:#28143e!important;border-radius:30px!important;overflow:hidden}
main .hero.hk-hero:after{content:'🌻 ✨ 🌈';position:absolute;right:18px;top:12px;font-size:clamp(20px,3vw,40px);animation:happyBob 3s ease-in-out infinite;pointer-events:none}@keyframes happyBob{50%{transform:translateY(-12px) rotate(8deg)}}
main .hero.hk-hero h1,main .hero.hk-hero p,main .hero.hk-hero .eyebrow{color:#28143e!important;text-shadow:none!important}main .hero.hk-hero h1{font-size:clamp(2rem,5vw,4rem)!important;line-height:1.14!important;max-width:850px}main .hero.hk-hero p{font-size:clamp(1rem,1.7vw,1.15rem)!important;line-height:1.7!important}
main .hero.hk-hero .hk-quick a,.hk-play{background:#fff!important;color:#60218a!important;border:3px solid #aa5be8!important;box-shadow:0 5px 0 #b36cc9!important;font-weight:900!important;transition:transform .2s,box-shadow .2s!important}main .hero.hk-hero .hk-quick a:hover,.hk-play:hover{transform:translateY(-3px) rotate(-1deg)!important;box-shadow:0 9px 0 #b36cc9!important}
main section:not(.hero),main .card,.hkg-global-links{color:#28143e!important}main .hk-info-panel,main .hkg-clicker-feature,main .hk-featured,main .info,main .game-seo,main .card,.hkg-global-links{background:#fffdf5f2!important;border:3px solid #fff!important;box-shadow:0 8px 24px #75418d28!important;border-radius:24px!important}
main .hk-info-panel h2,main .hkg-clicker-feature h2,main .hk-featured h2,main .info h2,main .card h2,main .games-title,main .game-seo h2,main .game-seo h3{color:#562b9d!important;text-shadow:none!important}main .hk-info-panel p,main .hkg-clicker-feature p,main .hk-featured p,main .card p,main .game-seo p,main .info p{color:#302044!important;text-shadow:none!important}
main .hk-info-cards a,main .cards .card{background:linear-gradient(135deg,#fff7b9,#ffe0f4 60%,#e4e5ff)!important;color:#2d1740!important;border:2px solid #f6a8dd!important;transition:transform .2s!important}main .hk-info-cards a:hover,main .cards .card:hover{transform:translateY(-5px) rotate(.5deg)!important}
main .hk-info-cards a b,main .hk-info-cards a small,main .cards .card .go{color:#4d1e84!important}footer{color:#301c46!important;background:#ffffffb9!important}.hkg-global-links a{color:#5720a5!important}
@media(max-width:600px){body{background-attachment:scroll!important}main .hero.hk-hero{padding:23px 18px!important}main .hero.hk-hero:after{position:static;display:block;text-align:right;margin-top:8px}header nav{gap:6px!important}header nav a{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}