/* Native PP & TT artwork: original files are kept untouched. */
:root{--ink:#080808;--pink:#f78fce;--green:#79d782;--muted:#bebfbe;--walk-facing:-1}
body{background:#080808 url('/assets/dot-background.jpg') repeat;background-size:1680px 945px}
.site-header,footer{background:linear-gradient(#08080880,#08080880),url('/assets/dot-background.jpg') repeat;background-size:auto,1680px 945px}
.hero{background:linear-gradient(90deg,#05050580,transparent 70%)}
.hero-orbit{border-color:#ffffff25;border-style:dashed;background:none}
.hero-intro{max-width:57%}.intro-text{color:#d3d3d3}
.hero-wordmark{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:15px 0 0;line-height:1;white-space:normal;letter-spacing:normal;font-size:16px}
.hero-logo{width:260px;max-width:40%}.hero-bottom{margin-top:24px}
.game-logo{position:relative;display:block;width:100%;aspect-ratio:889/630;container-type:inline-size}
.game-logo-art{position:absolute;inset:0;background:url('/assets/game-logo.png') no-repeat;background-size:125.19685% 133.33333%;background-position:46.875% 46.66667%;clip-path:polygon(0 0,100% 0,100% 74%,28% 74%,28% 100%,0 100%);image-rendering:pixelated}
.game-logo-label{position:absolute;left:29%;right:0;bottom:0;color:#fff!important;font:bold 8.5cqw/1.2 monospace;letter-spacing:.025em;text-align:center}
.brand{width:93px;flex-shrink:0;letter-spacing:normal;font-weight:400}.brand .game-logo{color:white}.brand .game-logo-art{color:transparent}
footer .brand{width:73px}.adventure-ready{display:flex;flex-direction:column;align-items:flex-end;gap:15px;margin-bottom:15px;font:13px/1.6 monospace;letter-spacing:1px;color:#d3d3d3}.heart-row{display:flex;gap:12px}.heart-row img{width:29px;height:auto;image-rendering:pixelated}
/* A five-frame walk from the game's opening animation. The two crop boxes
   use a shared height, so transparent canvas dimensions never set the scale. */
.sprite.walker{height:var(--character-height,160px);width:auto;position:relative;background-image:url('/assets/backpack/f0.png');background-repeat:no-repeat;animation:backpack-walk .7s step-end infinite;rotate:0deg;translate:0 0;transform:scaleX(-1);image-rendering:pixelated;flex-shrink:0}
.sprite.walker-pp{aspect-ratio:273/462;background-size:410.25641% 136.363636%;background-position:54.545455% 58.333333%}
.sprite.walker-tt{aspect-ratio:294/392;background-size:380.952381% 160.714286%;background-position:93.220339% 73.529412%;animation-delay:-.14s}
@keyframes backpack-walk{0%,100%{background-image:url('/assets/backpack/f0.png')}20%{background-image:url('/assets/backpack/f1.png')}40%{background-image:url('/assets/backpack/f2.png')}60%{background-image:url('/assets/backpack/f3.png')}80%{background-image:url('/assets/backpack/f4.png')}}
.hero-characters{right:7%;top:45px;width:38%;height:340px;--character-height:240px;display:flex;align-items:flex-end;justify-content:center;gap:27px;padding-bottom:25px}
.hero-characters .walker{position:relative;left:auto;right:auto;top:auto;bottom:auto;z-index:2}
.hero-orbit{width:100%;right:-4%;top:0;aspect-ratio:1.5;transform:none}.name-sticker{right:5%;top:-3px;background:var(--green)}.orbit-label{bottom:35px;right:-7%}
/* A single floor and movement track for the two companions. */
.scene-party{position:absolute;bottom:17%;left:calc(14% + var(--scene-progress,0) * 52%);display:flex;align-items:flex-end;gap:clamp(12px,1.5vw,26px);--character-height:clamp(62px,6vw,104px);z-index:2;filter:drop-shadow(0 3px 1px #0002)}
.scene-party .walker{position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:scaleX(var(--walk-facing));width:auto;transition:none}
.home-chapter .scene-party{bottom:25%}.school-chapter .scene-party{bottom:25%}.wonder-chapter .scene-party{bottom:25%}
.chapter{background-image:linear-gradient(var(--chapter-tint),var(--chapter-tint)),url('/assets/dot-background.jpg');background-size:auto,1680px 945px;color:var(--paper)}
.home-chapter{--chapter-tint:#e977be36}.school-chapter{--chapter-tint:#5dbd672f}.wonder-chapter{--chapter-tint:#d777b825}
.home-chapter h2{color:var(--pink)}.school-chapter h2{color:var(--green)}.wonder-chapter h2{color:var(--pink)}.chapter-heading>p:last-child{color:#e6e3e5}.chapter-heading .eyebrow{color:#d3ced1}
.scene-window{border-block:1px solid #ffffff35}.scene-caption{padding:4px 9px;background:#080808c9;color:#fff!important;border:1px solid #fff3}
.quiz-section{background:linear-gradient(#09090973,#09090973),url('/assets/dot-background.jpg');background-size:auto,1680px 945px}.quiz-intro h2{color:var(--green)}.quiz-panel{border:1px solid #fff8;box-shadow:10px 10px 0 #f78fce3d}
.quiz-mascot{--character-height:125px}.quiz-mascot .walker{width:auto;rotate:0deg}.quiz-mascot.react .walker{animation:backpack-walk .7s step-end infinite}
.team-invite{background:linear-gradient(#101c13ce,#101c13ce),url('/assets/dot-background.jpg');background-size:auto,1680px 945px;color:var(--paper);border:1px solid #79d78266;box-shadow:8px 8px 0 #79d78224}.team-invite h2{color:var(--green)}.team-invite .pill{background:var(--green);color:#111;border-color:var(--green)}
.invite-characters{--character-height:185px;height:230px;display:flex;align-items:flex-end;justify-content:center;gap:24px}.invite-characters .walker{left:auto;top:auto;position:relative}
.team-opening-bottom .walker{--character-height:132px}.steam-companions{display:flex;align-items:flex-end;gap:25px;width:350px;height:260px;--character-height:230px}.steam-companions .walker{position:relative;left:auto;right:auto;top:auto;bottom:auto}
.cursor-companion{width:25px}.cursor-companion .walker{--character-height:43px;width:auto}
html[data-motion='off'] .walker{background-image:url('/assets/backpack/f0.png');transform:scaleX(-1)}
@media(min-width:1700px){.hero-characters{--character-height:280px;top:45px;height:390px}.hero-wordmark{margin-top:25px}.hero-logo{width:280px}}
@media(max-width:1050px){.hero-characters{--character-height:190px;gap:16px;right:6%;height:300px;top:45px}.hero-logo{width:220px}.hero-orbit{top:30px}.name-sticker{font-size:10px;padding:9px}.steam-companions{--character-height:180px;width:280px}.invite-characters{--character-height:145px;gap:15px}}
@media(max-width:760px){
 body,.site-header,footer{background-size:1000px 562.5px}.site-header{height:91px}.site-header .brand{width:83px}.site-header nav{gap:17px;font-size:13px}
 .hero{padding-top:32px}.hero-intro{max-width:100%}.hero h1{font-size:42px}.hero-intro .intro-text{max-width:100%;font-size:14px}.hero-intro .intro-text br{display:block}.hero-actions{gap:22px}.hero-actions .pill{padding:11px 24px}
 .hero-characters{position:relative;top:auto;right:auto;width:100%;height:205px;margin:23px 0 10px;padding:20px 0 15px;--character-height:155px;gap:28px;justify-content:center}
 .hero-orbit{width:90%;height:185px;aspect-ratio:auto;top:0;right:5%;border-radius:50%}.name-sticker,.orbit-label{display:none}
 .hero-wordmark{margin-top:4px;gap:15px;align-items:center}.hero-logo{width:155px;max-width:50%}.adventure-ready{font-size:10px;gap:10px;letter-spacing:0;margin:0;max-width:46%;text-align:right}.heart-row{gap:8px}.heart-row img{width:20px}.hero-bottom{margin-top:23px}
 .chapter,.quiz-section,.team-invite{background-size:auto,1000px 562.5px}.chapter-heading h2{font-size:35px}.chapter-heading>p:last-child{font-size:15px}
 .scene-party{--character-height:62px;gap:14px;left:calc(9% + var(--scene-progress,0) * 52%);bottom:17%}.home-chapter .scene-party{bottom:25%}.school-chapter .scene-party{bottom:25%}.wonder-chapter .scene-party{bottom:25%}
 .quiz-mascot{--character-height:84px;height:100px;right:0;bottom:-26px}.quiz-mascot .walker{width:auto}.quiz-intro>p:last-of-type{max-width:82%}
 .team-invite{min-height:425px}.invite-characters{--character-height:110px;height:155px;margin:10px 0 0 auto;width:100%;justify-content:flex-end;gap:17px}.invite-characters .walker{top:auto;left:auto}
 .team-opening-bottom .walker{--character-height:93px}.steam-companions{--character-height:135px;height:160px;width:205px;gap:20px;margin:15px 0 15px auto}
 footer .brand{width:65px}.footer-links{gap:12px}
}
@media(prefers-reduced-motion:reduce){.walker{background-image:url('/assets/backpack/f0.png')!important}}

/* V3: quiet black space, native in-scene animations, and editorial content. */
:root{--ink:#000;--muted:#b8b8b8;--line:#ffffff25}
body,.site-header,footer,.hero,.chapter,.quiz-section,.play-notes,.team-opening,.credits,.team-outro,.steam-main{background:#000;color:var(--paper)}
.hero-characters{isolation:isolate}
.hero-characters::before{content:"";position:absolute;inset:-35px -30px;background:url('/assets/dot-background.jpg') center/1000px auto;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);z-index:-1;pointer-events:none}
.hero-orbit{border-color:#ffffff18}
.chapter{padding-top:100px}.chapter-heading{position:relative}
.chapter-heading .eyebrow{color:#9b9b9b}.chapter-heading>p:last-child{color:#c6c6c6}
.home-chapter h2,.wonder-chapter h2{color:var(--pink)}.school-chapter h2{color:var(--green)}
.scene-window{container-type:size;border:0;margin-top:65px}
.scene-party{left:calc(23% + var(--scene-progress,0) * 54%);transform:translateX(-50%);--character-height:clamp(112px,12.16vw,210px);--character-height:32cqh;gap:clamp(14px,2vw,30px);filter:none}
.scene-party .sprite{height:var(--character-height);width:auto;position:relative;left:auto;right:auto;top:auto;bottom:auto;flex-shrink:0;image-rendering:pixelated}
.sprite.native-tt{aspect-ratio:231/322;background-size:272.727273% 195.652174%;background-position:52.631579% 59.090909%;background-image:url('/assets/animation/tt-right/f0.png');animation:tt-scene-walk .8s step-end infinite;transform:none;rotate:0deg;translate:0 0}
html[data-walk-direction='left'] .sprite.native-tt{background-position:47.368421% 59.090909%;animation-name:tt-scene-walk-left}
.scene-caption{font-family:var(--sans);font-size:12px;letter-spacing:2px;bottom:20px;left:5%;background:#000;padding:7px 13px;border:1px solid #fff3}
.sprite.idle-pp{aspect-ratio:2/3;background-size:413.793103% 155.172414%;background-position:2.747253% 100%;background-image:url('/assets/animation/pp-idle/f0.png');animation:pp-full-idle 1s step-end infinite;transform:none;rotate:0deg;translate:0 0}
.cursor-companion{width:34px;filter:drop-shadow(0 2px 2px #0004)}
.cursor-companion .idle-pp{width:34px;height:51px}
.quiz-panel{box-shadow:none;border:0}.quiz-intro h2{color:var(--paper)}
.team-invite{position:relative;isolation:isolate;background:#000;border:1px solid #ffffff28;box-shadow:none}
.team-invite::before{content:"";position:absolute;inset:0 0 0 50%;background:url('/assets/dot-background.jpg') center/1000px auto;mask-image:linear-gradient(90deg,transparent,#000);opacity:.65;z-index:-1;pointer-events:none}
.team-invite h2{color:var(--paper)}
.project-statement{padding:100px 8% 110px;display:grid;grid-template-columns:1fr 2fr;gap:8%;border-top:1px solid var(--line);background:#000}
.statement-label .eyebrow{margin-bottom:16px;color:var(--green)}
.statement-label>p:last-child{font-size:14px;color:var(--muted);margin:0}
.statement-copy h2{font-size:clamp(30px,3vw,48px);line-height:1.4;letter-spacing:-1px;margin:0 0 30px;font-weight:650;max-width:700px}
.statement-copy>p{font-size:17px;line-height:2;color:#c6c6c6;max-width:720px;margin:0 0 20px}
.statement-copy>p:last-child{margin-bottom:0}
.statement-copy details{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;max-width:720px}
.statement-copy summary{color:#adadad;font:12px/1.6 monospace;letter-spacing:1px;cursor:pointer;width:fit-content;padding:5px 0}
.statement-copy details p{font-size:15px;line-height:1.9;color:#aaa}
.team-opening{padding-bottom:35px}.team-opening-bottom .walker{display:none}
.credits{padding-top:30px}
.credits article{min-height:205px;padding:24px 0;gap:35px}
.credits article:hover{padding-left:0;color:inherit}.credits h2{font-size:clamp(26px,3vw,45px)}
.credit-identity{flex:1}.credit-identity p{margin:8px 0 0;color:var(--muted);font-size:14px}
.credit-avatar{display:block;object-fit:contain;width:150px;height:155px;image-rendering:pixelated;flex-shrink:0;transition:transform .3s}
.credits article:hover .credit-avatar{transform:translateY(-6px) rotate(-3deg)}
@media(max-width:760px){
 .chapter{padding-top:65px}.scene-window{margin-top:36px}.scene-party{--character-height:108px;--character-height:30cqh;gap:16px;left:calc(25% + var(--scene-progress,0)*50%)}
 .scene-caption{bottom:12px;font-size:11px;letter-spacing:1px}
 .hero-characters::before{inset:-10px -20px}.hero-orbit{display:none}
 .team-invite::before{inset:45% 0 0;mask-image:linear-gradient(180deg,transparent,#000)}
 .project-statement{display:block;padding:65px 7%}
 .statement-label{margin-bottom:30px}.statement-label .eyebrow{margin-bottom:8px}
 .statement-copy h2{font-size:29px;line-height:1.45;margin-bottom:24px}.statement-copy>p{font-size:15px;line-height:1.95}.statement-copy details p{font-size:14px}
 .team-opening{padding-bottom:25px}.team-opening-bottom>p{font-size:16px}
 .credits{padding-top:12px}.credits article{min-height:155px;gap:15px;padding:20px 0}.credit-number{align-self:flex-start;margin-top:8px}
 .credit-identity{min-width:0}.credits h2{max-width:none;font-size:24px;line-height:1.25}.credit-identity p{font-size:12px;margin-top:10px}
 .credit-avatar{width:83px;height:112px}.credits-header{font-size:10px}
}

@keyframes pp-full-idle{0.00000%{background-image:url('/assets/animation/pp-idle/f0.png')}8.33333%{background-image:url('/assets/animation/pp-idle/f1.png')}16.66667%{background-image:url('/assets/animation/pp-idle/f2.png')}25.00000%{background-image:url('/assets/animation/pp-idle/f3.png')}33.33333%{background-image:url('/assets/animation/pp-idle/f4.png')}41.66667%{background-image:url('/assets/animation/pp-idle/f5.png')}50.00000%{background-image:url('/assets/animation/pp-idle/f6.png')}58.33333%{background-image:url('/assets/animation/pp-idle/f7.png')}66.66667%{background-image:url('/assets/animation/pp-idle/f8.png')}75.00000%{background-image:url('/assets/animation/pp-idle/f9.png')}83.33333%{background-image:url('/assets/animation/pp-idle/f10.png')}91.66667%{background-image:url('/assets/animation/pp-idle/f11.png')}}

@keyframes tt-scene-walk{0.00000%{background-image:url('/assets/animation/tt-right/f0.png')}11.11111%{background-image:url('/assets/animation/tt-right/f1.png')}22.22222%{background-image:url('/assets/animation/tt-right/f2.png')}33.33333%{background-image:url('/assets/animation/tt-right/f3.png')}44.44444%{background-image:url('/assets/animation/tt-right/f4.png')}55.55556%{background-image:url('/assets/animation/tt-right/f5.png')}66.66667%{background-image:url('/assets/animation/tt-right/f6.png')}77.77778%{background-image:url('/assets/animation/tt-right/f7.png')}88.88889%{background-image:url('/assets/animation/tt-right/f8.png')}}

@keyframes tt-scene-walk-left{0.00000%{background-image:url('/assets/animation/tt-left/f0.png')}11.11111%{background-image:url('/assets/animation/tt-left/f1.png')}22.22222%{background-image:url('/assets/animation/tt-left/f2.png')}33.33333%{background-image:url('/assets/animation/tt-left/f3.png')}44.44444%{background-image:url('/assets/animation/tt-left/f4.png')}55.55556%{background-image:url('/assets/animation/tt-left/f5.png')}66.66667%{background-image:url('/assets/animation/tt-left/f6.png')}77.77778%{background-image:url('/assets/animation/tt-left/f7.png')}88.88889%{background-image:url('/assets/animation/tt-left/f8.png')}}

.sprite.native-pp{aspect-ratio:332/461;background-size:115.662651% 104.121475%;background-position:50% 52.631579%;background-image:url('/assets/animation/pp-right/f0.png');animation:pp-scene-walk .9s step-end infinite;transform:none;rotate:0deg;translate:0 0}
html[data-walk-direction='left'] .sprite.native-pp{background-image:url('/assets/animation/pp-left/f0.png');animation-name:pp-scene-walk-left}
html[data-walk-direction='left'] .sprite.native-tt{background-image:url('/assets/animation/tt-left/f0.png')}

@keyframes pp-scene-walk{0.00000%{background-image:url('/assets/animation/pp-right/f0.png')}11.11111%{background-image:url('/assets/animation/pp-right/f1.png')}22.22222%{background-image:url('/assets/animation/pp-right/f2.png')}33.33333%{background-image:url('/assets/animation/pp-right/f3.png')}44.44444%{background-image:url('/assets/animation/pp-right/f4.png')}55.55556%{background-image:url('/assets/animation/pp-right/f5.png')}66.66667%{background-image:url('/assets/animation/pp-right/f6.png')}77.77778%{background-image:url('/assets/animation/pp-right/f7.png')}88.88889%{background-image:url('/assets/animation/pp-right/f8.png')}}

@keyframes pp-scene-walk-left{0.00000%{background-image:url('/assets/animation/pp-left/f0.png')}11.11111%{background-image:url('/assets/animation/pp-left/f1.png')}22.22222%{background-image:url('/assets/animation/pp-left/f2.png')}33.33333%{background-image:url('/assets/animation/pp-left/f3.png')}44.44444%{background-image:url('/assets/animation/pp-left/f4.png')}55.55556%{background-image:url('/assets/animation/pp-left/f5.png')}66.66667%{background-image:url('/assets/animation/pp-left/f6.png')}77.77778%{background-image:url('/assets/animation/pp-left/f7.png')}88.88889%{background-image:url('/assets/animation/pp-left/f8.png')}}