/* =========================================================
   OFFICIALYONO777.COM — NEON SIGNAL 2026
   Distinct visual layer; keeps underlying layout intact.
========================================================= */
:root{
  --o7-ink:#0d1021;--o7-ink-2:#151938;--o7-indigo:#4f46e5;--o7-blue:#2563eb;
  --o7-magenta:#ec4899;--o7-cyan:#22d3ee;--o7-lemon:#f5e642;--o7-soft:#f6f7ff;
  --o7-border:#e5e7f2;--o7-text:#15172a;--o7-muted:#656a80;
}
body{background:linear-gradient(180deg,#fff 0,#f7f8ff 620px);color:var(--o7-text)}
.site-container{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.header{background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(79,70,229,.10)!important;backdrop-filter:blur(18px)!important}
.header::before{background:linear-gradient(90deg,#4f46e5,#22d3ee,#ec4899,#f5e642)!important;height:3px!important}
.logo .brand-icon{background:linear-gradient(145deg,#111631,#202962)!important;border:1px solid rgba(79,70,229,.18)!important;box-shadow:0 8px 24px rgba(79,70,229,.16)!important}
.logo .brand-icon img{border-radius:11px!important}.brand-copy strong{color:#111631!important}.brand-copy span{color:#6b7280!important;letter-spacing:.14em!important}
.nav-link.active{background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important;box-shadow:0 8px 20px rgba(79,70,229,.24)!important}.nav-link:hover{color:#4f46e5!important;background:#f0f2ff!important}.telegram-btn{background:#111631!important;color:#fff!important;border:1px solid #252d58!important}
.games-hero{position:relative;background:radial-gradient(circle at 16% 15%,rgba(236,72,153,.26),transparent 26%),radial-gradient(circle at 88% 18%,rgba(34,211,238,.20),transparent 25%),linear-gradient(135deg,#090d22 0%,#161a3d 48%,#10142b 100%)!important;padding:48px 0 34px!important;overflow:visible}
.signal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.signal-beam{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(80px);opacity:.28}.beam-a{background:#ec4899;left:-130px;bottom:-220px}.beam-b{background:#22d3ee;right:-130px;top:-210px}
.hero-shell{position:relative;z-index:2}.hero-inner{max-width:880px;margin:auto;text-align:center}.hero-badge{color:#eef2ff!important;background:rgba(79,70,229,.16)!important;border:1px solid rgba(129,140,248,.28)!important;padding:8px 14px!important;margin-bottom:14px!important}.games-hero h1{font-size:clamp(38px,5.3vw,66px)!important;line-height:.98!important;letter-spacing:-.05em!important}.games-hero h1 span{color:#f5e642!important;-webkit-text-fill-color:#f5e642!important;text-shadow:0 0 26px rgba(245,230,66,.14)}.hero-copy{max-width:720px!important;margin-top:16px!important;color:#cdd3f6!important;font-size:15px!important;line-height:1.65!important}.hero-actions{margin-top:20px!important}.hero-primary-btn{background:linear-gradient(135deg,#ec4899,#7c3aed)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:0 12px 28px rgba(236,72,153,.22)!important}.hero-secondary-btn{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}
.premium-stats-wrapper{max-width:1030px!important;margin:24px auto 0!important}.premium-stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;background:none!important;border:0!important;overflow:visible!important;padding:0!important}.stat-glass-card{min-width:0!important;display:flex!important;align-items:center!important;gap:11px!important;padding:12px!important;background:rgba(255,255,255,.095)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:15px!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important;text-align:left!important;backdrop-filter:blur(14px);transition:.25s ease!important}.stat-glass-card:hover{transform:translateY(-4px)!important;background:rgba(255,255,255,.14)!important}.stat-icon-wrapper{width:48px!important;height:48px!important;flex:0 0 48px!important;margin:0!important;padding:3px!important;background:#fff!important;border-radius:12px!important;overflow:hidden}.stat-icon-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9px!important}.stat-title{color:#fff!important;font-size:13.5px!important}.stat-subtitle{color:#aeb7dc!important;font-size:10.5px!important}.stat-arrow{margin-left:auto;color:#737db1;font-size:11px}.stat-yono777{box-shadow:inset 0 2px 0 #f5e642,0 12px 34px rgba(0,0,0,.16)!important}.stat-yonovip{box-shadow:inset 0 2px 0 #ec4899,0 12px 34px rgba(0,0,0,.16)!important}.stat-yonoslots{box-shadow:inset 0 2px 0 #22d3ee,0 12px 34px rgba(0,0,0,.16)!important}.stat-yonoarcade{box-shadow:inset 0 2px 0 #818cf8,0 12px 34px rgba(0,0,0,.16)!important}
.games-directory{padding:42px 0 64px!important;background:radial-gradient(circle at 15% 0,rgba(79,70,229,.07),transparent 22%),linear-gradient(180deg,#f8f8ff,#fff)!important}.directory-rail{max-width:1040px!important}.games-directory .section-head,.section-head{max-width:760px!important;margin:0 auto 28px!important;text-align:center!important}.section-eyebrow{color:#4f46e5!important}.section-eyebrow::before{background:linear-gradient(90deg,#ec4899,#22d3ee)!important}.section-head h2{color:#11142a!important}.section-head p{color:#697086!important}.premium-tabs{justify-content:center!important}.premium-tab{border-radius:12px!important;border:1px solid #e4e7f3!important}.premium-tab.active{background:linear-gradient(135deg,#4f46e5,#2563eb)!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 8px 20px rgba(79,70,229,.22)!important}
.app-list-container{max-width:1000px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.app-list-card{height:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:15px!important;border:1px solid #e4e7f3!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#fbfbff)!important;box-shadow:0 9px 26px rgba(31,38,94,.07)!important}.app-list-card::before{width:3px!important;height:42%!important;top:16%!important;background:linear-gradient(#ec4899,#4f46e5,#22d3ee)!important;opacity:.9!important}.app-list-left{width:100%!important;align-items:center!important}.app-list-left img{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:13px!important}.app-list-info{gap:3px!important}.app-list-info h4{font-size:15px!important}.app-download-btn{width:100%!important;margin-top:auto!important;min-height:40px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed 55%,#ec4899)!important;border:0!important;border-radius:11px!important;color:#fff!important;box-shadow:0 8px 18px rgba(79,70,229,.18)!important}.app-download-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9,#db2777)!important}
.premium-content{background:#fff!important;padding:68px 0!important}.feature-grid{gap:14px!important}.feature-card{border:1px solid #e5e7f2!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(25,31,80,.06)!important;background:#fff!important}.feature-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px}.tone-magenta::after{background:#ec4899}.tone-cyan::after{background:#22d3ee}.tone-lemon::after{background:#f5e642}.tone-indigo::after{background:#4f46e5}.feature-mini-icon{border:0!important}.tone-magenta .feature-mini-icon{background:#fdf0f7!important;color:#db2777!important}.tone-cyan .feature-mini-icon{background:#ecfeff!important;color:#0891b2!important}.tone-lemon .feature-mini-icon{background:#fffceb!important;color:#a16207!important}.tone-indigo .feature-mini-icon{background:#eef2ff!important;color:#4f46e5!important}.feature-number{color:#e9eafa!important}
.featured-apps{gap:16px!important}.f-app{border:1px solid #e5e7f2!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(25,31,80,.07)!important}.f-app::after{content:"";position:absolute;inset:0 0 auto;height:4px}.f-magenta::after{background:linear-gradient(90deg,#ec4899,#7c3aed)}.f-cyan::after{background:linear-gradient(90deg,#22d3ee,#2563eb)}.f-lemon::after{background:linear-gradient(90deg,#f5e642,#f59e0b)}.app-label{background:#111631!important;color:#fff!important;border-color:#111631!important}.f-app a{background:#111631!important;color:#fff!important;border-color:#111631!important}.f-app a:hover{background:#4f46e5!important;border-color:#4f46e5!important}
.category-box{background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.16),transparent 25%),radial-gradient(circle at 15% 85%,rgba(236,72,153,.14),transparent 30%),linear-gradient(135deg,#0e122c,#181d45)!important;border:1px solid #29305f!important;border-radius:24px!important}.category-box .section-eyebrow{color:#f5e642!important}.category-box .tags span{background:rgba(255,255,255,.065)!important;color:#eef2ff!important;border:1px solid rgba(255,255,255,.10)!important}.category-box .tags span:hover{border-color:#22d3ee!important;background:rgba(34,211,238,.10)!important}.content-panel,.about-games-panel{border:1px solid #e5e7f2!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(25,31,80,.06)!important}.content-panel::before{background:linear-gradient(90deg,#4f46e5,#22d3ee,#ec4899)!important}.legal-panel{background:linear-gradient(145deg,#111631,#191f49)!important;border-color:#2b3264!important}.legal-panel .section-eyebrow{color:#f5e642!important}.legal-panel h2,.legal-panel p,.legal-panel strong{color:#fff!important}.legal-panel p{color:#c8d0ef!important}.about-games-panel::before{background:radial-gradient(circle,rgba(79,70,229,.14),transparent 70%)!important}
/* internal pages */
.app-hero-wrap,.contact-hero,.policy-hero,.about-hero{background:radial-gradient(circle at 18% 20%,rgba(236,72,153,.23),transparent 27%),radial-gradient(circle at 85% 20%,rgba(34,211,238,.18),transparent 25%),linear-gradient(135deg,#0a0f29,#171d48)!important}.app-hero-wrap h1 span,.contact-hero h1 span,.policy-hero h1 span,.about-hero h1 span{color:#f5e642!important;-webkit-text-fill-color:#f5e642!important}.policy-card,.contact-card,.about-card,.about-value,.guideline-panel,.security-panel{border-radius:18px!important;border-color:#e5e7f2!important;box-shadow:0 10px 28px rgba(25,31,80,.06)!important}.card-icon{background:#eef2ff!important;color:#4f46e5!important;border-color:#dde2ff!important}.btn-action{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border-color:#4f46e5!important}.policy-list li::before,.guidelines-list li::before{background:#4f46e5!important}.section-title{color:#11142a!important}
@media(max-width:960px){.app-list-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:768px){.site-container{width:calc(100% - 26px)!important}.games-hero{padding:42px 0 28px!important}.premium-stats-wrapper{margin:20px auto 0!important}.games-directory{padding-top:38px!important}.app-list-container{grid-template-columns:1fr!important}.featured-apps{grid-template-columns:1fr!important}.hero-copy{font-size:14px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;max-width:360px!important;margin-inline:auto!important}.hero-actions a{width:100%!important}}
@media(max-width:480px){.premium-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.stat-glass-card{padding:10px!important}.stat-icon-wrapper{width:42px!important;height:42px!important;flex-basis:42px!important}.stat-arrow{display:none}.stat-title{font-size:12px!important}.stat-subtitle{font-size:9.5px!important}.games-hero h1{font-size:clamp(34px,11vw,45px)!important}.games-directory{padding-top:34px!important}.premium-tabs{overflow-x:auto!important;justify-content:flex-start!important;flex-wrap:nowrap!important}.premium-tab{white-space:nowrap!important}}

/* footer — neon signal */
.site-footer{background:radial-gradient(circle at 15% 0,rgba(236,72,153,.12),transparent 27%),radial-gradient(circle at 85% 0,rgba(34,211,238,.10),transparent 27%),linear-gradient(180deg,#0c1028,#090d20)!important;border-top:1px solid rgba(129,140,248,.16)!important}.site-footer::before{background:linear-gradient(90deg,transparent,#4f46e5,#22d3ee,#ec4899,#f5e642,transparent)!important}.footer-copyright strong{color:#f5e642!important}.footer-links-wrap a:hover,.footer-credit a{color:#67e8f9!important}.footer-disclaimer{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important}.footer-separator{color:#818cf8!important}

/* header link states */
.nav a.active{background:linear-gradient(135deg,#4f46e5,#2563eb)!important;color:#fff!important;box-shadow:0 8px 20px rgba(79,70,229,.24)!important}.nav a:hover{color:#4f46e5!important;background:#f0f2ff!important}.nav a.active:hover{color:#fff!important}

/* CYBERPANEL / LITESPEED HERO VISIBILITY FIX 2026-10-08 */
.games-hero{overflow:visible!important;z-index:1}
.games-hero .hero-shell{overflow:visible!important}
.games-hero .premium-stats-wrapper{position:relative!important;z-index:8!important;margin-bottom:0!important;transform:none!important}
.games-hero .premium-stats-grid{position:relative!important;z-index:9!important}
.games-directory{position:relative!important;z-index:0!important}
@media (min-width:769px){.games-hero{padding-bottom:36px!important}.games-directory{padding-top:40px!important}}