/* One classroom game, with touch targets and direct manipulation. */
body.is-playing{background:#241253}
body.is-playing>.site-header,body.is-playing>.mobile-nav,body.is-playing>.site-footer{display:none}
body.is-playing .play-page{width:100%;padding:0;margin:0}
.pg-shell{--pg-cream:#fff9e8;--pg-yellow:#ffe078;--pg-ink:#302052;position:relative;isolation:isolate;min-height:100svh;background:#241253 url('./assets/space-background-v2.webp') center/cover fixed;color:var(--pg-cream);padding:0 32px 25px;font-family:var(--body);overflow:hidden}
.pg-shell::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#20134438,#20134405 65%,#20134455);pointer-events:none}
.pg-shell button{font-family:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pg-shell button:focus-visible{outline:4px solid #fff5ad;outline-offset:5px}
.pg-shell h1,.pg-shell h2,.pg-shell h3{font-family:var(--heading);letter-spacing:-.02em}
.pg-shell button:disabled{opacity:1}
.pg-topbar{max-width:1320px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #fff1c727}
.pg-nav,.pg-sound,.pg-full,.pg-read{border:1px solid #ffffff4a;border-radius:13px;background:#241253a1;color:var(--pg-cream);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;font-weight:800;font-size:13px}
.pg-nav:hover,.pg-sound:hover,.pg-full:hover,.pg-read:hover{background:#65419a}
.pg-school{font-size:9px;font-weight:800;letter-spacing:.13em;opacity:.8;text-align:center}
.pg-top-actions{display:flex;align-items:center;gap:9px}
.pg-sound svg,.pg-full svg,.pg-read svg,.pg-choice-speak svg{width:22px;height:22px;flex-shrink:0}
.pg-sound[aria-pressed=false]{background:#221542;color:#c9bedb}
.pg-full{width:44px;padding:10px}
.pg-kicker{font-size:11px;font-weight:900;letter-spacing:.19em;color:#ffe39c;line-height:1.7}
.pg-intro{max-width:1100px;min-height:540px;margin:20px auto 0;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}
.pg-intro-art{position:relative;filter:drop-shadow(0 15px 40px #d18aff65);padding:30px}
.pg-intro-art>svg{width:100%;height:auto;transform:rotate(-12deg);animation:pg-hover 4s ease-in-out infinite}
.pg-floating-star{position:absolute;font-size:62px;color:#ffe078;filter:drop-shadow(0 0 14px #ffe07866)}
.pg-floating-star-one{top:10%;right:1%;transform:rotate(15deg)}
.pg-floating-star-two{bottom:11%;left:6%;font-size:42px}
.pg-intro h1,.pg-ending h1{font-size:clamp(52px,6.5vw,92px);line-height:1.03;font-weight:800;color:#fff8ed;text-shadow:0 5px 0 #1b124e6b;margin:13px 0 22px}
.pg-intro h1 em,.pg-ending h1 em{font-style:normal;color:#ffe078}
.pg-intro-copy>p{font-size:23px;line-height:1.7;color:#eee3ff}
.pg-start{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(#ffe99d,#ffd25b);border:2px solid #fff2bd;border-bottom:6px solid #d49a27;color:#39204f;min-height:68px;padding:17px 29px;border-radius:21px;font-size:23px;font-weight:900;box-shadow:0 6px 0 #1d124d66,0 0 36px #ffc55a15;transition:transform .16s,box-shadow .16s}
.pg-start:hover{transform:translateY(-3px);box-shadow:0 9px 0 #1d124d66,0 0 35px #ffc55a35}
.pg-start:active{transform:translateY(2px);border-bottom-width:3px}
.pg-start>span{font-size:27px}
.pg-intro .pg-start{margin-top:30px}
.pg-intro-copy>small{display:block;font-size:12px;margin-top:22px;color:#d0c2e8}
.pg-intro-guide{display:flex;justify-content:center;gap:35px;font-size:13px;color:#eee1ff;margin:5px auto 20px;flex-wrap:wrap}
.pg-intro-guide span{border:1px solid #f5e5ff38;padding:11px 18px;border-radius:50px;background:#2c185b6e}
.pg-trail{max-width:580px;display:flex;justify-content:space-between;gap:10px;position:relative;margin:21px auto 10px}
.pg-trail::before{content:'';position:absolute;top:22px;left:25px;right:25px;border-top:2px dashed #c4a9ff66;z-index:-1}
.pg-planet{width:46px;height:46px;border:2px solid #bfa1f280;border-radius:50%;display:grid;place-items:center;background:#422876;color:#c1afd7;box-shadow:0 4px 0 #1b124e55;font-family:var(--heading);font-size:21px;font-weight:700;position:relative}
.pg-planet-done{background:#ffd56a;color:#55353c;border-color:#fff0b1;font-size:26px}
.pg-planet-current{background:#66cddd;border-color:#d7ffff;color:#1b3f61;box-shadow:0 0 0 5px #adf4ff17,0 0 25px #58d4ff42}
.pg-stage{max-width:1200px;margin:0 auto}
.pg-mission-heading{display:flex;align-items:center;gap:28px;max-width:1120px;margin:12px auto 23px;min-height:155px}
.pg-heading-art{width:180px;flex:0 0 180px;filter:drop-shadow(0 8px 0 #130d3b30)}
.pg-heading-art>svg{width:100%;height:135px}
.pg-mission-heading>div:nth-child(2){flex:1;min-width:0}
.pg-mission-heading h1{font-size:clamp(32px,3.5vw,49px);line-height:1.18;margin:7px 0 12px;color:#fff8ef;text-shadow:0 4px 0 #20104d80}
.pg-mission-heading h1:focus{outline:none}
.pg-mission-heading p{font-size:19px;line-height:1.55;color:#e6d9ff;max-width:850px}
.pg-read{background:#ffdf75;border:2px solid #ffefad;color:#44315e;width:58px;height:58px;flex:0 0 58px;box-shadow:0 4px 0 #b9843a}
.pg-read:hover{background:#fff0a5}
.pg-read svg{width:28px;height:28px}
.pg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0 10px}
.pg-choice-wrap{position:relative;min-width:0}
.pg-choice{width:100%;min-height:270px;border-radius:26px;border:4px solid #fff8d4;border-bottom-width:9px;box-shadow:0 8px 0 #160c3869,0 0 25px #fee37013;background:#ffe078;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:19px 16px 29px;color:#392854;transition:transform .18s,filter .18s}
.pg-choice:hover{transform:translateY(-6px);filter:brightness(1.05)}
.pg-choice:active{transform:translateY(2px)}
.pg-tone-1{background:#8cdbfa;border-color:#dbf5ff;border-bottom-color:#55a7d0}
.pg-tone-2{background:#ffba84;border-color:#ffe5c4;border-bottom-color:#d38357}
.pg-tone-0{border-bottom-color:#d9aa3b}
.pg-choice-art{display:flex;align-items:center;justify-content:center;height:128px;width:190px;max-width:95%}
.pg-choice-art svg{height:100%;width:100%}
.pg-choice-label{font-family:var(--heading);font-size:clamp(26px,2.7vw,38px);font-weight:700;line-height:1.17;text-align:center;display:block;margin-top:9px;min-height:46px}
.pg-choice-tap{font-size:10px;font-weight:900;margin-top:11px;opacity:.73;letter-spacing:.1em;text-transform:uppercase}
.pg-choice-speak{position:absolute;bottom:-17px;right:18px;z-index:1;display:grid;place-items:center;width:46px;height:43px;border-radius:12px;background:#fff4b9;border:2px solid #e8c36b;color:#45225e;box-shadow:0 3px 0 #1c114b33}
.pg-choice-speak:hover{background:#fffbe0}
.pg-choice-retry{animation:pg-wiggle .35s ease-out}
.pg-feedback{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff2b7;font-size:17px;line-height:1.5;max-width:880px;margin:28px auto 0;font-weight:700}
.pg-feedback-visible{background:#3c2377b8;border:1px solid #dcb9ff4f;border-radius:13px;padding:10px 18px}
.pg-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1100px;margin:8px auto 0;color:#d6c2f1;font-size:11px}
.pg-restart{border:0;background:transparent;color:#e7d8ff;min-height:38px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.pg-restart:hover{color:#ffe078}
.pg-identity-board{max-width:1000px;margin:auto;background:#e7eafa;border:4px solid #fff7d8;border-bottom:8px solid #a8a8d2;border-radius:26px;padding:20px 25px 25px;box-shadow:0 7px 0 #1a0d3655}
.pg-board-label{color:#6a4c8e;font-size:11px;font-weight:900;letter-spacing:.15em;margin-bottom:14px;text-align:center}
.pg-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pg-slot{position:relative;min-height:170px;border:3px dashed #aaa4d4;background:#f9f6ff;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:13px;color:#5f4883;transition:background .17s,border-color .17s,transform .17s}
.pg-slot-category{font-family:var(--heading);font-size:25px;color:#4c2f71;font-weight:700}
.pg-slot-plus{font-size:37px;color:#998ec3;line-height:1;margin:7px 0}
.pg-slot>small{font-size:11px}
.pg-slot-filled{border-style:solid;border-color:#66ba9d;background:#e2f9e9;animation:pg-pop .3s ease-out}
.pg-slot-filled>strong{font-family:var(--heading);font-size:25px;line-height:1.2;color:#244e45;display:block;margin-top:1px}
.pg-slot-picture{height:60px;width:90px;display:block}
.pg-slot-picture svg{height:100%;width:100%}
.pg-slot-check{position:absolute;top:9px;right:12px;color:#168b67;font-size:23px;font-weight:900}
.pg-manipulate-guide{font-size:14px;color:#eadcff;text-align:center;margin:20px 0 16px}
.pg-tokens{display:flex;justify-content:center;gap:19px;min-height:101px;flex-wrap:wrap}
.pg-token{background:#ffdb77;border:3px solid #fff0ba;border-bottom:6px solid #c99b3d;border-radius:17px;display:flex;align-items:center;gap:13px;padding:10px 18px;color:#3e2b5b;min-width:225px;min-height:91px;box-shadow:0 5px 0 #170d3455;position:relative}
.pg-token>span{width:68px;height:57px;display:block;pointer-events:none}
.pg-token svg{width:100%;height:100%}
.pg-token strong{font-family:var(--heading);font-size:23px;font-weight:700;line-height:1.2;pointer-events:none}
.pg-token>i,.pg-order-token>i{font-style:normal;opacity:.55;font-size:24px;pointer-events:none}
.pg-token-selected{outline:4px solid #fff6c9;outline-offset:5px;transform:translateY(-4px);background:#fff0a4}
.pg-drop-hover{background:#c8f8e1!important;border-color:#57cdb0!important;border-style:solid;transform:scale(1.035)}
.pg-token-dragging{opacity:.4}
.pg-shell [data-pg-drag]{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab!important}
.pg-shell [data-pg-drag] *{pointer-events:none}
.pg-drag-ghost{position:fixed!important;z-index:1000!important;pointer-events:none!important;transform:translate(-50%,-50%) rotate(-4deg)!important;width:240px!important;max-width:70vw!important;min-height:80px!important;border:3px solid #fff6d5!important;border-radius:17px!important;background:#ffe49b!important;box-shadow:0 14px 35px #110b39a8!important;padding:14px!important;color:#38265b!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}
.pg-drag-ghost svg{max-width:70px;max-height:55px}
.pg-drag-ghost strong{font-size:22px;line-height:1.2}
.pg-memory-board{max-width:920px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;perspective:1200px}
.pg-memory-card{position:relative;min-height:155px;background:transparent;border:0;border-radius:20px;padding:0;transform-style:preserve-3d;transition:transform .33s;box-shadow:0 6px 0 #130d3c66}
.pg-memory-face,.pg-memory-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:3px solid #f9e7a4;border-bottom:6px solid #c6a247;border-radius:20px;backface-visibility:hidden;overflow:hidden;transition:opacity .22s}
.pg-memory-back{background:linear-gradient(140deg,#8061c2,#51317b);border-color:#ba98f0;border-bottom-color:#463065;transform:rotateY(0deg)}
.pg-memory-back>svg{width:110px;height:100px;opacity:.9}
.pg-memory-back>small{position:absolute;bottom:9px;right:14px;background:#ffffff23;border-radius:50%;width:23px;height:23px;font-size:12px;color:#fff4d8}
.pg-memory-face{background:#fff3ca;color:#3c2859;transform:rotateY(180deg)}
.pg-memory-face>svg{width:150px;height:116px}
.pg-memory-face>strong{font-family:var(--heading);font-size:34px;line-height:1.15;padding:20px;max-width:100%;overflow-wrap:break-word}
.pg-memory-card.pg-memory-open{transform:rotateY(180deg)}
.pg-memory-open .pg-memory-face{transform:rotateY(180deg)}
.pg-memory-matched .pg-memory-face{background:#c8f4d8;border-color:#7addb3;border-bottom-color:#3c9e7f}
.pg-memory-face>i{position:absolute;right:12px;top:7px;color:#0b835b;font-size:24px;font-style:normal;font-weight:900}
.pg-found{text-align:center;margin-top:19px;color:#fff0b5;font-size:16px;font-weight:800}
.pg-order-slots{max-width:850px;margin:auto;display:grid;gap:13px}
.pg-order-slot{display:flex;align-items:center;gap:18px;min-height:74px;background:#ece4ff;border:3px dashed #b2a1d8;color:#5d3b83;border-radius:16px;padding:10px 21px;text-align:left}
.pg-order-slot>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#d7c7f4;font-family:var(--heading);font-size:24px;flex-shrink:0}
.pg-order-slot>small{font-size:16px}
.pg-order-slot>strong{font-family:var(--heading);font-size:27px;line-height:1.2}
.pg-order-slot>i{margin-left:auto;font-style:normal;font-weight:900;color:#1b8a68;font-size:25px}
.pg-order-filled{background:#d6f6df;border-style:solid;border-color:#6cc29d;animation:pg-pop .3s ease-out}
.pg-order-filled>span{background:#9ce3bd;color:#246d58}
.pg-order-tokens{display:flex;justify-content:center;gap:17px;min-height:112px;max-width:1100px;margin:auto}
.pg-order-token{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:#ffdb77;border:3px solid #fff2c6;border-bottom:6px solid #c99b3d;color:#44285c;border-radius:17px;padding:12px 16px}
.pg-order-token svg{width:70px;height:65px;flex:0 0 70px}
.pg-order-token strong{font-family:var(--heading);font-size:23px;line-height:1.2}
.pg-celebration{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#22104ced;backdrop-filter:blur(10px);padding:35px;animation:pg-fade .2s ease-out;overflow-y:auto}
.pg-success-shield{width:150px;height:160px;filter:drop-shadow(0 9px 20px #32dda655);animation:pg-success .6s cubic-bezier(.16,.85,.4,1.2) both}
.pg-celebration h2{font-size:clamp(52px,7vw,85px);margin:18px 0 12px;color:#fff4b0;text-shadow:0 5px 0 #522970;line-height:1.1}
.pg-celebration>p{font-size:clamp(19px,2.2vw,29px);max-width:850px;line-height:1.55;color:#fff7e9}
.pg-earned-star{display:inline-block;background:#9167b35e;border:1px solid #e3c5ff44;border-radius:100px;padding:8px 20px;color:#ffe187;font-size:16px;font-weight:900;margin:22px 0 25px}
.pg-celebration .pg-start{font-size:21px;min-height:62px}
.pg-confetti{position:absolute;left:50%;top:40%;width:0;height:0;pointer-events:none;z-index:-1}
.pg-confetti>i{display:block;position:absolute;width:11px;height:22px;border-radius:4px;background:#ffe078;transform:rotate(calc(var(--i)*18deg)) translateY(-190px);animation:pg-confetti .7s ease-out both;opacity:.7}
.pg-confetti>i:nth-child(3n){background:#75e4de}
.pg-confetti>i:nth-child(3n + 1){background:#ee92b7;width:18px;height:12px}
.pg-ending{text-align:center;max-width:1000px;margin:15px auto 10px}
.pg-trophy{width:170px;height:135px;margin:0 auto 8px}
.pg-trophy svg{width:100%;height:100%}
.pg-ending h1{font-size:clamp(38px,5.3vw,65px);line-height:1.12;margin:8px 0 16px}
.pg-ending>p{font-size:22px;line-height:1.6;color:#f1e4ff}
.pg-final-stars{color:#ffdf70;font-size:44px;letter-spacing:12px;text-indent:12px;line-height:1.5;margin-bottom:12px;text-shadow:0 5px 0 #9f6d76}
.pg-end-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.pg-ending .pg-start{font-size:21px;min-height:61px}
.pg-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.teacher-quiz-link{margin:-15px 0 30px;color:var(--green);font-size:13px;font-weight:800}
.teacher-quiz-link a{display:inline-flex;align-items:center;gap:10px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.adventure-grid:has(> .adventure-card:only-child){grid-template-columns:1fr}
.adventure-grid>.adventure-card:only-child{display:grid;grid-template-columns:1.15fr 1fr;min-height:305px}
.adventure-grid>.adventure-card:only-child .adventure-art{aspect-ratio:auto;height:100%;min-height:305px}
.adventure-grid>.adventure-card:only-child .adventure-copy{padding:36px 42px;display:flex;flex-direction:column;justify-content:center}
.adventure-grid>.adventure-card:only-child h3{font-size:42px}
.adventure-grid>.adventure-card:only-child p{font-size:16px;max-width:400px;min-height:0}
.adventure-grid>.adventure-card:only-child .eyebrow{font-size:10px}
.adventure-grid>.adventure-card:only-child .card-link{font-size:14px;margin-top:25px}
.adventure-grid>.adventure-card:only-child img{transform:none;object-position:center}
@keyframes pg-hover{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-14px) rotate(-8deg)}}
@keyframes pg-pop{from{transform:scale(.94)}to{transform:scale(1)}}
@keyframes pg-fade{from{opacity:0}to{opacity:1}}
@keyframes pg-wiggle{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}65%{transform:translateX(6px)}}
@keyframes pg-success{0%{transform:scale(.2) rotate(-12deg);opacity:0}70%{transform:scale(1.14) rotate(4deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes pg-confetti{from{transform:rotate(calc(var(--i)*18deg)) translateY(-30px) scale(.1);opacity:0}to{transform:rotate(calc(var(--i)*18deg)) translateY(-240px) scale(1);opacity:.8}}
@media(max-width:1100px){.pg-shell{padding-inline:24px}.pg-mission-heading{gap:22px}.pg-heading-art{width:140px;flex-basis:140px}.pg-heading-art>svg{height:120px}.pg-mission-heading h1{font-size:38px}.pg-mission-heading p{font-size:17px}.pg-choice{min-height:245px;padding-inline:15px}.pg-choice-label{font-size:30px}.pg-choice-art{height:115px;width:165px}.pg-choices{gap:18px}.pg-intro{min-height:510px;gap:20px}.pg-intro-copy>p{font-size:20px}.pg-start{font-size:20px;padding:17px 23px;min-height:63px}.pg-order-token{padding:12px}.pg-order-token svg{width:55px;flex-basis:55px}.pg-order-token strong{font-size:21px}.pg-token{min-width:210px;padding:10px 14px}.pg-token strong{font-size:22px}}
@media(min-width:1001px)and(max-height:820px){.pg-topbar{min-height:66px}.pg-trail{margin:15px auto 7px}.pg-mission-heading{min-height:130px;margin:6px auto 20px}.pg-mission-heading h1{font-size:38px}.pg-heading-art>svg{height:115px}.pg-choice{min-height:225px}.pg-choice-art{height:100px}.pg-feedback{margin-top:23px;min-height:36px}.pg-intro{min-height:450px;margin-top:5px}.pg-intro h1{font-size:72px}.pg-intro-art{max-width:420px}.pg-intro-guide{margin-bottom:0}.pg-memory-card{min-height:140px}.pg-identity-board{padding:15px 20px 20px}.pg-slot{min-height:150px}.pg-order-slot{min-height:66px}.pg-order-tokens{min-height:95px}.pg-ending h1{font-size:54px}.pg-trophy{height:110px}.pg-celebration h2{font-size:65px}.pg-success-shield{width:130px;height:138px}}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.site-header{min-height:88px}.pg-school{display:none}.pg-intro{min-height:480px;grid-template-columns:.85fr 1fr;gap:15px}.pg-intro h1{font-size:65px}.pg-intro-art{padding:10px}.pg-mission-heading h1{font-size:35px}.pg-mission-heading{gap:18px}.pg-heading-art{width:115px;flex-basis:115px}.pg-heading-art>svg{height:105px}.pg-mission-heading p{font-size:16px}.pg-choice{min-height:235px;padding-inline:12px}.pg-choice-label{font-size:27px}.pg-choice-art{height:106px;width:145px}.pg-choices{gap:14px;padding-inline:0}.pg-stage-footer{padding-inline:0}.pg-token{min-width:190px;flex:1;gap:8px}.pg-token strong{font-size:20px}.pg-token>span{width:54px}.pg-slot{min-height:155px}.pg-slot-category{font-size:23px}.pg-slot-filled>strong{font-size:22px}.pg-order-token{flex-direction:column;text-align:center;padding:10px;gap:4px}.pg-order-token svg{height:51px;flex-basis:51px}.pg-order-token strong{font-size:20px}.pg-order-token>i{display:none}.adventure-grid>.adventure-card:only-child h3{font-size:35px}.adventure-grid>.adventure-card:only-child .adventure-copy{padding:30px}.adventure-grid>.adventure-card:only-child p{font-size:14px}}
@media(max-width:700px){.pg-shell{padding:0 18px 25px;background-attachment:scroll}.pg-topbar{min-height:68px;gap:12px}.pg-top-actions{gap:7px}.pg-nav,.pg-sound{padding:9px 11px;font-size:11px;min-height:40px;border-radius:11px}.pg-sound svg{width:18px}.pg-full{width:39px;height:40px;min-height:40px;padding:9px;border-radius:11px}.pg-full svg{width:19px}.pg-intro{grid-template-columns:1fr;gap:0;text-align:center;min-height:0;margin-top:15px}.pg-intro-art{width:190px;padding:0;margin:0 auto;height:150px}.pg-intro-art>svg{height:150px;max-width:210px}.pg-floating-star{font-size:35px;top:1%;right:-20px}.pg-floating-star-two{font-size:24px;left:-20px;bottom:10%}.pg-intro h1{font-size:62px;margin:9px 0 17px}.pg-intro-copy>p{font-size:18px;line-height:1.6}.pg-intro .pg-start{margin-top:23px;font-size:20px;min-height:61px;padding:15px 22px;gap:18px}.pg-intro-copy>small{font-size:10px;margin-top:17px}.pg-kicker{font-size:9px;letter-spacing:.13em}.pg-intro-guide{gap:8px;margin:27px auto 0;font-size:10px}.pg-intro-guide span{padding:8px 10px}.pg-trail{max-width:420px;margin:19px auto 12px;gap:8px}.pg-planet{height:36px;width:36px;font-size:17px;border-width:2px}.pg-planet-done{font-size:22px}.pg-trail::before{top:17px;left:22px;right:22px}.pg-mission-heading{gap:13px;margin:8px auto 21px;min-height:120px;align-items:center;position:relative;padding-right:0}.pg-heading-art{flex:0 0 80px;width:80px;align-self:flex-start;margin-top:27px}.pg-heading-art>svg{height:78px}.pg-mission-heading h1{font-size:28px;line-height:1.15;margin:5px 0 12px;padding-right:0}.pg-mission-heading p{font-size:13px;line-height:1.65}.pg-read{position:absolute;top:-5px;right:0;width:34px;height:32px;min-height:32px;flex-basis:auto;border-radius:8px;padding:5px;border-bottom-width:3px;box-shadow:none}.pg-read svg{width:19px;height:19px}.pg-choices{grid-template-columns:1fr;gap:17px;max-width:500px;margin:auto}.pg-choice{min-height:111px;padding:12px 42px 12px 10px;border-radius:20px;border-width:3px;border-bottom-width:6px;flex-direction:row;gap:13px;justify-content:flex-start;box-shadow:0 4px 0 #160c3869}.pg-choice-art{width:87px;height:75px;flex:0 0 87px}.pg-choice-label{font-size:27px;text-align:left;min-height:0;margin-top:0}.pg-choice-tap{display:none}.pg-choice-speak{bottom:10px;right:10px;width:31px;height:30px;border-radius:9px;border-width:1px;box-shadow:none}.pg-choice-speak svg{width:17px;height:17px}.pg-feedback{font-size:14px;min-height:35px;margin-top:21px}.pg-feedback-visible{padding:10px 13px}.pg-stage-footer{align-items:flex-start;font-size:9px;margin-top:10px;gap:12px}.pg-stage-footer>span{padding-top:11px}.pg-restart{font-size:10px;padding:8px 0;min-height:35px}.pg-identity-board{border-width:3px;border-bottom-width:6px;border-radius:20px;padding:15px 11px 16px}.pg-board-label{font-size:8px;letter-spacing:.12em;margin-bottom:13px}.pg-slots{gap:8px}.pg-slot{border-width:2px;border-radius:13px;min-height:137px;padding:8px 5px}.pg-slot-category{font-size:22px}.pg-slot>small{font-size:8px;line-height:1.5;max-width:64px}.pg-slot-plus{font-size:34px;margin:6px 0}.pg-slot-filled>strong{font-size:18px;overflow-wrap:break-word;line-height:1.15}.pg-slot-picture{width:66px;height:48px}.pg-slot-check{font-size:16px;top:4px;right:6px}.pg-manipulate-guide{font-size:12px;line-height:1.7;margin:18px 12px 14px}.pg-tokens{gap:12px;min-height:80px;flex-direction:column;max-width:340px;margin:auto}.pg-token{min-width:0;min-height:75px;padding:9px 16px;border-radius:15px;gap:18px;justify-content:flex-start}.pg-token>span{width:65px;height:45px}.pg-token strong{font-size:24px;flex:1;text-align:left}.pg-token>i{font-size:26px}.pg-token-selected{outline-width:3px;outline-offset:3px;transform:none}.pg-memory-board{gap:11px;max-width:440px}.pg-memory-card{min-height:115px;border-radius:14px}.pg-memory-face,.pg-memory-back{border-width:2px;border-bottom-width:5px;border-radius:14px}.pg-memory-back>svg{width:70px;height:70px}.pg-memory-back>small{font-size:10px;width:19px;height:19px;bottom:5px;right:6px}.pg-memory-face>svg{width:90px;height:80px}.pg-memory-face>strong{font-size:21px;line-height:1.13;padding:8px;overflow-wrap:normal}.pg-memory-face>i{font-size:17px;right:6px;top:3px}.pg-found{font-size:13px;margin-top:17px}.pg-order-slots{gap:10px}.pg-order-slot{min-height:70px;padding:10px 12px;gap:12px;border-width:2px;border-radius:13px}.pg-order-slot>span{width:29px;height:29px;font-size:21px}.pg-order-slot>small{font-size:13px}.pg-order-slot>strong{font-size:22px;line-height:1.2}.pg-order-slot>i{font-size:19px}.pg-order-tokens{gap:11px;flex-direction:column;max-width:400px;min-height:88px}.pg-order-token{flex-direction:row;text-align:left;padding:10px 13px;min-height:75px;gap:12px;border-width:2px;border-bottom-width:5px;border-radius:14px}.pg-order-token svg{width:62px;height:46px;flex:0 0 62px}.pg-order-token strong{font-size:23px}.pg-celebration{padding:28px 23px}.pg-success-shield{width:121px;height:130px}.pg-celebration h2{font-size:52px;margin:22px 0 16px}.pg-celebration>p{font-size:20px;line-height:1.55}.pg-earned-star{font-size:14px;padding:7px 17px;margin:23px 0}.pg-celebration .pg-start{font-size:18px;min-height:60px;padding:15px 20px;gap:15px}.pg-confetti>i{width:7px;height:15px}.pg-ending{padding-top:6px}.pg-trophy{width:150px;height:118px}.pg-ending h1{font-size:40px;line-height:1.13;margin:12px 0 16px}.pg-ending>p{font-size:18px;line-height:1.6}.pg-final-stars{font-size:31px;letter-spacing:6px;text-indent:6px;margin:17px 0 15px}.pg-end-actions{flex-direction:column;gap:15px;margin-top:22px}.pg-ending .pg-start{font-size:19px;min-height:58px}.adventure-grid>.adventure-card:only-child{display:block;min-height:0}.adventure-grid>.adventure-card:only-child .adventure-art{height:auto;aspect-ratio:1.6;min-height:0;width:100%}.adventure-grid>.adventure-card:only-child .adventure-copy{padding:27px}.adventure-grid>.adventure-card:only-child h3{font-size:35px}.adventure-grid>.adventure-card:only-child p{font-size:14px}.adventure-grid>.adventure-card:only-child .eyebrow{font-size:8px}.adventure-grid>.adventure-card:only-child .card-link{font-size:12px;margin-top:19px}}
@media(max-width:370px){.pg-shell{padding-inline:13px}.pg-choice-label{font-size:24px}.pg-choice-art{width:75px;flex-basis:75px}.pg-mission-heading h1{font-size:26px}.pg-heading-art{width:65px;flex-basis:65px}.pg-mission-heading{gap:10px}.pg-memory-face>strong{font-size:18px}.pg-slot-category{font-size:20px}.pg-slot-filled>strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.pg-shell *, .pg-shell *::before,.pg-shell *::after{animation:none!important;transition:none!important}.pg-memory-card{transition:none}}

.pg-shell:fullscreen{overflow-y:auto;overflow-x:hidden;background-attachment:scroll}
.pg-celebration>.pg-nav{margin-top:15px}