.sprite.portrait{aspect-ratio:682/1192;background-image:url('/assets/pp-portrait.png');background-size:100% 100%;background-position:center}
.sprite.tt{aspect-ratio:537/790;background-image:url('/assets/tt.png');background-size:476.72253% 182.27848%;background-position:92.04152% 69.23077%}
.hero-pp{width:133px;right:46%;top:62px;z-index:2}
.hero-tt{position:absolute;width:156px;right:13%;top:152px;rotate:12deg;animation:bob 6s ease-in-out infinite;animation-delay:-2s}
.hero-orbit{border-style:dashed;opacity:.8}
.school-chapter{background:var(--green);color:var(--ink)}
.wonder-chapter{background:#d0cbfb;color:var(--ink)}
.scene-window{height:clamp(320px,38vw,620px)}
.scene-window>img{width:112%;height:100%;object-fit:cover;object-position:center;transform:translateX(calc(var(--scene-progress,0) * -7%));will-change:transform}
.home-chapter .scene-window{background:#000}
.scene-pp{left:calc(23% + var(--scene-progress,0) * 48%);bottom:17%;width:clamp(32px,3.6vw,66px);transition:rotate .3s}
.scene-tt{position:absolute;left:calc(13% + var(--scene-progress,0) * 48%);bottom:18%;width:clamp(28px,3.3vw,59px)}
.school-chapter .scene-pp,.school-chapter .scene-tt{bottom:23%}
.wonder-chapter .scene-pp{bottom:22%}
.home-chapter .scene-caption{color:#fff}
.scene-caption{font-size:12px;bottom:21px}
.play-notes{padding:115px 8% 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.notes-intro h2,.team-invite h2{font-size:clamp(34px,4vw,64px);line-height:1.25;letter-spacing:-1.5px;margin:0 0 27px}
.notes-intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.9}
.notes-list article{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:40px 1fr;gap:0 15px}
.notes-list article>span{font:14px monospace;grid-row:span 2;padding-top:8px;color:var(--pink)}
.notes-list h3{font-size:24px;margin:0;font-weight:600}
.notes-list p{margin:5px 0;color:var(--muted)}
.game-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:35px}
.game-facts span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}
.game-facts strong{font-size:17px;font-weight:500}
.team-invite{margin:0 5% 80px;background:var(--green);color:var(--ink);padding:70px 7%;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;border-radius:3px;overflow:hidden}
.team-invite .pill{margin-top:0;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.invite-characters{height:280px;position:relative}
.invite-characters .portrait{position:absolute;width:125px;left:9%;top:0;rotate:-12deg;animation:bob 5s ease-in-out infinite}
.invite-characters .tt{position:absolute;width:138px;left:50%;top:75px;rotate:14deg;animation:bob 6s ease-in-out infinite;animation-delay:-3s}
.footer-links{display:flex;gap:22px;align-items:center}.footer-links a:hover{color:var(--pink)}
.motion-toggle{background:transparent;border:0;color:var(--muted);font-size:12px;padding:7px 0;cursor:pointer}.motion-toggle:hover{color:var(--paper)}
.team-opening{padding:85px 8% 0;overflow:hidden}
.team-opening h1{font-size:clamp(42px,6.8vw,112px);line-height:1.2;letter-spacing:-3px;margin:0}
.team-opening h1 span{color:var(--pink)}
.team-opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px}
.team-opening-bottom>p{font-size:18px;color:var(--muted);line-height:1.9}
.team-pp{width:80px;rotate:15deg;animation:bob 5s ease-in-out infinite}
.team-count{font-size:96px;line-height:1;display:flex;align-items:center;gap:25px;color:var(--green);font-weight:700}
.team-count small{font:11px/1.8 monospace;letter-spacing:2px;color:var(--muted)}
.credits{padding:65px 8% 0}
.credits-header{display:flex;justify-content:space-between;font:12px monospace;color:var(--muted);padding-bottom:25px}
.credits article{position:relative;display:flex;align-items:center;gap:50px;border-top:1px solid var(--line);padding:28px 0;transition:padding .3s,color .3s}
.credits article:last-child{border-bottom:1px solid var(--line)}
.credits article:hover{padding-left:15px;color:var(--pink)}
.credit-number{font:14px monospace;color:var(--muted)}
.credits h2{font-size:clamp(25px,3.3vw,53px);font-weight:600;letter-spacing:-1px;line-height:1.3;margin:0}
.credit-mark{margin-left:auto;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--ink);background:var(--pink)}
.credits article:nth-of-type(even) .credit-mark{background:var(--green)}
.team-outro{text-align:center;padding:80px 8% 100px}
.team-outro>p{font-size:20px;color:var(--muted)}
.steam-main{min-height:calc(100svh - 199px);padding:65px 8% 75px;position:relative;overflow:hidden}
.steam-main h1{font-size:clamp(66px,10vw,170px);line-height:1.07;letter-spacing:-5px;margin:25px 0 32px;font-weight:850}
.steam-main h1 span{color:var(--green)}
.steam-message{color:var(--muted);font-size:20px}
.quiet-link{display:inline-block;border-bottom:1px solid #aaa;padding-bottom:4px;margin-top:32px;font-size:15px}
.steam-companions{position:absolute;right:10%;bottom:90px;width:320px;height:280px}
.steam-companions .portrait{width:115px;position:absolute;left:20px;top:0;rotate:-14deg;animation:bob 5s ease-in-out infinite}
.steam-companions .tt{width:140px;position:absolute;right:10px;bottom:0;rotate:14deg;animation:bob 6s ease-in-out infinite;animation-delay:-2s}
.has-motion .chapter-heading{opacity:.2;transform:translateY(30px);transition:transform .8s,opacity .8s}.has-motion .chapter-heading.in-view{opacity:1;transform:none}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] .cursor-companion{display:none}html[data-motion="off"] .chapter-heading{opacity:1;transform:none}
@media(min-width:1700px){.hero-intro{padding-top:30px}.hero-characters{height:450px;right:12%;top:60px}.hero-pp{width:170px}.hero-tt{width:185px}.hero-wordmark{margin-top:55px}}
@media(max-width:1000px){.chapter-heading{grid-template-columns:1fr 1.4fr;gap:25px}.chapter-heading>.eyebrow{grid-column:1/-1;max-width:none}.chapter-heading h2{font-size:42px}.hero-pp{width:105px;right:48%;top:90px}.hero-tt{width:110px;right:6%;top:190px}.hero-characters{right:5%}.name-sticker{font-size:10px}.team-count{font-size:72px}.team-count small{display:none}.play-notes{gap:40px}.team-invite{padding:50px 6%}.invite-characters .portrait{width:100px}.invite-characters .tt{width:115px}}
@media(max-width:760px){.hero-characters{top:138px;right:4%;width:36%;height:230px}.hero-pp{width:60px;right:45%;top:33px}.hero-tt{width:64px;right:-3%;top:105px}.name-sticker{display:none}.hero-intro .intro-text{max-width:73%;font-size:14px}.hero-intro .intro-text br{display:none}.hero-wordmark{margin-top:50px}.scene-window{height:300px}.scene-window>img{height:100%;width:220%;object-fit:cover;transform:translateX(calc(var(--scene-progress,0) * -42%))}.scene-pp{width:31px;left:calc(22% + var(--scene-progress,0) * 45%)}.scene-tt{width:28px;left:calc(9% + var(--scene-progress,0) * 45%)}.chapter-heading{display:block}.chapter-heading h2{font-size:36px}.chapter-heading>p:last-child{line-height:1.8}.scene-caption{bottom:12px}.play-notes{padding:68px 7% 55px;display:block}.notes-intro h2{font-size:36px}.notes-intro>p:last-child{font-size:16px}.notes-list{margin-top:34px}.notes-list article{padding:20px 0;grid-template-columns:28px 1fr}.notes-list h3{font-size:22px}.notes-list p{font-size:15px}.game-facts{grid-template-columns:1fr 1fr;gap:26px;margin-top:30px;padding-top:25px}.game-facts>div:last-child{grid-column:1/-1}.game-facts strong{font-size:15px}.team-invite{display:block;margin:0 5% 40px;padding:40px 7% 0;position:relative;min-height:405px}.team-invite h2{font-size:34px}.invite-characters{height:145px;margin-left:42%;margin-top:-30px;width:55%}.invite-characters .portrait{width:70px;left:0}.invite-characters .tt{width:80px;top:45px;left:53%}.footer-links{gap:16px;font-size:11px}.motion-toggle{font-size:11px}.team-opening{padding:50px 7% 0}.team-opening h1{font-size:45px;letter-spacing:-2px}.team-opening-bottom{gap:15px;margin-top:20px}.team-opening-bottom>p{font-size:15px;line-height:1.9}.team-pp{width:54px}.team-count{display:none}.credits{padding:45px 7% 0}.credits-header{font-size:11px}.credits article{gap:15px;padding:25px 0}.credits h2{font-size:clamp(21px,5.5vw,30px);max-width:75%;letter-spacing:-.5px}.credit-mark{width:32px;height:32px;font-size:18px;flex-shrink:0}.credit-number{font-size:11px}.team-outro{padding:40px 7% 65px}.team-outro>p{font-size:17px}.steam-main{min-height:calc(100svh - 206px);padding:50px 7% 45px}.steam-main h1{font-size:85px;letter-spacing:-3px;position:relative;z-index:1}.steam-main>.eyebrow{max-width:240px}.steam-message{font-size:17px}.steam-companions{position:relative;height:150px;width:180px;margin-left:auto;right:0;bottom:0;margin-top:0}.steam-companions .portrait{width:65px;left:10px}.steam-companions .tt{width:78px;right:0}.quiet-link{margin-top:5px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.has-motion .chapter-heading{opacity:1;transform:none}.scene-window>img{transform:none;will-change:auto}}
.quiz-section{padding:110px 8%;background:#202b24;display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center}.quiz-intro h2{font-size:clamp(36px,4vw,66px);line-height:1.25;letter-spacing:-1.5px;margin:0 0 25px}.quiz-intro h2 span{color:var(--pink)}.quiz-intro>p:last-of-type{color:var(--muted);font-size:17px}.quiz-mascot{height:155px;position:relative;margin-top:35px;display:flex;align-items:center;gap:25px}.quiz-mascot .sprite{width:66px;rotate:-8deg;animation:bob 5s ease-in-out infinite}.mascot-says{padding:9px 16px;background:var(--green);color:var(--ink);font-size:14px;rotate:3deg}.quiz-mascot.react .sprite{animation:happy .65s ease-out}.quiz-panel{background:var(--paper);color:var(--ink);padding:35px 38px 30px;border-radius:3px;box-shadow:10px 10px 0 #0003;min-height:530px}.quiz-topline{display:flex;justify-content:space-between;font:12px monospace;letter-spacing:2px}.quiz-progress-track{height:3px;background:#1522191c;margin-top:20px}.quiz-progress-track span{display:block;width:33.333%;height:100%;background:#597646;transition:width .3s}.quiz-panel h3{font-size:24px;font-weight:600;line-height:1.6;margin:28px 0 25px;white-space:pre-line}.quiz-options{display:grid;gap:10px}.quiz-options button{border:1px solid #11171330;background:transparent;color:var(--ink);display:flex;gap:15px;align-items:center;padding:15px 18px;font-size:15px;text-align:left;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.quiz-options button span{font:13px monospace;display:grid;place-items:center;border:1px solid #11171340;width:25px;height:25px;flex-shrink:0}.quiz-options button:not(:disabled):hover{border-color:var(--ink);background:#e5f1dc;transform:translateX(3px)}.quiz-options button:disabled{cursor:default;opacity:.6}.quiz-options button.answer-correct{background:#cdf0b7;border-color:#638247;opacity:1}.quiz-options button.answer-correct span{background:#3f5d30;border-color:#3f5d30;color:white}.quiz-options button.answer-chosen{background:#f3d4e7;opacity:1}.quiz-feedback{display:none;font-size:14px;line-height:1.8;margin-top:20px}.quiz-feedback.shown{display:block}.quiz-actions{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.quiz-hint{color:#52614f;font-size:12px;max-width:240px}.quiz-next{border:0;border-radius:50px;background:var(--ink);color:var(--paper);padding:9px 19px;font-size:14px;cursor:pointer;flex-shrink:0}.quiz-next:hover{background:#36583a}.quiz-next[hidden]{display:none}.quiz-complete h3{font-size:36px;margin-top:65px}.quiz-complete .quiz-feedback{font-size:17px}.quiz-complete .quiz-actions{margin-top:65px}@keyframes happy{0%,100%{translate:0 0;rotate:-8deg}35%{translate:0 -25px;rotate:6deg}65%{translate:0 -6px;rotate:-4deg}}@media(max-width:1050px){.quiz-section{gap:5%;padding-left:6%;padding-right:6%}.quiz-panel{padding:28px 25px}.quiz-panel h3{font-size:21px}}@media(max-width:760px){.quiz-section{display:block;padding:60px 7%}.quiz-intro{position:relative}.quiz-intro h2{font-size:36px}.quiz-intro>p:last-of-type{font-size:15px;margin-bottom:30px}.quiz-mascot{position:absolute;right:0;bottom:-30px;height:100px;margin:0}.quiz-mascot .sprite{width:45px}.mascot-says{display:none}.quiz-panel{min-height:0;padding:25px 21px;box-shadow:6px 6px 0 #0003}.quiz-panel h3{font-size:21px;line-height:1.65;margin-top:25px}.quiz-options button{font-size:14px;padding:14px 11px;gap:10px}.quiz-options button span{width:23px;height:23px}.quiz-actions{align-items:flex-start}.quiz-hint{font-size:11px;line-height:1.6;max-width:160px}.quiz-next{padding:9px 15px;font-size:13px}.quiz-complete h3{font-size:30px;margin-top:40px}.quiz-complete .quiz-actions{margin-top:35px}}

.hero-actions{display:flex;gap:25px;align-items:center}.quiz-jump{border-bottom:1px solid #c4cdc677;padding:5px 0;font-size:15px;margin-top:15px}.quiz-jump:hover{color:var(--pink)}
@media(max-width:760px){.hero-intro .intro-text{max-width:64%}}