@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
.teen-page{--neon:#c7fa68;--violet:#a38bff;--dark:#14132b;background:var(--dark);color:#f3efff;font-family:'Space Grotesk',sans-serif}.teen-page h1,.teen-page h2,.teen-page h3{font-family:'Space Grotesk',sans-serif}.teen-page .build-banner{background:#26243d;color:#b8abc9;font-size:8px;letter-spacing:.1em}.teen-page .logo{background:white;border-radius:11px;width:155px;height:88px}.teen-page .logo img{width:170px;top:-14px}.teen-page .play-header{height:126px}.teen-page .audience-switch{border:1px solid #49415f;background:#201e35;border-radius:8px;padding:4px}.teen-page .audience-switch a{border-radius:4px;color:#a89abf;font-size:12px;padding:10px 17px}.teen-page .audience-switch a[aria-current]{background:var(--neon);box-shadow:none;color:#222437}.teen-page .header-link{color:var(--neon);font-size:10px;letter-spacing:.03em}.teen-page .eyebrow{font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:var(--violet)}.teen-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:55px 0 75px}.teen-hero h1{font-size:59px;line-height:1.06;letter-spacing:-3px;margin:24px 0}.teen-hero h1 em{color:var(--neon)}.teen-hero p{font-size:16px;line-height:1.8;color:#aa9bbb}.quest-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--neon);border:1px solid #d5ff8c;border-bottom:5px solid #799d3c;color:#20252b;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.04em;border-radius:5px;padding:18px 22px;margin-top:27px;transition:transform .15s}.quest-button:hover{transform:translateY(-3px)}.quest-button:active{transform:translateY(3px)}.hero-disclaimer{display:block;font-size:9px;color:#7f728f;margin-top:19px}.quest-art{height:390px;border:1px solid #514464;background:#231c3b;position:relative;overflow:hidden;border-radius:12px;box-shadow:12px 12px 0 #0e0d20;transform:rotate(2deg)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#55406830 1px,transparent 1px),linear-gradient(90deg,#55406830 1px,transparent 1px);background-size:28px 28px}.level-tag{position:absolute;top:22px;left:23px;font-size:7px;letter-spacing:.13em;color:#a492bf}.pixel-bubble{position:absolute;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bubble-one{top:92px;left:55px;width:180px;height:143px;background:#ab91f3;border:4px solid #d0bfff;box-shadow:7px 9px 0 #694fa5;transform:rotate(-9deg);color:#33274d}.bubble-one:after{content:'';position:absolute;bottom:-24px;left:25px;border-top:26px solid #ab91f3;border-right:25px solid transparent}.bubble-eyes{font-size:53px;line-height:.8;letter-spacing:13px}.bubble-smile{font-size:60px;line-height:.9}.bubble-two{background:var(--neon);color:#324323;border:3px solid #ddff9f;width:130px;height:88px;top:190px;right:25px;transform:rotate(8deg);box-shadow:5px 6px 0 #698744;border-radius:8px;font-size:23px;font-weight:700}.art-star{position:absolute;right:46px;top:77px;font-size:63px;color:#fd9d58}.quest-label{position:absolute;bottom:31px;left:25px;right:25px;display:grid;grid-template-columns:1fr auto;gap:9px}.quest-label>span{grid-column:1/-1;font-size:7px;color:var(--neon);letter-spacing:.14em}.quest-label strong{font-size:21px;font-weight:500}.quest-label small{font-size:7px;align-self:center;color:#9e8fb5}.art-coordinate{position:absolute;right:0;top:45px;writing-mode:vertical-rl;font-size:6px;letter-spacing:.16em;color:#80718f;padding:10px}.teen-ticker{border-block:1px solid #3a304c;background:#1c182f}.teen-ticker>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:9px;letter-spacing:.12em;color:#afa0c3}.teen-ticker b{font-size:17px;color:var(--neon)}.teen-section{padding:70px 0}.teen-section-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.teen-page h2{font-size:37px;line-height:1.15;letter-spacing:-1.5px;margin:16px 0}.teen-section-title p{font-size:12px;line-height:1.9;color:#9a8bac}.teen-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.teen-features article{border-top:2px solid #695684;padding:23px 0}.teen-features article:nth-child(2){border-color:#c7fa68}.teen-features article:nth-child(3){border-color:#dc8557}.teen-features article>span{font-size:8px;color:#9a81bd;letter-spacing:.1em}.teen-features h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:20px 0 13px;font-weight:500}.teen-features p{font-size:12px;line-height:1.9;color:#9d8ab1}.teen-mission-band{background:#211b36;border-block:1px solid #453454}.mission-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:65px 0;align-items:center}.mission-split p{font-size:14px;line-height:1.9;color:#b9a8cb;margin:17px 0}.mission-split p strong{color:#dbcbef;font-weight:500}.mission-rules{display:flex;gap:15px;flex-wrap:wrap;font-size:8px;color:#9781ad;margin-top:25px}.teen-game{background:#161126;border:1px solid #695081;border-bottom:6px solid #48315f;border-radius:10px;padding:26px}.game-status{display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.1em;color:#967caf}.game-status>span+span{color:var(--neon)}.teen-game h3{font-size:26px;margin:24px 0 20px;font-weight:500}.teen-choices{display:flex;flex-direction:column;gap:12px}.teen-choices button{background:#251b38;border:1px solid #4a355e;border-bottom:4px solid #39264d;border-radius:5px;color:#d0bde3;display:flex;gap:13px;align-items:center;padding:12px 14px;text-align:left;font:500 12px 'Space Grotesk',sans-serif}.teen-choices button b{border:1px solid #5e4676;border-radius:3px;font-size:9px;padding:3px 5px;font-weight:500;color:#9b80b7}.teen-choices button:hover{border-color:var(--violet)}.teen-choices button.correct{background:#25362b;border-color:var(--neon);color:#d8f4b6}.teen-game p#teen-feedback{font-size:11px;line-height:1.8;min-height:40px;margin-bottom:0;color:#a18bb9}.teen-text-button{border:0;background:none;color:var(--neon);font:500 9px 'Space Grotesk',sans-serif;letter-spacing:.08em;padding:14px 0 0}.teen-team{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.team-graphic{border:1px solid #4a3c5d;background:repeating-linear-gradient(-45deg,#201a33,#201a33 12px,#231c38 12px,#231c38 24px);padding:35px;border-radius:10px;transform:rotate(-3deg);text-align:center}.team-graphic>span{font-size:9px;letter-spacing:.13em;color:#a58aba}.team-graphic>div{font-size:65px;letter-spacing:12px;color:var(--violet);padding:35px 0}.team-graphic b{color:var(--neon)}.team-graphic small{font-size:7px;letter-spacing:.13em;color:#a58aba}.teen-team p{font-size:12px;line-height:1.9;color:#a38eb6}.teen-note{border-top:1px solid #44324f;padding-top:17px;margin-top:22px}.teen-note strong{font-size:11px;color:#baa2cd;font-weight:500}.teen-note p{font-size:10px;line-height:1.9;margin-top:8px;color:#8e789f}.teen-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#28203b;border:1px solid #4e3b63;border-radius:9px;padding:30px 35px;margin-bottom:50px}.teen-closing h2{font-size:28px}.teen-closing .quest-button{margin-top:0}.teen-footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:15px 0 30px}.teen-footer>a{font-size:15px;font-weight:700}.teen-footer>a>span{display:block;font-size:7px;margin-top:7px;color:#9c88b0;font-weight:400}.teen-footer nav{display:flex;gap:23px;margin-left:auto;font-size:10px;color:#a18bb9}.teen-footer>small{width:100%;border-top:1px solid #3f304d;padding-top:17px;font-size:8px;color:#786387}.teen-page a:focus-visible,.teen-page button:focus-visible{outline-color:var(--neon)}
@media(max-width:1000px){.teen-hero{gap:25px}.teen-hero h1{font-size:49px;letter-spacing:-2px}.quest-art{height:360px}.bubble-one{left:27px;width:155px;height:130px}.bubble-two{right:20px;width:115px;top:184px}.quest-label small{display:none}.teen-hero p{font-size:14px}.mission-split,.teen-team{gap:45px}.teen-section-title p{font-size:11px}.teen-page .play-header{gap:15px}.teen-page .audience-switch a{padding:10px 13px}.teen-closing{padding:25px}.teen-closing h2{font-size:25px}}
@media(max-width:700px){.teen-page .play-header{height:auto;padding:14px 0 20px}.teen-page .logo{width:120px;height:70px}.teen-page .logo img{width:136px;top:-12px}.teen-page .header-link{font-size:9px}.teen-page .audience-switch{width:100%;border:1px solid #49415f}.teen-page .audience-switch a{flex:1;text-align:center}.teen-hero{grid-template-columns:1fr;padding:30px 0 45px;gap:35px}.teen-hero h1{font-size:48px}.teen-hero p{font-size:14px}.teen-page .eyebrow{font-size:8px}.quest-art{max-width:410px;width:100%;height:350px;margin:auto}.bubble-one{left:40px}.bubble-two{right:35px}.teen-ticker>div{font-size:7px;letter-spacing:0;gap:10px;padding:17px 0}.teen-ticker b{font-size:13px}.teen-section{padding:45px 0}.teen-section-title{display:block}.teen-page h2{font-size:31px}.teen-section-title p{font-size:12px}.teen-features{grid-template-columns:1fr;gap:15px;margin-top:25px}.teen-features article{padding:20px 0 10px}.teen-features h3 br{display:none}.teen-features h3{font-size:22px;margin-top:13px}.teen-features p{font-size:12px}.mission-split,.teen-team{grid-template-columns:1fr;gap:30px}.mission-split{padding:40px 0}.teen-game{padding:22px}.team-graphic{padding:25px}.team-graphic>div{font-size:55px}.teen-closing{display:block;margin-bottom:30px}.teen-closing .quest-button{margin-top:15px}.teen-closing h2{font-size:26px}.teen-footer{gap:22px}.teen-footer nav{margin-left:0;font-size:9px;gap:18px}.teen-page .build-banner{font-size:7px}}
@media(prefers-reduced-motion:reduce){.quest-button:hover,.quest-button:active{transform:none}}