/* SalamGames Original+ — additive polish that preserves the bright production identity. */
:root{--sg-sky:#0ea5e9;--sg-purple:#7c4dff;--sg-pink:#e040fb;--sg-orange:#f97316;--sg-gold:#fbbf24;--sg-ink:#172033;--sg-soft:#eefaff;--sg-radius:1.75rem;--sg-focus:#0b73c9;--sg-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-behavior:smooth;scroll-padding-top:84px;overflow-x:hidden}
body.original-enhanced{color:var(--sg-ink);background:linear-gradient(180deg,#dff6ff 0%,#b8ecff 38%,#dff7ff 72%,#fff8e9 100%);overflow-x:clip}
body.original-enhanced::before{background-image:radial-gradient(circle,rgba(255,255,255,.52) 2px,transparent 2px);background-size:28px 28px}
body.original-enhanced a,body.original-enhanced button{touch-action:manipulation}
body.original-enhanced :where(a,button,input,select,textarea):focus-visible{outline:4px solid var(--sg-focus);outline-offset:4px}
body.original-enhanced>nav:first-of-type{padding-top:env(safe-area-inset-top);box-shadow:0 5px 24px rgba(14,116,144,.09)}
body.original-enhanced>nav:first-of-type a[href="/"]{min-width:44px;min-height:44px}
body.original-enhanced>nav:first-of-type .hide-mobile{display:inline-flex;align-items:center;min-height:44px;padding-inline:.2rem}
body.original-enhanced a[href="/learn/"].inline-block{min-height:44px}
body.original-enhanced a[href="/parents.html"].underline{display:inline-flex;align-items:center;min-height:44px;padding-inline:.2rem}
body.original-enhanced #home-hero{isolation:isolate;background-size:220% 220%!important;animation:sg-hero-shift 11s ease-in-out infinite;box-shadow:0 10px 0 rgba(91,33,182,.13),0 24px 48px rgba(76,29,149,.18)}
body.original-enhanced #home-hero::before{content:"";position:absolute;inset:-80%;z-index:-1;background:conic-gradient(from 40deg,transparent,rgba(255,255,255,.16),transparent 24%);animation:sg-hero-ray 13s linear infinite}
body.original-enhanced #home-hero h1{letter-spacing:-.025em;text-wrap:balance;text-shadow:0 3px 12px rgba(75,20,110,.2)}
body.original-enhanced .sg-stat{min-width:70px;padding:.2rem .45rem;border-radius:1rem;transition:transform .25s var(--sg-ease),background .25s}
body.original-enhanced .sg-stat:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
body.original-enhanced [data-scout-soft-onboarding] a{min-height:112px}
body.original-enhanced [data-scout-soft-onboarding]>.flex:last-child>*{flex:1 1 72px;min-width:72px;max-width:100%;overflow:hidden;overflow-wrap:anywhere}
body.original-enhanced .game-card{transform:translateZ(0);box-shadow:0 7px 0 rgba(30,64,175,.09),0 12px 25px rgba(14,116,144,.08);will-change:transform;content-visibility:auto;contain-intrinsic-size:230px}
body.original-enhanced .game-card.sg-card-enter{animation:sg-card-enter .6s var(--sg-ease) both}
body.original-enhanced .game-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.5) 43%,transparent 62%);transform:translateX(-140%);transition:transform .65s var(--sg-ease)}
body.original-enhanced .game-card:hover::after,body.original-enhanced .game-card:focus-visible::after{transform:translateX(140%)}
body.original-enhanced .game-card .card-emoji{filter:drop-shadow(0 7px 8px rgba(15,23,42,.12));transition:transform .35s var(--sg-ease)}
body.original-enhanced .game-card:hover .card-emoji{transform:translateY(-5px) rotate(-3deg) scale(1.08)}
body.original-enhanced .featured-card{box-shadow:0 9px 0 rgba(49,46,129,.18),0 18px 38px rgba(49,46,129,.16)}
body.original-enhanced .featured-card .featured-emoji{filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}
body.original-enhanced .card-desc{color:#667085}
body.original-enhanced .card-meta{color:#667085}
/* Featured cards sit on saturated gradients and need their own contrast contract. */
body.original-enhanced .sg-featured-primary{isolation:isolate;min-height:190px;padding:1.35rem!important;border-width:4px;box-shadow:0 9px 0 rgba(49,46,129,.24),0 20px 42px rgba(49,46,129,.2)}
body.original-enhanced .sg-featured-primary .featured-inner{position:relative;z-index:2;min-width:0;align-items:center;gap:1.15rem;padding-top:2rem}
body.original-enhanced .sg-featured-primary .featured-content{min-width:0}
body.original-enhanced .sg-featured-primary .card-title{margin:0 0 .38rem;color:#fff!important;font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.08;text-shadow:0 2px 7px rgba(30,16,70,.38)}
body.original-enhanced .sg-featured-primary .card-desc{max-width:38rem;margin:0 0 .72rem;color:#fff!important;font-size:.93rem;line-height:1.42;font-weight:850;text-shadow:0 1px 4px rgba(30,16,70,.35)}
body.original-enhanced .sg-featured-primary .card-meta{width:100%;max-width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.38rem;color:#fff!important;font-size:.72rem;font-weight:900}
body.original-enhanced .sg-featured-primary .card-meta>span,body.original-enhanced .sg-featured-trivia .card-meta{padding:.34rem .58rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(24,12,68,.5);box-shadow:inset 0 1px rgba(255,255,255,.15)}
body.original-enhanced .sg-featured-primary .live-pulse{z-index:4;color:#312e81;background:#fff;border:1px solid rgba(255,255,255,.75);box-shadow:0 4px 12px rgba(31,20,70,.2)}
body.original-enhanced .sg-featured-primary .live-dot{background:#16a34a;box-shadow:0 0 0 3px #dcfce7}
body.original-enhanced .sg-featured-trivia .card-badge{color:#4a2500!important;background:linear-gradient(180deg,#fde68a,#fbbf24);box-shadow:0 3px 0 #d97706;letter-spacing:.02em}
body.original-enhanced .sg-featured-primary .featured-btn{min-height:46px;margin-top:.72rem;padding:.65rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;color:#5b21b6!important;background:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 5px 0 rgba(46,16,101,.28);line-height:1}
body.original-enhanced .sg-featured-primary .featured-btn:hover{background:#fff7d6;transform:translateY(-2px)}
body.original-enhanced #playground-heading{letter-spacing:-.015em;text-wrap:balance}
body.original-enhanced .seo-guide-details>summary{display:none;min-height:48px;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:2px solid #bae6fd;border-radius:1rem;background:#f0f9ff;color:#0369a1;font-weight:950;cursor:pointer;list-style:none}
body.original-enhanced .seo-guide-details>summary::-webkit-details-marker{display:none}
body.original-enhanced .seo-guide-details[open]>summary span{transform:rotate(180deg)}
body.original-enhanced .seo-guide-grid{padding-top:.2rem}
body.original-enhanced footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding-inline:.2rem}
body.original-enhanced .sg-tap-ripple{position:fixed;z-index:9999;width:18px;height:18px;margin:-9px;border-radius:50%;background:rgba(255,255,255,.72);pointer-events:none;animation:sg-ripple .55s ease-out forwards}
@keyframes sg-hero-shift{0%,100%{background-position:0 45%}50%{background-position:100% 55%}}
@keyframes sg-hero-ray{to{transform:rotate(360deg)}}
@keyframes sg-card-enter{from{opacity:.15;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sg-ripple{to{opacity:0;transform:scale(5)}}
@media(max-width:640px){html{scroll-padding-top:72px}body.original-enhanced #home-hero{margin-top:.75rem!important;margin-bottom:1rem!important;padding:1rem!important;border-radius:1.55rem!important}body.original-enhanced #home-hero>.text-5xl{font-size:2.25rem!important;margin-bottom:.2rem!important}body.original-enhanced #home-hero h1{font-size:1.45rem!important;line-height:1.2}body.original-enhanced #home-hero>p{font-size:.92rem!important}body.original-enhanced #home-hero .sg-stats{margin-top:.7rem!important;padding:.55rem!important;gap:.6rem!important}body.original-enhanced .sg-stat>div:first-child{font-size:1.25rem!important}body.original-enhanced [data-scout-soft-onboarding] a{min-height:104px;padding:1rem!important}body.original-enhanced [data-scout-soft-onboarding] a .text-5xl{font-size:2.4rem!important}body.original-enhanced #games-grid::after{display:none}body.original-enhanced .game-card{border-width:3px;border-radius:1.35rem}.card-icon-area{min-height:90px;padding-top:18px}.card-emoji{font-size:3rem}.card-body{padding:0 12px 13px}.card-title{font-size:.95rem}.card-desc{font-size:.74rem}.card-meta{font-size:.62rem}}
@media(max-width:640px){body.original-enhanced .sg-featured-primary{min-height:178px;padding:1rem!important;border-radius:1.55rem!important}body.original-enhanced .sg-featured-primary .featured-inner{gap:.8rem;padding-top:2rem}body.original-enhanced .sg-featured-primary .featured-emoji{width:64px;font-size:3rem;line-height:1;text-align:center}body.original-enhanced .sg-featured-primary .card-title{font-size:1.3rem;white-space:nowrap}body.original-enhanced .sg-featured-primary .card-desc{font-size:.82rem;line-height:1.38;margin-bottom:.55rem}body.original-enhanced .sg-featured-primary .card-meta{font-size:.65rem;gap:.3rem}body.original-enhanced .sg-featured-primary .card-meta>span,body.original-enhanced .sg-featured-trivia .card-meta{padding:.28rem .45rem}body.original-enhanced .sg-featured-primary .live-pulse{top:9px;right:9px;padding:.28rem .55rem;font-size:.58rem}body.original-enhanced .sg-featured-trivia .card-badge{margin-bottom:.38rem!important;font-size:.57rem!important}body.original-enhanced .sg-featured-primary .featured-btn{min-height:46px;margin-top:.55rem;padding:.58rem .9rem;font-size:.76rem}}
@media(max-width:640px){body.original-enhanced .seo-guide-details>summary{display:flex}body.original-enhanced .seo-guide-details[open] .seo-guide-grid{padding-top:.8rem}}
@media(max-width:350px){body.original-enhanced [data-scout-soft-onboarding] .grid{grid-template-columns:1fr}body.original-enhanced [data-scout-soft-onboarding] a{min-height:88px}.game-card .card-meta{display:none}body.original-enhanced .sg-featured-primary .card-meta{display:flex!important}body.original-enhanced .sg-featured-primary .featured-emoji{width:52px;font-size:2.55rem}body.original-enhanced .sg-featured-primary .card-title{font-size:1.15rem}body.original-enhanced .sg-featured-primary .card-desc{font-size:.82rem}}
@media(hover:none){body.original-enhanced .game-card:hover{transform:none;box-shadow:0 7px 0 rgba(30,64,175,.09),0 12px 25px rgba(14,116,144,.08)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.original-enhanced #home-hero,body.original-enhanced #home-hero::before,body.original-enhanced .game-card.sg-card-enter{animation:none!important}body.original-enhanced .game-card,body.original-enhanced .card-emoji{transition:none!important}}