/* A little curiosity on a white canvas. */
:root{--paper:#fff;--line:#eae6ef}
body{background:radial-gradient(ellipse 480px 500px at 1% 42%,#f7f3ff 0,transparent 80%),radial-gradient(ellipse 420px 500px at 100% 65%,#fff5f0 0,transparent 80%),#fff}
main{position:relative}.hero{min-height:430px}.heroVisual{min-height:430px}.heroCopy{padding-top:32px;padding-bottom:25px}.hero h1{font-size:46px}.heroLabel{margin-top:22px}.heroDesc{margin-bottom:22px}.slideControls{margin-top:24px}
.quizSpotlight{margin:24px 0 52px;padding:30px 42px;min-height:270px;border:1px solid #e8e1f1;border-radius:20px;background:radial-gradient(circle at 80% 45%,#eee6ff 0,transparent 44%),linear-gradient(115deg,#fff 0%,#faf7ff 65%,#fff5ed 100%);display:grid;grid-template-columns:1.1fr 1fr;gap:20px;box-shadow:0 8px 35px #49305e05}
.quizSpotlight:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#aa8fc32b .8px,transparent .8px);background-size:15px 15px;mask-image:linear-gradient(90deg,transparent 45%,black);pointer-events:none}
.quizSpotlight h2{font-size:30px;line-height:1.35;letter-spacing:-1.2px;margin:10px 0}.quizSpotlight h2 em{font-style:normal;color:#7548c2}.quizSpotlight p{font-size:13px;line-height:1.8;margin:10px 0 17px;color:#7d6c90}.quizSpotlight .primary{padding:13px 20px;display:inline-flex;gap:24px;align-items:center;border-radius:9px;background:#7548c2;color:white}.quizCopy>small{display:block;font-size:10px;color:#9486a1;margin-top:11px}
.quizScene{position:relative;align-self:stretch;min-height:240px;isolation:isolate}.sceneOrbit{position:absolute;inset:8% 12%;border:1px dashed #bda8d8;border-radius:50%;transform:rotate(-18deg)}.quizTile{position:absolute;width:130px;padding:7px 7px 11px;background:#fff;border-radius:10px;box-shadow:0 9px 24px #51416b17;border:1px solid #eee8f5}.quizTile img{height:90px;width:100%;object-fit:cover;border-radius:5px}.quizTile span{display:block;text-align:center;font-size:10px;font-weight:700;color:#645477;margin-top:9px}.tileNature{top:5px;left:7%;transform:rotate(-11deg)}.tileSound{right:6%;bottom:16px;transform:rotate(9deg)}.quizQuestion{position:absolute;top:60px;left:39%;width:110px;height:110px;border-radius:50%;background:#fa927a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg);font-size:17px;line-height:1.6;color:#4b2d43;box-shadow:0 5px 0 #ed806a}.quizQuestion b{font-size:21px}.sceneSpark{position:absolute;color:#aa8bd3;font-size:35px}.sparkOne{right:13%;top:0;transform:rotate(15deg)}.sparkTwo{left:17%;bottom:25px;color:#edb689;font-size:27px}.sceneCaption{position:absolute;bottom:-4px;left:16%;font-size:10px;letter-spacing:1px;color:#a08eb2}
.discoverIntro{font-size:13px;color:#8a7a99;margin:10px 0 0}.catalogSummary{padding:20px 0 16px;gap:27px}.categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px!important;margin-top:0}.catGroup .category{min-height:57px!important;height:57px;padding:12px!important;font-size:12px!important;border:1px solid #e8e1ef;background:#fff;border-radius:10px;white-space:nowrap}.category small{margin-left:auto}.category span{color:#a58bc7;font-size:18px!important}.category:hover{border-color:#bfa8e2;background:#faf7ff}.category.active{background:#7449bb;color:#fff;border-color:#7449bb}.adultCategory .category{background:#fff4ef;border-color:#f5d6cb;color:#a75b4a}.adultCategory .category span{color:#c2735e;font-size:12px!important;font-weight:900;border:1px solid #e9bdae;border-radius:50%;padding:4px}.adultCategory .category.active{background:#a75b4a;color:#fff}
.catGroup .subMenu{width:400px;max-width:80vw;box-shadow:0 16px 40px #4b2f6c20}.categories .catGroup:nth-child(n) .subMenu{left:0;right:auto}.categories .catGroup:nth-child(5n) .subMenu,.categories .catGroup:nth-child(5n-1) .subMenu{left:auto;right:0}.subMenu button{color:#655575}.subMenu button:hover{background:#f3ecff}.subMenu strong{color:#7450a2}
.categoryExpand{display:flex;width:100%;justify-content:center;align-items:center;gap:22px;padding:16px 22px;border:1px solid #e5dbef;background:#faf7ff;border-radius:10px;font-size:13px;font-weight:600;color:#7d5ba4;margin:8px 0 20px}.categoryExpand span{font-size:20px;font-weight:400}.categoryDirectory{margin:10px 0 30px;background:#fdfbff;border:1px solid #e9e1f2;border-radius:14px;padding:8px 25px}.categoryDirectory section{padding:19px 0;border-bottom:1px solid #ece5f4}.categoryDirectory section:last-child{border:0}.categoryDirectory h3{font-size:14px;margin:0 0 12px;color:#65478b}.categoryDirectory section>div{display:flex;gap:7px;flex-wrap:wrap}.categoryDirectory button{font-size:11px;padding:7px 10px;background:#fff;border:1px solid #e7deef;border-radius:6px;color:#82728e}.categoryDirectory button:hover{border-color:#9b75c7;background:#f3eaff}.filters{background:#f8f6fb;border:1px solid #eee7f4}.activeFilter{font-size:12px}.sectionhead h2{letter-spacing:-1px}
.ageGateBanner{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:23px;border:1px solid #eedbd7;border-radius:14px;background:#fff7f4}.ageGateBanner .ageIcon{margin:0;font-size:17px;flex-shrink:0}.ageGateBanner strong{font-size:15px}.ageGateBanner p{font-size:12px;line-height:1.8;color:#927870;margin:7px 0 0}.ageGateBanner .primary{margin-left:auto;white-space:nowrap;font-size:12px;padding:13px 17px;background:#985f56;color:#fff}.lockedCard{min-height:360px;border-radius:13px;border:1px solid #eee4eb;overflow:hidden;background:#f8f4f8}.lockedVisual{filter:blur(8px);opacity:.48;padding:15px;user-select:none;pointer-events:none}.blurredPhoto{height:190px;border-radius:10px;background:radial-gradient(circle at 30% 70%,#bc91a5 0,transparent 30%),radial-gradient(circle at 70% 20%,#d2b1d8 0,transparent 45%),#e9d8e3}.lockedVisual b{display:block;font-size:18px;margin-top:25px}.lockedVisual p,.lockedVisual span{font-size:12px}.lockedOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;background:#fff9;backdrop-filter:blur(1px)}.lockBadge{border:1px solid #d7b9bb;background:#fff9;border-radius:50%;width:51px;height:51px;display:grid;place-content:center;font-size:18px;color:#9f6165;font-weight:800;margin-bottom:15px}.lockedOverlay strong{font-size:19px;color:#6b4c69}.lockedOverlay p{font-size:12px;line-height:1.8;text-align:center;color:#957f91;margin:12px 0 20px}.lockedOverlay button{font-size:11px;border-color:#d8bfd5;color:#886783}.lockedOverlay button:hover{background:#fbf3fb}
button:focus-visible,a:focus-visible{outline:3px solid #bb91f1;outline-offset:3px}#discover{scroll-margin-top:20px}
@media(min-width:1450px){.hero{min-height:450px}.heroVisual{min-height:450px}}
@media(max-width:1000px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.categories .catGroup:nth-child(n) .subMenu{left:0;right:auto}.categories .catGroup:nth-child(4n) .subMenu,.categories .catGroup:nth-child(4n-1) .subMenu{left:auto;right:0}.hero h1{font-size:40px}.quizSpotlight{padding:28px;gap:8px}.quizSpotlight h2{font-size:27px}.quizTile{width:110px}.quizQuestion{left:35%;width:90px;height:90px}.quizQuestion b{font-size:18px}.ageGateBanner{flex-wrap:wrap}}
@media(max-width:700px){.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.catGroup .category{font-size:11px!important;padding:9px!important;gap:6px!important}.category span{font-size:15px!important}.categories .catGroup:nth-child(n) .subMenu{left:0;right:auto}.categories .catGroup:nth-child(3n) .subMenu{left:auto;right:0}.quizSpotlight{grid-template-columns:1fr 1fr;padding:24px}.quizSpotlight h2{font-size:24px}.quizTile{width:92px}.quizTile img{height:75px}.quizQuestion{left:25%;top:85px}.tileNature{left:0}.tileSound{right:-5px;bottom:0}.sceneCaption{display:none}.ageGateBanner .primary{margin:0}}
@media(max-width:580px){.hero h1{font-size:37px}.heroCopy{padding:27px 26px 0}.heroVisual{min-height:300px;height:300px}.quizSpotlight{grid-template-columns:1fr;gap:10px;margin-top:18px;margin-bottom:37px;padding:26px;min-height:0}.quizSpotlight h2{font-size:27px}.quizScene{height:165px;min-height:165px;margin-top:8px}.quizTile{width:110px}.quizTile img{height:75px}.tileNature{left:3%;top:0}.tileSound{right:1%;bottom:0}.quizQuestion{left:37%;top:25px;width:85px;height:85px}.sceneOrbit{inset:5% 5%}.sparkOne{right:7%;font-size:25px}.sparkTwo{bottom:5px}.quizSpotlight p{font-size:12px}.quizSpotlight .primary{width:100%;justify-content:space-between}.discoverIntro{font-size:12px;line-height:1.8}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.catGroup .category{font-size:12px!important;height:54px;min-height:54px!important;padding:11px!important}.categories .catGroup:nth-child(n) .subMenu{left:0;right:auto}.categories .catGroup:nth-child(2n) .subMenu{left:auto;right:0}.catGroup .subMenu{width:calc(100vw - 34px);max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:13px}.subMenu button{font-size:11px!important}.catalogSummary{gap:14px;font-size:10px}.catalogSummary b{font-size:18px}.categoryExpand{font-size:11px;padding:13px 10px;gap:12px}.categoryDirectory{padding:3px 16px}.ageGateBanner{padding:18px;gap:12px;flex-wrap:wrap}.ageGateBanner>div{flex:1;min-width:180px}.ageGateBanner strong{font-size:13px;line-height:1.7}.ageGateBanner p{font-size:11px}.ageGateBanner .primary{width:100%}.lockedCard{min-height:300px}.lockedOverlay{padding:12px}.lockedOverlay strong{font-size:15px}.lockedOverlay p{font-size:10px}.lockedOverlay button{font-size:10px;padding:11px}.lockBadge{width:43px;height:43px;font-size:16px}.cards{gap:20px 12px}}
