.project-gallery{margin:8px 0 68px}.project-gallery .shelf-heading{align-items:end}.project-gallery .shelf-heading h2{max-width:600px}.pg-filters{display:flex;align-items:end;gap:24px;margin:24px 0 12px;flex-wrap:wrap}.pg-filters label{display:grid;gap:8px;font-size:14px;font-weight:700;flex:1;min-width:240px}.pg-filters input{font:inherit;width:100%;border:1px solid #b8c4d0;border-radius:16px;padding:14px 16px;background:var(--paper);color:var(--ink);min-height:50px}.pg-filters [role=group]{display:flex;flex-wrap:wrap;gap:8px}.pg-filters button{border:1px solid #b8c4d0;border-radius:999px;min-height:48px;padding:10px 17px;background:var(--paper)}.pg-filters button[aria-pressed=true]{background:var(--ink);color:white}.pg-count{font-size:13px;color:#52637c;margin:12px 0 22px}.project-card .card-art svg{height:175px}.project-card .card-copy{gap:7px}.pg-card-mode{grid-column:1/-1;font-size:13px;color:#52637c;margin-top:8px}.project-card .card-copy strong{font-size:23px}.project-card[hidden]{display:none!important}
#project-player{max-width:1180px;margin:0 auto;padding:12px 0 36px}#project-player button{font:inherit;cursor:pointer}#project-player button:disabled{cursor:default;opacity:.42}#project-player button:focus-visible,#project-player select:focus-visible{outline:3px solid #286795;outline-offset:4px}.pg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.pg-toolbar>div{display:flex;gap:8px}.pg-toolbar button,.pg-bottom button{min-height:48px;border:1px solid #b8c4d0;border-radius:999px;background:var(--paper);padding:10px 18px;color:var(--ink);font-weight:600}.pg-toolbar button[aria-pressed=true]{background:#e8f4fb;border-color:var(--ink)}.pg-heading{position:relative;margin:0 0 26px;padding-right:68px}.pg-heading h1{font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-.035em;margin:8px 0 12px}.pg-heading>p:last-child{font-size:18px;color:#445473;max-width:770px}.pg-heading .eyebrow{margin:0}#pg-hear{position:absolute;right:0;top:24px;border:1px solid #b8c4d0;border-radius:50%;width:50px;height:50px;background:var(--paper);font-weight:700;font-size:20px}#pg-title:focus-visible{outline:none}.pg-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:30px}.pg-paper-column{min-width:0}.pg-paper{position:relative;aspect-ratio:5/3;width:100%;border:1px solid #e0d7c6;border-radius:24px;background:#f5ecdb;overflow:hidden;isolation:isolate}.pg-paper>svg{width:100%;height:100%;display:block}.pg-placement{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));padding:0}.pg-placement button{border:1px solid transparent!important;border-radius:12px;background:transparent!important;padding:0;min-width:0;min-height:0;color:#286795}.pg-placement button span{opacity:0;font-size:26px;text-shadow:0 0 5px white}.pg-placement button:hover{background:#2e84c60a!important;border-color:#2e84c640!important}.pg-placement button:focus-visible{outline-offset:-5px!important}.pg-placement button:focus-visible span,.pg-placement button:hover span{opacity:1}.pg-instruction{font-size:14px;color:#52637c;text-align:center;margin:12px 0 18px}.pg-group{padding:0;border:0;margin:0 0 18px;min-width:0}.pg-group legend{font-size:14px;font-weight:700;margin-bottom:10px;color:#445473}.pg-options{display:flex;flex-wrap:wrap;gap:8px}.pg-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:60px;min-height:48px;padding:10px;border-radius:15px;border:1px solid #b8c4d0;background:var(--paper);color:var(--ink);font-size:13px!important;line-height:1.3;flex:1 0 68px;text-align:center}.pg-options button[aria-pressed=true]{background:#e8f4fb;border:2px solid var(--ink);padding:9px;box-shadow:0 0 0 2px white inset}.pg-options button>svg{width:46px;height:46px;pointer-events:none}.pg-options button span{pointer-events:none}.pg-swatch{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:var(--ink);font-size:21px;border:1px solid #18325a30}.pg-tools{background:#fffaf2;border-radius:24px;padding:22px;min-width:0}.pg-tools>button{border:1px solid #b8c4d0;border-radius:999px;background:var(--paper);color:var(--ink);padding:12px 18px;min-height:48px;margin-bottom:12px;max-width:100%;font-size:14px!important}.pg-tools>button.primary{background:var(--ink);color:white;border:2px solid var(--ink);font-weight:700}.pg-tools .pg-wide{width:100%}.pg-help{font-size:14px;color:#52637c;margin:0 0 16px}.pg-notice{margin-bottom:20px;font-size:16px}.pg-notice>strong{display:flex;align-items:center;gap:10px;font-family:var(--hand);font-size:27px;margin:8px 0}.pg-notice>p{font-size:14px;color:#52637c}.pg-test-mark{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;background:white;border:1px dashed #a8b8c8;border-radius:16px;font-size:13px}.pg-test-mark svg{width:60px;height:60px}.pg-steps{display:flex;list-style:none;gap:8px;padding:0;margin:0 0 20px;counter-reset:step}.pg-steps li{flex:1;padding:9px 6px;border-radius:12px;text-align:center;font-size:13px;background:#eee9dd}.pg-steps li:before{counter-increment:step;content:counter(step) '. ';font-weight:700}.pg-steps .current{background:#e8f4fb;outline:2px solid #286795}.pg-edit .pg-options button{min-width:48px;flex:1 0 52px;min-height:48px;font-size:13px!important}.pg-edit{margin-top:12px}.pg-piece-select{display:grid;gap:8px;font-size:13px;font-weight:600}.pg-piece-select select{font:inherit;padding:12px;min-height:48px;border:1px solid #b8c4d0;border-radius:13px;background:var(--paper);color:var(--ink);width:100%}#pg-status{font-size:18px;min-height:56px;max-width:850px;margin:24px auto 18px;text-align:center;color:var(--ink);font-weight:500}.pg-bottom{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pg-bottom .primary{background:var(--ink);color:white}.pg-grownups{border-top:1px solid #dce0df;margin-top:32px;padding-top:16px}.pg-grownups>p{font-size:15px;color:#52637c;max-width:760px}.pg-lesson-links{display:flex;gap:22px;flex-wrap:wrap}.pg-lesson-links a{font-weight:700;min-height:44px;padding:10px 0;color:#a63656;text-decoration:underline}.pg-joint-icon{font-size:22px;color:#a63656}.project-playing #main>.lesson-invite,.project-playing #main>#parents{display:none}#pg-reset-dialog{max-width:440px;border:1px solid #b8c4d0;border-radius:24px;background:var(--cream);color:var(--ink);padding:28px}#pg-reset-dialog h2{font-family:var(--hand);font-size:29px}#pg-reset-dialog>div{display:flex;gap:12px;flex-wrap:wrap}#pg-reset-dialog button{border:1px solid #b8c4d0;min-height:48px;border-radius:999px;padding:10px 17px;background:var(--paper)}#pg-reset-dialog::backdrop{background:#18325a66}
@media(max-width:850px){.pg-workspace{grid-template-columns:1fr;gap:16px}.pg-tools{padding:20px}.pg-options button{flex:1 0 63px}.pg-paper-column{max-width:650px;width:100%;margin:auto}.pg-heading{margin-bottom:20px}.pg-tools .pg-group{margin-bottom:16px}.pg-options button>svg{width:40px;height:40px}.pg-edit .pg-options button{flex:1 0 54px}.project-card .card-art svg{height:140px}}
@media(max-width:540px){#project-player{padding-top:0}.pg-toolbar{gap:8px;margin-bottom:18px}.pg-toolbar button{font-size:12px!important;padding:9px 12px;min-height:44px}.pg-heading h1{font-size:31px}.pg-heading .eyebrow{font-size:10px}.pg-heading>p:last-child{font-size:16px}.pg-heading{padding-right:50px}#pg-hear{width:44px;height:44px;top:27px}.pg-tools{padding:16px;border-radius:20px}.pg-options{gap:7px}.pg-options button{font-size:12px!important;flex-basis:55px;padding:8px}.pg-options button[aria-pressed=true]{padding:7px}.pg-options button>svg{width:35px;height:35px}.pg-swatch{width:30px;height:30px}.pg-group legend{font-size:13px}.pg-paper{border-radius:18px}.pg-bottom button{font-size:13px!important;padding:10px 14px}.pg-filters label{min-width:100%}.project-card .card-copy strong{font-size:20px}.project-card .card-art svg{height:120px}#pg-status{font-size:16px}.pg-instruction{font-size:13px}.pg-piece-select{font-size:12px}.pg-edit .pg-options button{flex-basis:47px;min-width:44px}.pg-toolbar>div{gap:5px}}
body.game-embed{background:var(--cream)}.game-embed>.site-header,.game-embed>.site-footer,.game-embed>.skip,.game-embed #shelf,.game-embed #player,.game-embed #main>.lesson-invite,.game-embed #parents,.game-embed #nl-badge-frame{display:none!important}.game-embed #main{max-width:none;padding:0 14px}.game-embed #project-player{padding-top:12px}.game-embed .pg-heading{margin-bottom:18px}.game-embed .pg-toolbar{margin-bottom:16px}.game-embed .pg-grownups{margin-bottom:8px}.game-embed .pg-workspace{gap:20px}.game-embed #pg-status{margin-top:14px}.game-embed .pg-bottom{gap:8px}.game-embed .pg-grownups{margin-top:24px}
.pg-ui-icon{width:30px;height:30px;flex:0 0 auto;vertical-align:middle;pointer-events:none}.pg-toolbar button,.pg-bottom button,.pg-tools>button,.pg-filters button,#pg-reset-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.pg-picture-cue{display:flex;align-items:center;gap:10px;margin-top:16px;color:#52637c}.pg-picture-cue svg{width:42px;height:42px}.pg-optional{margin:12px 0 20px}.pg-optional summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:48px}.pg-optional[open] summary{margin-bottom:12px}.pg-paper[data-empty=true] .pg-placement button span{opacity:.28}.pg-piece-select>span{display:flex;align-items:center;gap:8px}#pg-hear{display:grid;place-items:center;padding:6px}
@media(max-width:540px){.pg-toolbar button{flex-direction:column;gap:3px;padding:8px}.pg-toolbar .pg-ui-icon{width:25px;height:25px}.pg-picture-cue svg{width:34px;height:34px}.pg-bottom{gap:8px}.pg-bottom button{flex:1 0 120px}.pg-bottom .pg-ui-icon{width:27px;height:27px}}
.pg-steps li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.pg-steps li:before{display:none}.pg-steps .pg-ui-icon{width:35px;height:35px}
/* Small playful refinements, with the familiar game layouts retained. */
.pg-touch-tools{display:flex;gap:8px;margin-bottom:10px}.pg-touch-tools:empty{display:none}.pg-touch-tools button{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 18px;border:1px solid #b8c4d0;border-radius:999px;background:#fffdfa;color:#18325a}.pg-touch-tools button[aria-pressed=true]{background:#e8f4fb;border:2px solid #18325a;padding:6px 17px}.pg-touch-tools svg{width:25px;height:25px}.pg-paper:has(.pg-placement){touch-action:none;cursor:crosshair}.pg-paper.pg-grab{cursor:grab}.pg-paper.pg-grab:active{cursor:grabbing}.pg-paper{border:0;box-shadow:0 3px 0 #18325a14;background:#fffdfa}.pg-picture-cue{display:none}.pg-heading h1{font-family:var(--hand);font-weight:600;letter-spacing:-.015em}.pg-heading>p{max-width:650px}.pg-edit-drawer{background:#fffaf2;border:1px solid #dddcd4;border-radius:18px;padding:0 14px}.pg-edit-drawer summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:48px;font-size:14px;font-weight:600}.pg-edit-drawer summary>span:last-child{margin-left:auto}.pg-edit-drawer[open]{padding-bottom:15px}.pg-tools{border:1px solid #e5e1d9;box-shadow:0 4px 0 #18325a08}.pg-options button{box-shadow:0 3px 0 #18325a10;transition:background-color .15s,box-shadow .15s}.pg-options button:hover{background:#f6f0e5}.pg-options button[aria-pressed=true]{background:#e8f4fb;box-shadow:0 3px 0 #83b3ce}.pg-options button:active{box-shadow:none}.pg-sparkle{position:absolute;width:1px;height:1px;pointer-events:none;z-index:5}.pg-sparkle i{position:absolute;font-style:normal;font-size:30px;line-height:1;color:#d99a38;animation:pg-pop .7s ease-out both;--x:-42px;--y:-45px}.pg-sparkle i:nth-child(2){color:#e9a0b5;font-size:14px;--x:38px;--y:-23px}.pg-sparkle i:nth-child(3){color:#86b9d5;font-size:25px;--x:0px;--y:38px}.pg-respond[data-reaction=fold]>svg,.pg-respond[data-reaction=flap]>svg{animation:pg-reveal .55s ease-out}.pg-respond[data-reaction=wind]>svg,.pg-respond[data-reaction=flight]>svg{animation:pg-whoosh .45s ease-out}.pg-respond[data-reaction=twist]>svg,.pg-respond[data-reaction=pose]>svg{animation:pg-wiggle .4s ease-out}.pg-respond[data-reaction=peel]>svg,.pg-respond[data-reaction=lift]>svg{animation:pg-reveal .5s ease-out}
@keyframes pg-pop{0%{opacity:0;transform:translate(-10px,-10px) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.1)}}@keyframes pg-reveal{0%{opacity:.3;transform:scale(.96)}100%{opacity:1;transform:scale(1)}}@keyframes pg-whoosh{0%{transform:translateX(-5px)}60%{transform:translateX(3px)}100%{transform:translateX(0)}}@keyframes pg-wiggle{0%,100%{transform:rotate(0)}35%{transform:rotate(-1deg)}70%{transform:rotate(1deg)}}
@media(max-width:850px){.pg-paper-column{position:sticky;top:0;z-index:4;background:var(--cream);padding:8px 0;border-bottom:1px solid #e3dfd3}.pg-paper{max-height:36svh;aspect-ratio:5/3;width:auto;margin:auto}.pg-touch-tools{justify-content:center;margin-bottom:8px}.pg-instruction{margin:10px 0;font-size:13px}.pg-edit{margin-top:8px}.pg-heading{padding-right:52px}.pg-heading h1{font-size:32px}.pg-heading .eyebrow{font-size:9px}.pg-heading>p{font-size:16px}.pg-toolbar{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.pg-options button{transition:none}.pg-sparkle{display:none!important}.pg-paper>svg{animation:none!important}}
body.still .pg-paper>svg{animation:none!important}body.still .pg-sparkle{display:none!important}
@media print{.pg-touch-tools,.pg-edit,.pg-sparkle{display:none!important}.pg-paper-column{position:static}}
@media(max-width:850px){.pg-paper{width:min(100%,60svh);max-height:none}.pg-paper-column:has(.pg-edit-drawer[open]){position:static}}