.ps-catalog{--chapter-accent:#69caff;background:#070b13;color:#f4f7ff;overflow:clip}.ps-intro{padding-top:42px;padding-bottom:60px}.ps-eyebrow{color:#8db9d7;font:11px Arial;letter-spacing:3px;margin-top:48px}.ps-intro h1{font-size:clamp(38px,6vw,76px);line-height:1.7;letter-spacing:-2px;margin:25px 0}.ps-intro h1 span{color:#8cdaff}.ps-sub{color:#9aacc2;font-size:14px}.ps-intro .catalog-search{max-width:650px;margin:28px 0;background:#101b2a;border:1px solid #293b50;border-radius:15px;padding:7px}.ps-intro .catalog-search input{background:transparent;border:0;min-width:0;color:#fff}.ps-scroll{display:inline-block;color:#b1cde5;font-size:12px;margin-top:10px}.ps-journey{position:relative;isolation:isolate;background:radial-gradient(ellipse at 25% 40%,color-mix(in srgb,var(--chapter-accent) 12%,transparent),transparent 60%);transition:background .6s}.ps-stage{height:calc(100svh - 90px);min-height:620px;position:sticky;top:86px;width:58%;margin-right:auto;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0;margin-bottom:calc(-100svh + 90px);perspective:1100px}.ps-console{width:90%;height:86%;object-fit:contain;position:relative;z-index:2;transform:translate3d(var(--ps-x,0px),var(--ps-y,0px),0) rotate(var(--ps-rotate,-7deg)) scale(var(--ps-scale,1));filter:drop-shadow(0 35px 25px #0009);will-change:transform}.ps-halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--chapter-accent) 20%,transparent),transparent 68%);transform:scale(1.5);transition:background .6s}.ps-stage-word{position:absolute;left:4%;top:10%;font:900 clamp(70px,12vw,180px) Arial;letter-spacing:-7px;color:#ffffff06;-webkit-text-stroke:1px #ffffff16;transform:rotate(-90deg)}.ps-stage-floor{position:absolute;bottom:10%;width:65%;height:10%;border-radius:50%;background:#0009;filter:blur(20px)}.ps-stage-caption{position:absolute;bottom:5%;font:10px Arial;letter-spacing:4px;color:#7e94ad}.ps-chapter{min-height:calc(100svh - 90px);display:flex;align-items:center;position:relative;z-index:1;padding:70px max(6vw,28px);scroll-margin-top:95px}.ps-chapter-copy{width:42%;max-width:500px}.ps-chapter-number{font:11px Arial;letter-spacing:3px;color:var(--chapter-accent)}.ps-chapter h2{font-size:clamp(32px,4.5vw,64px);line-height:1.7;margin:25px 0 15px;letter-spacing:-1px}.ps-chapter p{font-size:15px;line-height:2.2;color:#aebed1;max-width:360px}.ps-count{display:block;font-size:12px;color:#8da3b9;margin:24px 0}.ps-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #6e879d66;background:#122235bb;border-radius:100px;padding:14px 24px;font-size:14px;transition:background .2s,transform .2s}.ps-explore:hover{background:#23415f;transform:translateY(-3px)}.ps-explore span{color:var(--chapter-accent);font-size:23px}.ps-progress{position:sticky;bottom:130px;z-index:3;display:flex;justify-content:center;gap:12px;width:max-content;margin:-60px auto 0;background:#0c1423cc;backdrop-filter:blur(12px);padding:12px 18px;border:1px solid #ffffff15;border-radius:100px}.ps-progress a{display:block;width:9px;height:9px;border-radius:20px;background:#667a90;padding:0;transition:width .3s,background .3s}.ps-progress a[aria-current="true"]{width:28px;background:var(--chapter-accent)}.ps-end{text-align:center;padding-top:90px;padding-bottom:100px;border-top:1px solid #ffffff12}.ps-end h2{font-size:30px;line-height:1.8;margin:25px 0 35px}.ps-end .ps-eyebrow{margin:0}.ps-chapter-copy{transition:opacity .5s,transform .5s}.ps-motion .ps-chapter:not(.chapter-visible) .ps-chapter-copy{opacity:.2;transform:translateY(25px)}
@media(max-width:760px){.ps-intro{padding-top:25px;padding-bottom:40px}.ps-eyebrow{font-size:9px;letter-spacing:2px;margin-top:35px}.ps-intro h1{font-size:38px;letter-spacing:-1px}.ps-sub{font-size:12px}.ps-stage{top:112px;width:100%;height:calc(100svh - 195px);min-height:560px;margin-bottom:calc(-100svh + 195px);align-items:start;padding-top:5px}.ps-console{width:91%;height:62%;max-height:440px}.ps-stage-word{font-size:120px;top:10%;left:5%;transform:none}.ps-stage-floor{top:48%;bottom:auto}.ps-stage-caption{top:57%;bottom:auto;font-size:8px}.ps-halo{top:0;width:85%;max-height:380px}.ps-chapter{min-height:calc(100svh - 195px);padding:0 25px 42px;align-items:end}.ps-chapter-copy{width:100%;max-width:none;padding-top:340px}.ps-chapter h2{font-size:30px;line-height:1.5;margin:13px 0 8px}.ps-chapter-number{font-size:9px;letter-spacing:2px}.ps-chapter p{font-size:12px;line-height:1.9;margin:8px 0;max-width:100%}.ps-count{margin:10px 0;font-size:11px}.ps-explore{font-size:12px;padding:9px 20px;min-height:46px}.ps-progress{bottom:115px;margin-top:-10px;gap:10px}.ps-end{padding-top:65px;padding-bottom:65px}.ps-end h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ps-console{transform:none!important;will-change:auto}.ps-chapter-copy,.ps-progress a{transition:none}.ps-motion .ps-chapter:not(.chapter-visible) .ps-chapter-copy{opacity:1;transform:none}}
/* Exploded console: photographic layers and cards follow scroll progress. */
.ps-machine{position:relative;width:100%;height:90%;display:grid;place-items:center;perspective:1000px}.ps-machine>.ps-console{position:absolute;width:85%;height:95%;opacity:var(--ps-whole-opacity,1);transform:scale(calc(1 - var(--ps-open,0)*.12));will-change:opacity,transform}.ps-exploded{position:absolute;width:100%;height:100%;opacity:var(--ps-parts-opacity,0);transform:scale(.94);will-change:opacity}.ps-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px #0008);will-change:transform}.ps-piece-left{clip-path:inset(0 66.5% 0 0);transform:translateX(calc(-1*var(--ps-spread,0px))) rotate(calc(-1*var(--ps-part-angle,0deg)));transform-origin:25% 70%}.ps-piece-core{clip-path:inset(0 33.4% 0 33.3%);transform:translateY(calc(var(--ps-open,0)*-10px))}.ps-piece-right{clip-path:inset(0 0 0 66.5%);transform:translateX(var(--ps-spread,0px)) rotate(var(--ps-part-angle,0deg));transform-origin:75% 70%}.ps-scene-cards{position:absolute;inset:0;z-index:4;opacity:var(--ps-card-opacity,0);pointer-events:none}.ps-scene-card{position:absolute;left:calc(50% - 85px);top:30%;width:170px;height:255px;display:flex;align-items:center;justify-content:center;transform:translate3d(calc(var(--card-slot,0)*145px),var(--card-rise,130px),0) rotate(var(--card-angle,-4deg)) scale(var(--card-scale,.7));opacity:var(--card-depth,0);transition:transform .65s cubic-bezier(.2,.65,.2,1),opacity .5s;filter:drop-shadow(0 22px 20px #000b)}.ps-scene-card img{display:block;width:100%;height:100%;object-fit:contain}.ps-scene-card.ps-game-cover img{height:88%;width:90%;object-fit:cover;border-radius:8px;border:1px solid #c2e4ff55}.ps-scene-card>span{position:absolute;top:100%;max-width:230px;white-space:normal;text-align:center;font-size:10px;line-height:1.5;color:#d5e9fa;background:#080f1fe8;border:1px solid #bce5ff30;padding:7px 12px;border-radius:20px;opacity:0;transition:opacity .3s}.ps-scene-card.scene-selected>span{opacity:1}.ps-intro{padding-bottom:22px}.ps-intro h1{font-size:clamp(32px,4vw,52px);margin:15px 0}.ps-intro .ps-eyebrow{margin-top:22px}.ps-intro .catalog-search{margin:18px 0}.ps-stage-caption{z-index:5}.ps-chapter{min-height:110svh}.ps-progress{margin-top:-70px;bottom:125px}
@media(max-width:760px){.ps-machine{height:62%;max-height:420px;width:100%;margin-top:0}.ps-machine>.ps-console{width:95%;height:100%;max-height:none}.ps-exploded{width:100%;height:100%;transform:scale(.95)}.ps-piece{filter:drop-shadow(0 12px 12px #0008)}.ps-scene-card{width:115px;height:175px;left:calc(50% - 57px);top:30%;transform:translate3d(calc(var(--card-slot,0)*86px),var(--card-rise,130px),0) rotate(var(--card-angle,-4deg)) scale(var(--card-scale,.7))}.ps-scene-card>span{font-size:9px;padding:5px 8px;min-width:100px}.ps-stage{min-height:600px}.ps-chapter{min-height:110svh;padding-bottom:100px}.ps-chapter-copy{padding-top:360px}.ps-stage-caption{top:62%;bottom:auto}.ps-stage-floor{top:46%}.ps-intro h1{font-size:33px}.ps-progress{bottom:112px}.ps-halo{top:0}.ps-chapter-copy{position:relative;z-index:6}}
@media(prefers-reduced-motion:reduce){.ps-machine>.ps-console{opacity:0}.ps-exploded,.ps-scene-cards{opacity:1}.ps-scene-card{transition:none}.ps-piece{will-change:auto}}
.ps-piece-left{clip-path:inset(0 68% 0 0)}.ps-piece-core{clip-path:inset(0 28% 0 32%)}.ps-piece-right{clip-path:inset(0 0 0 72%)}
/* One scroll chapter opens the console; each following chapter transforms and throws one card. */
.ps-chapter{min-height:100svh}.ps-scene-card{transition:none!important;opacity:0;visibility:hidden;left:calc(50% - 85px);top:27%;will-change:transform,opacity}.ps-scene-card>span{display:none}.ps-piece-left{opacity:var(--piece-left-opacity,1)}.ps-piece-core{opacity:var(--piece-core-opacity,1)}.ps-piece-right{opacity:var(--piece-right-opacity,1)}.ps-chapter-copy{transition:none!important}.ps-opening h2{max-width:400px}.ps-progress{scroll-margin-top:100px}.ps-stage{margin-bottom:calc(-100svh + 90px)}
@media(max-width:760px){.ps-chapter{min-height:100svh;padding-bottom:95px}.ps-scene-card{left:calc(50% - 57px);top:26%}.ps-chapter-copy{padding-top:350px}.ps-stage{margin-bottom:calc(-100svh + 195px)}.ps-opening h2{font-size:29px}.ps-progress{gap:9px}}
@media(prefers-reduced-motion:reduce){.ps-piece{opacity:1}.ps-scene-card.scene-selected{transform:scale(1.1)!important}.ps-chapter-copy{opacity:1!important}}
/* The active picture is the category entrance. */
.ps-chapter:not(.ps-opening) .ps-chapter-copy{visibility:hidden}.ps-opening .ps-chapter-number{display:none}.ps-stage{pointer-events:auto}.ps-stage-link{position:absolute;inset:0;z-index:12;display:block;cursor:pointer;border-radius:24px}.ps-stage-link[hidden]{display:none}.ps-stage-link:hover{background:transparent}.ps-section-name{position:absolute;top:87%;left:8%;right:8%;text-align:center;color:#f2f7ff;font-size:clamp(17px,2.4vw,25px);font-weight:800;line-height:1.6;text-shadow:0 2px 18px #000}.ps-stage-link:focus-visible{outline:2px solid #8edfff;outline-offset:-8px}.ps-stage-link:hover .ps-section-name{color:#9bdefe}.ps-stage-caption,.ps-scene-card>span{display:none}.ps-progress{visibility:hidden}.ps-chapter:not(.ps-opening){pointer-events:none}.ps-intro{display:none}.ps-journey{min-height:100svh}.ps-opening .ps-chapter-copy{max-width:480px}.ps-opening h2{font-size:clamp(30px,4vw,58px)}
@media(max-width:760px){.ps-section-name{top:67%;font-size:20px;left:6%;right:6%}.ps-stage-link{bottom:18%}.ps-stage-link .ps-section-name{top:79%}.ps-opening .ps-chapter-copy{padding-top:360px}.ps-opening h2{text-align:center;font-size:28px}.ps-opening{padding-bottom:90px}}
.ps-stage{z-index:2;width:100%}.ps-machine{width:58%;margin-left:auto;margin-right:auto}.ps-stage-link{width:100%}.ps-opening{position:relative;z-index:3;pointer-events:none}.ps-stage .ps-halo{max-width:650px}.ps-stage .ps-stage-floor{max-width:600px}@media(max-width:760px){.ps-machine{width:100%}}

/* Day palette follows the same theme as the rest of the store. */
html[data-theme="light"] .ps-catalog{background:#f4f7fc;color:#132944;--chapter-accent:#0877b6}
html[data-theme="light"] .ps-journey{background:radial-gradient(ellipse at 25% 40%,#69caff22,transparent 60%)}
html[data-theme="light"] .ps-stage-word{color:#163c6506;-webkit-text-stroke:1px #163c651c}
html[data-theme="light"] .ps-stage-floor{background:#22486a26}
html[data-theme="light"] .ps-section-name{color:#143853;text-shadow:none}
html[data-theme="light"] .ps-stage-link:hover .ps-section-name{color:#086dab}
html[data-theme="light"] .ps-chapter p,html[data-theme="light"] .ps-count,html[data-theme="light"] .ps-eyebrow{color:#526980}
html[data-theme="light"] .ps-explore{background:#e9f1fa;color:#17486c;border-color:#c5d6e8}
html[data-theme="light"] .ps-end{border-color:#ccd9e8}

.ps-scroll-hint{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;white-space:nowrap;color:#a9cde5;font-size:12px;letter-spacing:.2px;pointer-events:none}.ps-scroll-hint svg{width:19px;height:24px;animation:ps-scroll-nudge 2.4s ease-in-out infinite}.ps-scroll-hint:before{content:'';width:24px;height:1px;background:currentColor;opacity:.35}html[data-theme="light"] .ps-scroll-hint{color:#426780}@keyframes ps-scroll-nudge{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(4px);opacity:1}}@media(max-width:760px){.ps-scroll-hint{top:17px;font-size:11px}}@media(prefers-reduced-motion:reduce){.ps-scroll-hint svg{animation:none}}
