/* DareTruthGame – Template 5 visual system, 2026-09-19
   Visual-only redesign: URLs, SEO metadata, game IDs and game logic remain unchanged. */
:root{
  --t1-bg:#030b22;
  --t1-bg-2:#071334;
  --t1-panel:#081945;
  --t1-panel-2:#0b1d4e;
  --t1-line:#214a91;
  --t1-text:#f8fbff;
  --t1-muted:#aeb9d8;
  --t1-blue:#2584ff;
  --t1-cyan:#32d9ff;
  --t1-violet:#7a45ff;
  --t1-pink:#f427ad;
  --t1-red:#ef3e69;
  --t1-green:#18c875;
  --t1-orange:#ff7a21;
  --t1-yellow:#f6ac13;
  --t1-radius:18px;
  --t1-shadow:0 20px 60px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body.neon-site-page,body.home-page{
  background:
    radial-gradient(circle at 4% 18%,rgba(23,111,255,.20),transparent 26rem),
    radial-gradient(circle at 97% 42%,rgba(239,39,173,.16),transparent 28rem),
    linear-gradient(180deg,#061332 0,#030b22 44%,#02091c 100%)!important;
  color:var(--t1-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.home-page{overflow-x:hidden}
body.home-page .home-orb,body.home-page .home-stars{display:none!important}

/* Header */
.site-header.dtg-header,.site-header.home-header{
  position:sticky!important;top:0!important;z-index:1000!important;
  width:100%!important;margin:0!important;padding:0!important;
  background:rgba(3,10,31,.96)!important;
  border:0!important;border-bottom:1px solid rgba(94,126,206,.22)!important;
  border-radius:0!important;box-shadow:0 10px 32px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px);
}
.site-header .header-inner{
  width:min(1180px,calc(100% - 36px))!important;min-height:72px!important;margin:0 auto!important;
  display:flex!important;align-items:center!important;gap:26px!important;padding:0!important;
}
.site-header .brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;text-decoration:none!important}
.site-header .brand-logo{width:228px!important;height:auto!important;max-height:47px!important;object-fit:contain!important}
.site-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important}
.site-nav>a,.nav-dropdown-toggle{
  min-height:42px!important;padding:0 15px!important;border:0!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;color:#f8f9ff!important;font-size:.92rem!important;font-weight:780!important;
  text-decoration:none!important;white-space:nowrap!important;transition:.18s ease!important;
}
.site-nav>a:hover,.nav-dropdown-toggle:hover,.site-nav>a[aria-current="page"]{
  background:linear-gradient(135deg,rgba(74,81,255,.82),rgba(203,46,234,.82))!important;
  box-shadow:0 0 20px rgba(94,88,255,.22)!important;color:#fff!important;
}
.nav-chevron{margin-left:5px!important;font-size:.82em!important}
.header-play-cta{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;
  color:#fff!important;text-decoration:none!important;font-weight:850!important;font-size:.92rem!important;
  background:linear-gradient(100deg,#f322b0 0,#b92cff 48%,#287cff 100%);
  box-shadow:0 0 25px rgba(221,48,233,.28),inset 0 1px rgba(255,255,255,.28);
  transition:.18s ease;
}
.header-play-cta:hover{transform:translateY(-1px);filter:saturate(1.12)}
.nav-dropdown-menu{
  top:calc(100% + 10px)!important;min-width:260px!important;padding:10px!important;border:1px solid rgba(93,131,222,.28)!important;
  border-radius:16px!important;background:rgba(5,14,45,.98)!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important;
}
.nav-dropdown-menu a{border-radius:10px!important;color:#edf3ff!important}
.nav-dropdown-menu a:hover{background:rgba(52,108,255,.17)!important;color:#fff!important}

/* Global content surfaces */
.page-main{width:min(1180px,calc(100% - 36px))!important;margin:0 auto!important;padding-top:28px!important;padding-bottom:48px!important}
.breadcrumbs{color:#91a5d1!important;font-size:.84rem!important;margin:0 0 18px!important}
.breadcrumbs a{color:#8edcff!important;text-decoration:none!important}
.section-card,.game-card,.mode-card,.info-card,.content-card{
  border-color:rgba(68,105,188,.36)!important;
  background:linear-gradient(145deg,rgba(9,25,68,.94),rgba(7,18,49,.96))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.18)!important;
}
.section-card{border-radius:18px!important}
.mode-card,.info-card{border-radius:16px!important}
.mode-card:hover{border-color:rgba(60,177,255,.56)!important;transform:translateY(-2px)!important;box-shadow:0 16px 42px rgba(3,9,36,.34),0 0 24px rgba(67,85,255,.10)!important}
.section-heading h1,.section-heading h2,.page-hero h1,.page-hero h2{color:#fff!important;letter-spacing:-.03em!important}
.section-heading p,.page-hero p,.mode-card p,.info-card p{color:var(--t1-muted)!important}
.eyebrow{color:#63dcff!important}
.btn,.choice-button,.category-button{font-family:inherit!important}
.btn-primary{
  border-color:rgba(255,255,255,.26)!important;background:linear-gradient(100deg,#287cff,#784dff 50%,#ed2fa4)!important;
  box-shadow:0 8px 24px rgba(43,76,244,.28)!important;color:#fff!important;
}
.btn-secondary{background:#0b1947!important;border-color:#2a4f99!important;color:#f6f8ff!important}

/* Homepage exact Template 1 composition */
.template-home{width:min(1312px,100%)!important;padding:0 0 44px!important;max-width:none!important}
.t1-hero{
  position:relative;min-height:410px;display:grid;grid-template-columns:44% 56%;overflow:hidden;
  background:linear-gradient(90deg,#071432 0%,#071331 43%,#020817 100%);
  border-bottom:1px solid rgba(61,101,191,.22);
}
.t1-hero-copy{position:relative;z-index:3;padding:38px 20px 34px max(60px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:center}
.t1-kicker{width:max-content;max-width:100%;margin:0 0 14px;padding:7px 12px;border:1px solid rgba(75,112,204,.42);border-radius:999px;background:rgba(10,29,71,.62);color:#e3ebff;font-size:.72rem;font-weight:850;letter-spacing:.025em;white-space:nowrap}
.t1-hero h1{margin:0;color:#fff;font-size:clamp(3rem,5.1vw,5.05rem);line-height:.96;letter-spacing:-.055em;font-weight:950;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.t1-hero h1 span{display:inline-block;margin-top:7px;background:linear-gradient(90deg,#2e84ff 0,#6948ff 42%,#ff2fa9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.t1-hero-intro{max-width:580px;margin:18px 0 0;color:#d8def0;font-size:1.02rem;line-height:1.52}
.t1-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:20px}
.t1-primary,.t1-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 27px;border-radius:999px;font-weight:900;text-decoration:none;transition:.18s ease}
.t1-primary{color:#fff;background:linear-gradient(100deg,#ed22ad 0,#c42bea 48%,#2586ff 100%);box-shadow:0 0 25px rgba(232,37,186,.22)}
.t1-secondary{color:#f2f6ff;border:1px solid rgba(123,153,226,.45);background:rgba(10,23,64,.76)}
.t1-primary:hover,.t1-secondary:hover{transform:translateY(-2px)}
.t1-benefits{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:22px;color:#e4ebff;font-size:.79rem}
.t1-benefits span{display:inline-flex;align-items:center;gap:7px}.t1-benefits b{font-weight:800}
.t1-hero-photo{position:relative;min-height:410px;background-image:linear-gradient(90deg,#071331 0%,rgba(7,19,49,.72) 8%,rgba(7,19,49,.07) 28%,rgba(7,19,49,0) 70%),url('/hero-party.webp');background-size:cover;background-position:center center}
.t1-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,28,.02),rgba(4,11,29,.14))}

.t1-category-shell,.t1-popular,.t1-play-panel,.template-home>.section-card,.t1-ready{width:min(1180px,calc(100% - 36px));margin-left:auto;margin-right:auto}
.t1-category-shell{margin-top:0;padding:18px 20px 20px;border:1px solid rgba(48,91,180,.62);border-radius:18px;background:linear-gradient(150deg,rgba(7,24,65,.98),rgba(5,17,48,.98));box-shadow:var(--t1-shadow)}
.t1-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.t1-section-head h2{margin:0;color:#fff;font-size:1.48rem;letter-spacing:-.025em}.t1-section-head p{margin:3px 0 0;color:#9fb0d8;font-size:.87rem}.t1-section-head>a{flex:0 0 auto;color:#5bd5ff;text-decoration:none;font-size:.78rem;font-weight:800;border:1px solid rgba(71,124,224,.35);border-radius:999px;padding:8px 12px;background:#081943}
.t1-category-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.t1-cat{min-height:116px;padding:16px 8px 12px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;text-decoration:none;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 24px rgba(0,0,0,.16);transition:.18s ease}
.t1-cat:hover{transform:translateY(-3px);filter:saturate(1.12)}
.t1-cat>span{font-size:2rem;line-height:1}.t1-cat>b{font-size:.93rem}.t1-cat>small{font-size:.68rem;color:rgba(255,255,255,.92);font-weight:700}
.c-yellow{background:linear-gradient(145deg,#ffbd17,#e99400)}.c-pink{background:linear-gradient(145deg,#ff3ca5,#df1e75)}.c-red{background:linear-gradient(145deg,#fa4c68,#d92851)}.c-green{background:linear-gradient(145deg,#20d77c,#0aa55d)}.c-purple{background:linear-gradient(145deg,#8f35ff,#5a1fe6)}.c-blue{background:linear-gradient(145deg,#398cff,#1767df)}.c-orange{background:linear-gradient(145deg,#ff8c25,#ef5b0c)}.c-cyan{background:linear-gradient(145deg,#20cbd7,#0a9ab5)}

.t1-popular{padding:24px 4px 4px}.t1-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.t1-game-card{position:relative;min-width:0;padding:0 14px 15px;border:1px solid rgba(46,92,183,.6);border-radius:14px;background:linear-gradient(145deg,#091b49,#071536);color:#fff;text-decoration:none;overflow:hidden;transition:.18s ease}
.t1-game-card:hover{transform:translateY(-3px);border-color:#2f92ff;box-shadow:0 15px 32px rgba(0,0,0,.24)}
.t1-game-art{height:94px;margin:0 -14px 13px;display:grid;place-items:center;font-weight:950;font-size:2.3rem;background:radial-gradient(circle at 50% 50%,rgba(43,124,255,.34),transparent 56%),linear-gradient(145deg,#0a245a,#07133b);text-shadow:0 0 18px rgba(69,220,255,.52)}
.art-wheel{color:#f6b62c;background:radial-gradient(circle,#923dff 0 24%,#2759c7 25% 38%,#0a193f 39%)}.art-wyr{color:#ffd454;background:linear-gradient(145deg,#101f55,#17236d)}.art-this{color:#fff;background:linear-gradient(135deg,#0875d8,#781bd8 52%,#e51c80)}.art-bottle{font-size:2.7rem}.art-dice{color:#fff;background:radial-gradient(circle at 50% 45%,#6942f6 0 28%,#111a4a 56%)}
.t1-game-card h3{margin:0 28px 3px 0;font-size:.92rem}.t1-game-card p{margin:0;color:#9faed1;font-size:.72rem;line-height:1.35}.t1-game-card>span{position:absolute;right:12px;bottom:16px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #316bcc;border-radius:50%;color:#dff6ff;background:#0c214f;font-weight:900}

.t1-play-panel{margin-top:34px;padding:26px;border:1px solid rgba(62,106,205,.52);border-radius:20px;background:linear-gradient(145deg,rgba(8,26,71,.98),rgba(21,15,71,.98));box-shadow:0 22px 58px rgba(0,0,0,.24)}
.t1-play-heading{text-align:center;margin-bottom:18px}.t1-play-heading>span{display:inline-block;margin-bottom:7px;color:#68e3ff;font-size:.72rem;font-weight:900;letter-spacing:.12em}.t1-play-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.4rem);color:#fff}.t1-play-heading p{margin:5px 0 0;color:#aebadd}
.t1-play-panel .hero-choice-row{max-width:650px;margin:0 auto 18px!important;gap:12px!important}.t1-play-panel .hero-choice{min-height:74px!important;border-radius:16px!important}
.t1-play-panel .home-category-row{max-width:1050px;margin:0 auto!important}.t1-play-panel .category-button{background:#0b1a47!important;border:1px solid #2a4f96!important;color:#f5f8ff!important}.t1-play-panel .category-button[aria-pressed="true"]{background:linear-gradient(100deg,#287cff,#784dff 50%,#ee31a8)!important;border-color:rgba(255,255,255,.42)!important}
.t1-play-panel .hero-result{max-width:920px;margin:18px auto 0!important;border-radius:14px!important;background:#061438!important;border:1px solid rgba(65,106,199,.56)!important;color:#fff!important}
.t1-play-panel .game-status{color:#9fadd3!important}

.template-home>.section-card{margin-top:28px!important}
.template-home .home-section{background:linear-gradient(145deg,rgba(8,25,67,.96),rgba(6,16,45,.98))!important}
.template-home .mode-card{background:#081943!important;border-color:rgba(48,87,175,.55)!important}
.template-home .info-card{background:#081943!important;border-color:rgba(48,87,175,.55)!important}
.template-home .faq-list details{background:#071943!important;border-color:rgba(49,89,176,.45)!important}

.t1-ready{margin-top:28px;padding:17px 20px;border:1px solid rgba(141,77,224,.58);border-radius:18px;background:linear-gradient(100deg,#151c59,#22185c 58%,#25124c);display:flex;align-items:center;justify-content:space-between;gap:20px}
.t1-ready>div{display:flex;align-items:center;gap:14px}.t1-ready>div>span{font-size:2.3rem}.t1-ready h2{margin:0;color:#fff;font-size:1.4rem}.t1-ready p{margin:2px 0 0;color:#c8d0eb}.t1-ready>a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;color:#fff;text-decoration:none;font-weight:900;background:linear-gradient(100deg,#f323ad,#c330ee 50%,#2788ff);box-shadow:0 0 22px rgba(237,44,181,.25)}

/* Footer */
.site-footer.dtg-footer,.site-footer.home-footer{margin-top:0!important;border:0!important;border-top:1px solid rgba(63,91,156,.28)!important;background:#02091d!important;color:#d9e3fb!important;box-shadow:none!important}
.site-footer .footer-inner{width:min(1180px,calc(100% - 36px))!important;margin:0 auto!important;padding:30px 0 22px!important;display:grid!important;grid-template-columns:1.45fr 1fr 1fr .8fr!important;gap:34px!important}
.site-footer .footer-brand .brand-logo{width:210px!important;height:auto!important}.site-footer .footer-brand p{color:#8798c1!important;margin-top:8px!important}.site-footer h2{font-size:.82rem!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#f4f7ff!important}.site-footer a{color:#9eacd0!important;text-decoration:none!important;font-size:.84rem!important}.site-footer a:hover{color:#55d9ff!important}.site-footer .footer-bottom{border-top:1px solid rgba(62,86,145,.24)!important;padding:14px 18px 18px!important;text-align:center!important;color:#7f8db4!important;font-size:.75rem!important}

/* Keep game-specific large interactive canvases clear and modern */
.spin-bottle-page .stb-shell,.dare-dice-page .dd-shell,.wheel-page .wheel-shell{border-radius:20px!important}

/* Mobile */
@media(max-width:1020px){
  .site-header .header-inner{min-height:66px!important;width:min(100% - 24px,1180px)!important;gap:12px!important}
  .site-header .brand-logo{width:190px!important}
  .header-play-cta{display:none!important}
  .nav-toggle{margin-left:auto!important}
  .site-nav{position:absolute!important;left:12px!important;right:12px!important;top:62px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:12px!important;border:1px solid rgba(65,100,180,.38)!important;border-radius:16px!important;background:rgba(4,13,42,.99)!important;box-shadow:0 20px 60px rgba(0,0,0,.36)!important}
  .site-nav.is-open{display:flex!important}.site-nav>a,.nav-dropdown-toggle{width:100%!important;justify-content:flex-start!important;border-radius:10px!important}
  .nav-dropdown-menu{position:static!important;width:100%!important;margin-top:4px!important;box-shadow:none!important;background:#07163e!important}
  .t1-hero{grid-template-columns:1fr;min-height:auto}.t1-hero-copy{padding:42px 28px 32px}.t1-hero-photo{min-height:330px;background-position:center 35%}.t1-hero-photo::before{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,#071331,transparent);z-index:1}
  .t1-category-row{grid-template-columns:repeat(4,minmax(0,1fr))}.t1-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-footer .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .page-main{width:min(100% - 24px,1180px)!important;padding-top:20px!important}.template-home{width:100%!important;padding-top:0!important}
  .site-header .header-inner{width:calc(100% - 20px)!important}.site-header .brand-logo{width:170px!important}
  .t1-hero-copy{padding:34px 18px 28px}.t1-kicker{font-size:.59rem;white-space:normal;line-height:1.35}.t1-hero h1{font-size:clamp(2.65rem,14vw,4.25rem)}.t1-hero-intro{font-size:.95rem}.t1-benefits{gap:12px 18px}.t1-hero-photo{min-height:280px;background-position:56% center}
  .t1-category-shell,.t1-popular,.t1-play-panel,.template-home>.section-card,.t1-ready{width:calc(100% - 24px)}
  .t1-category-shell{padding:16px}.t1-section-head{align-items:flex-start}.t1-section-head>a{display:none}.t1-category-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.t1-cat{min-height:102px}
  .t1-popular{padding-left:0;padding-right:0}.t1-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.t1-game-art{height:80px}.t1-game-card{padding-left:12px;padding-right:12px}
  .t1-play-panel{padding:20px 14px}.t1-play-panel .hero-choice-row{grid-template-columns:1fr 1fr!important}
  .t1-ready{flex-direction:column;align-items:stretch;text-align:left}.t1-ready>a{width:100%}
  .site-footer .footer-inner{grid-template-columns:1fr!important;gap:22px!important}.site-footer .footer-brand{grid-column:auto!important}
}
@media(max-width:390px){.t1-hero-actions{display:grid}.t1-primary,.t1-secondary{width:100%}.t1-game-grid{grid-template-columns:1fr 1fr}.t1-game-card h3{font-size:.84rem}.t1-game-card p{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.t1-cat,.t1-game-card,.t1-primary,.t1-secondary,.header-play-cta{transition:none!important}}


/* ===== Template 5 homepage fidelity layer ===== */
body.home-page{background:radial-gradient(circle at 78% 7%,rgba(120,42,197,.22),transparent 22rem),radial-gradient(circle at -8% 52%,rgba(0,170,255,.14),transparent 26rem),linear-gradient(180deg,#06112f 0%,#020b23 58%,#02091d 100%)!important}
.site-header.dtg-header,.site-header.home-header{background:linear-gradient(90deg,rgba(3,13,39,.98),rgba(15,9,52,.97),rgba(10,15,53,.98))!important}
.site-nav>a[aria-current="page"],.site-nav>a:hover,.nav-dropdown-toggle:hover{background:transparent!important;box-shadow:none!important;color:#fff!important;position:relative}
.site-nav>a[aria-current="page"]::after,.site-nav>a:hover::after{content:"";position:absolute;left:15px;right:15px;bottom:4px;height:2px;border-radius:4px;background:linear-gradient(90deg,#f52cad,#8e48ff,#37d9ff)}
.template-home{overflow:hidden!important}
.t5-hero{min-height:505px!important;grid-template-columns:minmax(0,49%) minmax(0,51%)!important;background:radial-gradient(circle at 68% 35%,rgba(35,57,147,.25),transparent 28rem),linear-gradient(110deg,#061431 0%,#071333 53%,#081031 100%)!important;border-bottom:0!important;overflow:hidden!important}
.t5-hero::before{content:"";position:absolute;left:-34px;top:85px;width:86px;height:86px;border-radius:22px;background:linear-gradient(145deg,#00c8ff,#296dff);transform:rotate(45deg);box-shadow:0 0 30px rgba(0,194,255,.3)}
.t5-hero::after{content:"";position:absolute;right:-38px;bottom:40px;width:90px;height:90px;border-radius:24px;background:linear-gradient(145deg,#f42dad,#744bff);transform:rotate(45deg);opacity:.85}
.t5-hero-copy{padding:48px 20px 40px max(50px,calc((100vw - 1180px)/2))!important;justify-content:center!important}
.t5-kicker{padding:0!important;border:0!important;background:transparent!important;color:#d4b8ff!important;font-size:.73rem!important;letter-spacing:.13em!important;font-weight:900!important}
.t5-title{font-size:clamp(2.8rem,4.45vw,4.7rem)!important;line-height:1.03!important;letter-spacing:-.045em!important;color:#fff!important;text-transform:uppercase!important}
.t5-title>span{display:inline!important;margin:0!important;background:linear-gradient(90deg,#fb28b0 0%,#a14aff 38%,#41dbff 76%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.t5-title em{font-style:normal;background:linear-gradient(90deg,#31cfff,#35edff);-webkit-background-clip:text;background-clip:text;color:transparent}
.t5-hero-intro{max-width:565px!important;font-size:1rem!important;line-height:1.55!important;color:#d8e2f7!important}
.t5-hero-visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:18px max(26px,calc((100vw - 1220px)/2)) 18px 0}
.t5-hero-visual img{display:block;width:min(100%,570px);height:auto;object-fit:contain;filter:drop-shadow(0 28px 38px rgba(0,0,0,.34))}
.t1-primary{background:linear-gradient(100deg,#f823a5,#bd36f0 52%,#3288ff)!important;box-shadow:0 0 26px rgba(244,36,181,.25)!important}
.t1-secondary{border-color:rgba(74,132,222,.66)!important;background:#07163d!important}
.t5-grid-icon{display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:3px}.t5-grid-icon i{display:block;width:6px;height:6px;background:#fff;border-radius:1px}
.t5-benefits{margin-top:25px!important;gap:30px!important}.t5-benefits span{gap:9px!important;color:#eef4ff!important}.t5-benefits strong{font-weight:800}.t5-benefit-icon{font-size:1.3rem!important;color:#2de2ff!important}
.t1-category-shell{margin-top:0!important;background:linear-gradient(145deg,rgba(8,29,72,.98),rgba(6,20,55,.98))!important;border-color:#154b91!important}
.t1-cat{min-height:110px!important;border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.20),0 12px 24px rgba(0,0,0,.18)!important}.t5-icon{font-family:Arial,sans-serif!important;font-size:2rem!important;font-weight:900!important;color:#fff!important;filter:none!important;text-shadow:none!important}.t5-smile{font-size:2.2rem!important}
.t1-popular{padding-top:26px!important}.t1-game-card{border-color:#20518f!important;background:linear-gradient(150deg,#071a43,#061535)!important;border-radius:13px!important}.t1-game-art{height:98px!important;background:linear-gradient(145deg,#081b47,#071638)!important;text-shadow:none!important}.t5-bubbles{display:flex;align-items:center;justify-content:center;gap:-4px}.t5-bubbles i,.t5-bubbles b{display:grid;place-items:center;width:54px;height:42px;border:3px solid;border-radius:18px;font-style:normal;font-size:1.4rem;background:#07173e}.t5-bubbles i{border-color:#1fe8ff;color:#1fe8ff;transform:translateX(7px)}.t5-bubbles b{border-color:#ff2bac;color:#ff2bac;transform:translateX(-7px)}
.t5-wheel{width:68px;height:68px;border-radius:50%;display:block;background:conic-gradient(#ffcb1e 0 12.5%,#ff4aa7 0 25%,#8041ff 0 37.5%,#27b8ff 0 50%,#17d99b 0 62.5%,#ffd72a 0 75%,#f95a2e 0 87.5%,#983dff 0);border:5px solid #27c8ff;box-shadow:0 0 18px rgba(54,197,255,.28)}
.t5-wyr{display:flex;align-items:center}.t5-wyr i,.t5-wyr b{display:grid;place-items:center;width:58px;height:44px;border-radius:50%;font-style:normal;font-size:1.5rem;color:#fff}.t5-wyr i{background:#ffc21a;transform:translateX(8px)}.t5-wyr b{background:#248cff;transform:translateX(-8px) translateY(-8px)}
.t5-thisthat{display:flex;gap:0;transform:rotate(-4deg)}.t5-thisthat i,.t5-thisthat b{display:grid;place-items:center;width:56px;height:46px;border-radius:10px;font-style:normal;font-size:1rem;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.18)}.t5-thisthat i{background:#1aa7ff;transform:rotate(-8deg) translateX(5px)}.t5-thisthat b{background:#f52fa3;transform:rotate(8deg) translateX(-5px)}
.t5-bottle{display:block;width:28px;height:72px;border-radius:10px 10px 14px 14px;background:linear-gradient(90deg,#2bc8ff,#87e6ff 46%,#2e8eff);border:2px solid #8cf4ff;transform:rotate(38deg);position:relative}.t5-bottle::before{content:"";position:absolute;width:11px;height:18px;left:7px;top:-15px;border-radius:4px 4px 0 0;background:#f7b81d;border:2px solid #fff2a2}
.t5-dice{display:flex;gap:4px;align-items:center}.t5-dice i,.t5-dice b{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#f7f8ff;color:#121936;font-size:.85rem;font-style:normal;letter-spacing:4px;box-shadow:0 8px 18px rgba(0,0,0,.25)}.t5-dice i{transform:rotate(-15deg) translateX(7px)}.t5-dice b{transform:rotate(12deg) translateX(-7px) translateY(-8px)}
.t5-ready{border:2px solid rgba(244,49,181,.78)!important;background:linear-gradient(110deg,#151b59 0%,#21175e 58%,#131c5d 100%)!important;box-shadow:0 0 24px rgba(243,42,177,.14)!important;padding:18px 28px!important}.t5-ready>div>span.t5-lightning{font-size:3.4rem!important;line-height:1;color:#ffe329;text-shadow:0 0 12px #ff2bab,0 0 20px #ff3ab8;transform:skew(-8deg)}.t5-ready h2{font-size:1.55rem!important;line-height:1.18!important}.t5-ready>a{min-width:250px!important;background:linear-gradient(100deg,#f626a9,#c132ed 52%,#347fff)!important}

/* Template 5 interior page treatment */
body.neon-site-page .page-hero,body.neon-site-page .section-card{background:linear-gradient(145deg,rgba(8,28,70,.96),rgba(5,16,45,.98))!important;border-color:rgba(35,84,157,.62)!important}
body.neon-site-page .page-hero{position:relative;overflow:hidden}
body.neon-site-page .page-hero::after{content:"";position:absolute;right:-48px;top:-48px;width:190px;height:190px;border-radius:42px;background:linear-gradient(145deg,rgba(244,40,174,.14),rgba(46,142,255,.14));transform:rotate(32deg);pointer-events:none}

@media(max-width:1020px){.t5-hero{grid-template-columns:1fr!important}.t5-hero-copy{padding:42px 28px 22px!important}.t5-hero-visual{padding:0 20px 32px!important;justify-content:center!important}.t5-hero-visual img{width:min(100%,620px)!important}.t5-hero::before,.t5-hero::after{display:none}}
@media(max-width:680px){.t5-title{font-size:clamp(2.35rem,12vw,3.55rem)!important}.t5-hero-copy{padding:32px 18px 18px!important}.t5-kicker{font-size:.58rem!important;white-space:normal!important}.t5-hero-intro{font-size:.94rem!important}.t5-benefits{gap:13px 18px!important}.t5-hero-visual{padding:0 12px 24px!important}.t5-ready{padding:18px!important}.t5-ready h2{font-size:1.25rem!important}.t5-ready>a{min-width:0!important}}

/* Template 5 popular game icon artwork — exact approved assets */
.t1-game-art .t5-game-icon{display:block;width:86px;height:86px;max-width:86px;max-height:86px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 12px rgba(0,0,0,.18));}
.t1-game-card:hover .t5-game-icon{transform:translateY(-2px) scale(1.025);transition:transform .2s ease;}
.t5-popular-emoji{display:grid;place-items:center;width:86px;height:86px;font-size:3.65rem;line-height:1;filter:drop-shadow(0 9px 12px rgba(0,0,0,.22));transition:transform .2s ease;}
.t1-game-card:hover .t5-popular-emoji{transform:translateY(-2px) scale(1.04);}
@media(max-width:680px){.t1-game-art .t5-game-icon{width:72px;height:72px;max-width:72px;max-height:72px}.t5-popular-emoji{width:72px;height:72px;font-size:3.15rem}}
@media(prefers-reduced-motion:reduce){.t1-game-card:hover .t5-game-icon,.t1-game-card:hover .t5-popular-emoji{transform:none;transition:none;}}


/* Template 5 category icons: glossy 3D style */
.t5-icon3d{
  position:relative;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin:0 auto 8px;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.22));
  transform:translateZ(0);
}
.t5-icon3d svg{width:100%;height:100%;display:block;overflow:visible}
.t5-icon3d::after{
  content:"";
  position:absolute;
  inset:5px 7px auto 7px;
  height:15px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
  opacity:.65;
  pointer-events:none;
}
.t1-cat:hover .t5-icon3d{transform:translateY(-2px) scale(1.045)}
@media (prefers-reduced-motion:no-preference){
  .t5-icon3d{transition:transform .18s ease}
}

/* Funny glossy face */
.t5-icon3d-funny{
  border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#fff7a8 0 11%,#ffd735 25%,#ffae00 68%,#f27d00 100%);
  box-shadow:inset 0 2px 8px rgba(255,255,255,.68),inset 0 -7px 12px rgba(176,78,0,.28),0 0 0 2px rgba(255,255,255,.18);
}
.t5-orb-face,.t5-kid-head{position:relative;width:100%;height:100%;display:block}
.t5-orb-face .eye,.t5-kid-head .eye{position:absolute;width:6px;height:8px;border-radius:50%;background:#633700;top:19px}
.t5-orb-face .e1,.t5-kid-head .e1{left:15px}.t5-orb-face .e2,.t5-kid-head .e2{right:15px}
.t5-orb-face .smile,.t5-kid-head .smile{position:absolute;left:15px;right:15px;bottom:12px;height:12px;border-bottom:4px solid #633700;border-radius:0 0 50% 50%}

/* Kids glossy face */
.t5-icon3d-kids{
  border-radius:50%;
  background:radial-gradient(circle at 30% 22%,#b8ffd9 0 10%,#36e79f 28%,#10b976 70%,#058c58 100%);
  box-shadow:inset 0 2px 8px rgba(255,255,255,.6),inset 0 -7px 12px rgba(0,70,46,.25),0 0 0 2px rgba(255,255,255,.16)
}
.t5-kid-head .hair{
  position:absolute;left:11px;right:11px;top:8px;height:13px;border-radius:50% 50% 40% 40%;
  background:linear-gradient(135deg,#0f6947,#063f2e);
  clip-path:polygon(0 30%,20% 0,38% 28%,53% 0,70% 30%,88% 7%,100% 40%,100% 100%,0 100%)
}
.t5-kid-head .eye{background:#064e38;top:22px}
.t5-kid-head .smile{border-bottom-color:#064e38;bottom:10px}

/* 3D people icons */
.t5-icon3d-group{display:block}
.t5-icon3d-group .person{position:absolute;bottom:7px;width:20px;height:24px;border-radius:11px 11px 7px 7px;box-shadow:inset 0 2px 4px rgba(255,255,255,.45),0 3px 6px rgba(0,0,0,.14)}
.t5-icon3d-group .person::before{content:"";position:absolute;left:4px;top:-10px;width:12px;height:12px;border-radius:50%;background:inherit;box-shadow:inset 0 2px 3px rgba(255,255,255,.45)}
.t5-icon3d-group .p1{left:3px;transform:scale(.86)}
.t5-icon3d-group .p2{left:17px;z-index:2;transform:scale(1.03)}
.t5-icon3d-group .p3{right:3px;transform:scale(.86)}
.t5-icon3d-teens .person{background:linear-gradient(145deg,#c7a7ff,#7a3cff 58%,#4b16c9)}
.t5-icon3d-friends .person{background:linear-gradient(145deg,#bcecff,#46a7ff 58%,#1764e8)}

/* Slightly more sculpted SVG icons */
.t5-icon3d-flame svg,.t5-icon3d-heart svg,.t5-icon3d-party svg,.t5-icon3d-moon svg{
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));
}

@media (max-width:680px){
  .t5-icon3d{width:46px;height:46px;margin-bottom:6px}
  .t5-orb-face .eye,.t5-kid-head .eye{top:16px}
  .t5-orb-face .e1,.t5-kid-head .e1{left:13px}
  .t5-orb-face .e2,.t5-kid-head .e2{right:13px}
  .t5-orb-face .smile,.t5-kid-head .smile{left:13px;right:13px;bottom:10px}
}

/* Games hub categorized library */
.games-library-intro{padding-bottom:1.25rem}
.games-jump-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;max-width:920px;margin:0 auto}
.games-jump-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.62rem .92rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#edf4ff;text-decoration:none;font-size:.82rem;font-weight:850;transition:.18s ease}
.games-jump-nav a:hover,.games-jump-nav a:focus-visible{border-color:rgba(92,226,255,.7);background:rgba(80,203,255,.12);color:#fff}
.games-category-section{scroll-margin-top:108px}
.games-category-heading{max-width:780px;margin-left:auto;margin-right:auto}
.games-3d-section{background:radial-gradient(circle at 50% 0,rgba(67,222,255,.08),transparent 42%),linear-gradient(145deg,rgba(9,23,74,.84),rgba(54,15,90,.76))}
.games-3d-card{border-color:rgba(94,224,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 36px rgba(5,0,65,.2)}
@media(max-width:680px){.games-jump-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.games-jump-nav a{padding:.55rem .5rem;font-size:.74rem;text-align:center}.games-category-section{scroll-margin-top:82px}}
@media(max-width:390px){.games-jump-nav{grid-template-columns:1fr}}

/* Games page: scalable category-first accordion */
.games-library-intro{padding-bottom:1.35rem}
.game-category-boxes{display:grid;gap:1rem;max-width:1080px;margin:0 auto}
.game-category-box{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(13,30,88,.86),rgba(55,18,94,.78));
  box-shadow:0 18px 42px rgba(3,0,61,.22),inset 0 1px rgba(255,255,255,.06);
}
.game-category-box.is-3d{
  background:
    radial-gradient(circle at 15% 0,rgba(61,221,255,.12),transparent 38%),
    linear-gradient(145deg,rgba(8,31,88,.9),rgba(63,18,99,.82));
  border-color:rgba(87,226,255,.24);
}
.game-category-toggle{
  width:100%;
  min-height:116px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:1rem;
  padding:1.05rem 1.15rem;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.game-category-toggle:hover{background:rgba(255,255,255,.035)}
.game-category-toggle:focus-visible{outline:2px solid #64e7ff;outline-offset:-3px}
.game-category-icon{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(71,207,255,.2),rgba(211,69,255,.16));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 22px rgba(2,0,55,.22);
  font-size:2rem;
}
.game-category-copy{display:grid;gap:.22rem;min-width:0}
.game-category-kicker{
  color:#75ecff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.game-category-copy strong{
  font-size:clamp(1.12rem,2vw,1.45rem);
  line-height:1.15;
}
.game-category-copy small{
  max-width:680px;
  color:#bec9ea;
  font-size:.84rem;
  line-height:1.45;
}
.game-category-meta{
  display:grid;
  justify-items:end;
  gap:.18rem;
  min-width:90px;
  color:#c6d4f5;
}
.game-category-meta b{color:#fff;font-size:.86rem}
.game-category-meta span{color:#71eaff;font-size:.74rem;font-weight:850}
.game-category-chevron{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);
  font-size:1.25rem;
  transition:transform .22s ease,background .22s ease;
}
.game-category-toggle[aria-expanded="true"] .game-category-chevron{
  transform:rotate(180deg);
  background:rgba(92,226,255,.13);
}
.game-category-toggle[aria-expanded="true"]{
  background:linear-gradient(90deg,rgba(49,151,255,.06),rgba(218,72,255,.05));
}
.game-category-panel{
  border-top:1px solid rgba(255,255,255,.11);
  padding:1rem;
  background:rgba(5,12,51,.22);
}
.game-category-panel[hidden]{display:none}
.game-category-panel .grid{margin:0}
.games-3d-card{border-color:rgba(94,224,255,.22)}
@media(max-width:760px){
  .game-category-boxes{gap:.75rem}
  .game-category-toggle{
    min-height:98px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:.72rem;
    padding:.82rem;
  }
  .game-category-icon{width:52px;height:52px;border-radius:15px;font-size:1.55rem}
  .game-category-copy strong{font-size:1rem}
  .game-category-copy small{font-size:.75rem;line-height:1.35}
  .game-category-meta{display:none}
  .game-category-chevron{width:34px;height:34px;font-size:1.1rem}
  .game-category-panel{padding:.75rem}
}
@media(max-width:430px){
  .game-category-toggle{grid-template-columns:46px minmax(0,1fr) 30px;gap:.58rem;padding:.72rem}
  .game-category-icon{width:46px;height:46px;border-radius:13px;font-size:1.35rem}
  .game-category-copy small{display:none}
  .game-category-chevron{width:30px;height:30px}
}

/* Games page: 4 category boxes per desktop row */
.games-category-grid-section{overflow:visible}
.game-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1160px;margin:0 auto}
.game-category-tile{position:relative;min-width:0;min-height:250px;display:flex;flex-direction:column;align-items:flex-start;gap:.42rem;padding:1.05rem;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:radial-gradient(circle at 18% 0,rgba(71,213,255,.09),transparent 35%),linear-gradient(150deg,rgba(18,42,110,.92),rgba(65,22,105,.88));color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 34px rgba(3,0,61,.2),inset 0 1px rgba(255,255,255,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.game-category-tile:hover,.game-category-tile:focus-visible{transform:translateY(-3px);border-color:rgba(85,226,255,.55);box-shadow:0 20px 42px rgba(3,0,61,.28),0 0 0 1px rgba(85,226,255,.08),inset 0 1px rgba(255,255,255,.09);outline:none}
.game-category-tile[aria-expanded="true"]{border-color:rgba(85,226,255,.72);background:radial-gradient(circle at 18% 0,rgba(71,213,255,.16),transparent 38%),linear-gradient(150deg,rgba(17,57,132,.96),rgba(82,24,119,.92));box-shadow:0 20px 44px rgba(3,0,61,.3),0 0 26px rgba(62,210,255,.1)}
.game-category-tile.is-3d{background:radial-gradient(circle at 20% 0,rgba(86,230,255,.16),transparent 36%),linear-gradient(150deg,rgba(13,49,116,.95),rgba(73,22,118,.91))}
.game-category-tile-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:.18rem;border-radius:16px;background:linear-gradient(145deg,rgba(70,207,255,.22),rgba(213,77,255,.18));border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 20px rgba(2,0,55,.22);font-size:1.75rem}
.game-category-tile-kicker{color:#75ecff;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.game-category-tile strong{font-size:1.08rem;line-height:1.2}
.game-category-tile-desc{color:#c3cdec;font-size:.76rem;line-height:1.48;flex:1}
.game-category-tile-foot{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.48rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.1)}
.game-category-tile-foot b{font-size:.74rem;color:#fff}.game-category-tile-foot span{font-size:.72rem;color:#69e9ff;font-weight:900}
.game-category-results{max-width:1160px;margin:1rem auto 0;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(8,23,72,.76),rgba(47,15,79,.72));box-shadow:0 18px 40px rgba(3,0,61,.2),inset 0 1px rgba(255,255,255,.05)}
.game-category-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:.25rem;padding:1.2rem;color:#c3cdec;text-align:center}
.game-category-empty>span{font-size:1.7rem}.game-category-empty strong{color:#fff;font-size:1rem}.game-category-empty p{margin:0;font-size:.8rem}
.game-category-result-panel{padding:1rem}.game-category-result-panel[hidden]{display:none}
.game-category-result-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.game-category-result-head span{display:block;color:#6de8ff;font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.game-category-result-head h3{margin:.15rem 0 0;font-size:1.35rem}
.game-category-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:1.25rem;cursor:pointer}
.game-category-close:hover{background:rgba(255,255,255,.12);border-color:rgba(91,230,255,.5)}
@media(max-width:1000px){.game-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-category-tile{min-height:220px}}
@media(max-width:560px){.game-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.game-category-tile{min-height:205px;padding:.8rem;border-radius:16px}.game-category-tile-icon{width:46px;height:46px;border-radius:13px;font-size:1.35rem}.game-category-tile-kicker{font-size:.56rem}.game-category-tile strong{font-size:.9rem}.game-category-tile-desc{font-size:.68rem;line-height:1.4}.game-category-tile-foot{display:grid;gap:.14rem}.game-category-tile-foot span{font-size:.66rem}.game-category-result-panel{padding:.75rem}}
@media(max-width:360px){.game-category-grid{grid-template-columns:1fr}.game-category-tile{min-height:190px}}