/* The tenth pass: slower reveals, useful keepsakes, and a little room to play. */
.photo-lightbox{width:min(830px,95vw);max-height:94dvh;padding:0;border:1px solid #ded3cd;border-radius:24px;background:#fbf5ec;color:#655861;box-shadow:0 30px 100px #0c132c40;overflow:auto}.photo-lightbox::backdrop{background:#101629bb;backdrop-filter:blur(9px)}.photo-lightbox .art-photo{max-width:none;margin:0;border:0;border-radius:0;background:#fbf5ec;color:#655861;padding:22px}.photo-lightbox .photo-preview{display:block;width:100%;max-height:69dvh;object-fit:contain}.photo-lightbox .photo-heading h3{font-size:19px}.photo-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.photo-actions>span{font-size:11px;color:#8b7c80}.photo-lightbox .text-button{color:#977789}.photo-lightbox .button{background:#977789;color:#fff8f2}
.physics-lab{text-align:center;padding:8px 7px 14px}.physics-title{font:29px/1.5 var(--serif);font-weight:400;margin:10px 0}.physics-lab .formula-grid{gap:12px;margin:21px 0}.formula-card{display:flex;flex-direction:column;align-items:center;gap:13px;min-height:139px;padding:20px 8px;border:1px solid #b8b5d432;background:linear-gradient(145deg,#c4c3e710,#b8caec04);border-radius:14px;color:#e4dfe9;transition:border-color .3s,background .3s,transform .3s}.formula-card:hover,.formula-card[aria-expanded=true]{background:#c1b6e11a;border-color:#e3c49299;transform:translateY(-2px)}.formula-card strong{font:24px/1.3 Georgia,'Times New Roman',serif;color:#f3d8a6;font-weight:400;white-space:nowrap}.formula-card small{color:#b9b3c9;letter-spacing:.15em}.formula-card span{font-size:10px;color:#bab4cc}.formula-letter{position:relative;text-align:left;padding:26px 36px;margin:15px auto 25px;border:1px solid #d8c09266;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#8b6a8440,transparent 70%),#21243a}.formula-close{position:absolute;right:12px;top:7px}.formula-field{font-size:11px;color:#b8adc5;letter-spacing:.2em}.formula-equation{font:27px Georgia;color:#eacb96;margin:22px 0 16px}.formula-wish{font:21px/1.9 var(--serif);color:#eee5ed;max-width:620px;margin:10px 0 24px}.formula-letter details{font-size:11px;color:#b3afbf;line-height:1.8;margin:5px 0}.formula-letter details p{margin:8px 0}.formula-letter small{opacity:.7}.formula-letter [data-quote-photo]{margin-top:8px;color:#f0d3a3}.physics-controls{flex-wrap:wrap;gap:8px 13px;margin-top:8px}.physics-controls label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bdb5ca}.physics-controls select{background:#272b40;color:#e9e1ed;border:1px solid #b8b5d43b;border-radius:8px;padding:5px}.physics-show canvas{border-radius:16px}.physics-show .text-button:disabled{opacity:.4}.physics-show .physics-caption{padding-top:10px}.physics-start{margin:3px auto 9px}
.memory-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.eggs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#sequence-grid:empty,#unlock-hint:empty{display:none}.memory-token{min-width:0}
.bubble-post-v10{isolation:isolate;height:clamp(255px,44vh,380px);border:1px solid #77a7b942;background:#a2ced5;border-radius:22px;overflow:hidden}.bubble-post-v10 canvas{cursor:crosshair;touch-action:none;position:absolute;inset:0;width:100%;height:100%}.bubble-post-v10 .sponge-actor{left:2%;bottom:4%;top:auto;width:23%;height:67%;transform:none!important;pointer-events:none}.bubble-post-v10 .sponge-actor .toon{width:100%;height:100%;object-fit:contain}.bubble-post-v10 .post-arm{animation:none!important;transform:none!important}.bubble-post-v10 .patrick-actor{left:auto;right:1%;top:auto!important;bottom:4%;width:23%;height:65%;transform:none;animation:none!important;transition:transform .35s;pointer-events:none}.bubble-post-v10 .patrick-actor img{display:block;width:100%;height:100%;object-fit:contain}.bubble-post-v10 .patrick-actor.caught{animation:patrick-catch .7s ease!important}.bubble-post-v10 .patrick-actor:before,.bubble-post-v10 .patrick-actor:after{display:none!important}.bubble-post-v10 .game-score{top:15px;left:18px;font-size:10px;letter-spacing:.1em;color:#517f91;background:#f0fbff8a;padding:7px 12px;border-radius:20px}.bubble-post-v10 .bubble-letter-reveal{inset:23% 28% 22%;z-index:4;padding:14px;background:#fff9edee;border:1px solid #e7d8c3;backdrop-filter:blur(4px);box-shadow:0 15px 35px #3c707323}.bubble-post-v10 .bubble-letter-reveal strong{font-size:clamp(21px,3.1vw,34px);line-height:1.25}.bubble-post-v10 .bubble-letter-reveal small{font-size:8px;letter-spacing:.15em}.bubble-post-v10 .bubble-letter-reveal>span{font-size:11px}.bubble-thought{position:absolute;bottom:3%;left:23%;right:24%;padding:10px 8px;color:#395d70;text-align:center;line-height:1.7;font:12px/1.8 var(--serif);background:#eafbffce;border-radius:10px;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;pointer-events:none;z-index:5}.bubble-thought.visible{opacity:1;transform:none}.bubble-post-controls{gap:10px;flex-wrap:wrap}.bubble-routes{display:flex;gap:3px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:30px}.bubble-routes button{font-size:11px;padding:9px 13px;border-radius:22px;color:var(--muted);background:none}.bubble-routes button[aria-pressed=true]{background:var(--rose-light);color:var(--ink)}.bubble-route-note{text-align:center;color:var(--muted);font-size:10px;letter-spacing:.03em;margin:8px 0 0}.bubble-power{width:56px}.bubble-post-v10 .sponge-actor.inhaling{filter:brightness(1.03)}@keyframes patrick-catch{35%{transform:translateY(-9px) rotate(4deg)}75%{transform:translateY(2px) rotate(-2deg)}}
.chalk-shaping{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:11px 0;margin:8px 0;border-block:1px solid var(--line)}.chalk-shaping label,.chalk-decor label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.chalk-shaping input{width:79px;accent-color:var(--rose)}.chalk-shaping select{font:11px var(--sans);background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:5px;border-radius:7px}.chalk-decor{padding-top:7px;gap:4px 7px}.chalk-decor [data-stamp]{padding:7px 9px;border:1px solid var(--line);border-radius:18px;font-size:10px;min-height:30px}.chalk-decor [aria-pressed=true]{background:var(--rose-light);color:var(--ink);border-color:var(--rose)}.chalk-decor input[type=color]{width:26px;height:26px;padding:1px;border:0;border-radius:50%;background:none}.chalk-decor input[type=range]{width:72px;accent-color:var(--rose)}.chalk-workshop{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:25px}.chalk-view{border-radius:24px 24px 16px 16px;box-shadow:0 16px 45px #76563514}.chalk-workshop[data-step=done] .chalk-promise{font-size:11px;margin-top:8px;padding-top:9px}.chalk-view canvas{cursor:grab}.chalk-workshop:is([data-step=decorate],[data-step=done]) .chalk-step h3{font-size:20px}.chalk-instructions{padding-right:4px}
.rest-scene{overflow-y:auto;justify-content:flex-start;padding-bottom:22px}.rest-scene>.eyebrow{margin:7px 0 10px}.rest-scene>.section-title{font-size:clamp(24px,3vw,36px)}.friends-mount{width:min(890px,100%);margin:17px auto 7px}.birthday-photo-booth{position:relative;width:100%;height:clamp(220px,36vh,340px);border-radius:25px;border:1px solid #8ab6bd44;overflow:hidden;box-shadow:0 16px 40px #48768112}.birthday-photo-booth canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.photo-countdown{position:absolute;inset:0;display:grid;place-items:center;font:italic 85px Georgia;color:#fff8e8;text-shadow:0 2px 30px #376875;pointer-events:none}.booth-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 17px;margin:10px auto}.booth-controls>span{font:12px var(--serif);color:var(--muted)}.booth-controls label{font-size:11px;color:var(--muted)}.booth-controls select{font:11px var(--sans);border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:8px;margin-left:6px;padding:7px}.booth-controls .text-button{font-size:11px}.booth-controls .button{font-size:12px;padding:11px 22px;min-height:39px}.moment-album{margin-top:9px;border-top:1px solid var(--line);padding-top:11px;text-align:center}.moment-album summary{cursor:pointer;color:var(--muted);font:13px var(--serif)}.moment-album summary span{display:inline-block;font:11px Georgia;border:1px solid var(--line);border-radius:20px;padding:4px 8px;margin-left:8px}.moment-album>p{font-size:11px;color:var(--muted)}.moment-album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.album-thumb{min-width:0;padding:8px;background:#fffcf6;border:1px solid #d8c9c280;box-shadow:0 5px 15px #97787010;transform:rotate(-1deg);transition:transform .3s}.album-thumb:nth-child(2n){transform:rotate(1deg)}.album-thumb:hover{transform:rotate(0) translateY(-3px)}.album-thumb img{display:block;width:100%;aspect-ratio:1.45;object-fit:contain}.album-thumb span{font:10px/1.5 Georgia;color:#96828c;display:block;margin-top:4px}
.firework-world canvas{touch-action:none}.firework-world[data-phase=burn]{box-shadow:0 0 80px #ffc1780a}.firework-world .spark-igniter{background:transparent;border-color:#d8b48840;box-shadow:none}.firework-world .spark-igniter:focus-visible{outline:2px solid #ffe6a4;outline-offset:5px}.firework-world[data-phase=ready] canvas{cursor:crosshair}.moment-tools{flex-wrap:wrap}.moment-tools [data-fire-photo],.moment-tools [data-moon-photo]{font-size:11px}.cake-stage:before{content:'';position:absolute;inset:12% 9% 20%;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#ffa46516,transparent 64%);filter:blur(15px);transition:opacity 1.1s}.cake-stage.blown:before{opacity:0}.cake-copy #cake-photo{font-size:11px;padding:8px 12px;min-height:33px}.highfive-pair.settling .hand-avatar{transition:transform .19s ease-out}.highfive-pair:not(.settling) .hand-avatar{transition:none!important}#clap-photo{font-size:11px;min-height:31px;padding:5px 12px}#highfive{font-variant-numeric:tabular-nums;min-width:196px}.clap-reply.visible{animation:none!important}
.motif-pineapple,.motif-bell{position:absolute;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;color:var(--rose);opacity:.13;transition:opacity .8s;pointer-events:none}.motif-pineapple{width:92px;height:126px;right:5%;bottom:12%;transform:rotate(14deg)}.motif-bell{width:66px;height:88px;left:5%;top:19%;transform:rotate(-12deg)}body[data-theme=sea] .motif-pineapple{opacity:.24}body[data-theme=magic] .motif-bell{opacity:.24}body[data-theme=rose] .motif-pajamas{opacity:.3}.theme-swatch{position:relative;overflow:hidden}.theme-swatch:after{position:absolute;inset:0;display:grid;place-items:center;font:30px Georgia;color:#fff9;text-shadow:0 1px 7px #6782}.swatch-sea:after{content:'⌁'}.swatch-rose:after{content:'△ ◯'}.swatch-magic:after{content:'♧'}
.sleep-switch{display:inline-flex;align-items:center;gap:11px;color:var(--rose);background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:9px 19px;min-height:42px;margin:8px 0;font-size:12px;transition:background 1.3s,color 1.3s,border-color 1.3s}.sleep-pull{font:21px Georgia}.sleep-line{font:16px/1.8 var(--serif);color:#c5c6d5;margin:14px 0}.farewell-scene>*,.topbar,.bottom-bar,.story-motifs,.ambient{transition:opacity 1.3s,color 1.3s,background 1.3s}.lights-out{background:#080f1e}.lights-out .ambient{background:radial-gradient(ellipse at 50% 35%,#26314755,transparent 60%),#080f1e}.lights-out .ambient>:not(#stars){opacity:.02}.lights-out .star{background:#d6dff3}.lights-out .story-motifs{opacity:.04}.lights-out .farewell-scene{color:#d8d7e3}.lights-out .farewell-scene>.section-title{color:#d8d7e3}.lights-out .farewell-scene>.eyebrow,.lights-out .farewell-wish,.lights-out .farewell-rest{display:none}.lights-out .farewell-extras{opacity:.28}.lights-out .farewell-extras:focus-within,.lights-out .farewell-extras:hover{opacity:1}.lights-out .topbar,.lights-out .bottom-bar{opacity:.24}.lights-out .topbar:hover,.lights-out .topbar:focus-within,.lights-out .bottom-bar:hover,.lights-out .bottom-bar:focus-within{opacity:1}.lights-out .night-window{box-shadow:0 0 80px #bacde30b;background:#0c1425}.lights-out .sleep-switch{color:#d2d9ee;border-color:#7182a755;background:#182337}.lights-out .night-window:before{opacity:0}.lights-out .night-window .window-moon{box-shadow:0 0 25px #d0dcf520}.lights-out .farewell-extras button{color:#a1b0cb}.sticker-palette img{max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:700px) and (orientation:portrait){.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.formula-card{min-height:118px;padding:15px 5px;gap:11px}.formula-card strong{font-size:17px}.formula-letter{padding:21px 19px}.formula-wish{font-size:18px}.physics-title{font-size:25px}.physics-controls{gap:5px 9px}.physics-kicker{font-size:8px;line-height:1.8}.physics-controls .text-button{font-size:11px}.physics-show canvas{height:39vh}.memory-shelf,.eggs-grid{grid-template-columns:1fr}.bubble-post-v10{height:300px}.bubble-post-v10 .sponge-actor{left:0;width:30%;height:53%;bottom:5%}.bubble-post-v10 .patrick-actor{right:0;width:28%;height:53%;bottom:4%}.bubble-post-v10 .bubble-letter-reveal{inset:13% 22% 28%;padding:10px;gap:8px}.bubble-post-v10 .bubble-letter-reveal strong{font-size:21px}.bubble-thought{left:14%;right:14%;font-size:10px;bottom:3%;padding:7px}.bubble-post-controls .button{font-size:12px;padding:10px 17px}.bubble-routes button{font-size:10px;padding:8px 12px}.bubble-route-note{font-size:9px}.chalk-workshop{grid-template-columns:1fr;gap:15px}.chalk-view{height:300px;min-height:280px}.chalk-instructions{padding:0 8px}.chalk-step h3{font-size:22px}.chalk-shaping{justify-content:space-between;gap:7px}.chalk-shaping input{width:75px}.chalk-decor{gap:7px}.birthday-photo-booth{height:300px}.booth-controls{gap:5px 13px}.booth-controls>span{width:100%;text-align:center}.moment-album-grid{grid-template-columns:repeat(2,1fr)}.photo-lightbox .art-photo{padding:14px}.photo-actions>span{font-size:10px}.motif-pineapple{width:60px;right:3%;bottom:7%}.motif-bell{width:45px;left:3%}.sleep-line{font-size:13px}}
@media(max-height:650px) and (orientation:landscape){.physics-lab{padding:0}.physics-title{font-size:23px;margin:3px 0}.physics-lab .formula-grid{gap:8px;margin:12px 0}.formula-card{min-height:102px;padding:13px 8px;gap:8px}.formula-card strong{font-size:21px}.formula-card small{font-size:10px}.physics-note{font-size:12px;margin:4px 0 8px}.physics-controls{gap:5px 10px}.physics-start{min-height:35px;font-size:12px;padding:9px 20px}.physics-show canvas{height:39vh}.physics-caption{font-size:16px}.bubble-post-v10{height:42vh;min-height:190px}.bubble-post-controls{gap:6px;margin:8px 0 0}.bubble-route-note{font-size:9px;margin-top:3px}.chalk-workshop{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:16px}.chalk-view{height:310px}.chalk-step h3{font-size:20px;margin:7px 0}.chalk-promise{font-size:11px;margin-top:9px;padding-top:8px}.chalk-shaping{padding:7px 0}.chalk-swatches{margin:8px 0}.chalk-progress{margin:12px 0}.birthday-photo-booth{height:42vh;min-height:215px}.rest-scene>.section-title{font-size:26px}.friends-mount{margin-top:8px}.booth-controls{margin:5px 0}.booth-controls .button{min-height:33px;font-size:11px;padding:8px 17px}.rest-scene>.text-button{min-height:30px}.sleep-switch{font-size:11px;padding:7px 16px;min-height:35px;margin:4px 0}}
@media(max-height:430px) and (orientation:landscape){.formula-card{min-height:88px;padding:10px 6px;gap:8px}.formula-card strong{font-size:20px}.formula-card span{display:none}.physics-lab .formula-grid{margin:10px 0}.physics-title{font-size:20px}.physics-controls .text-button{min-height:30px}.bubble-post-v10{height:49vh}.bubble-thought{font-size:10px;bottom:2%;padding:5px 9px}.bubble-post-v10 .bubble-letter-reveal{inset:16% 29%;padding:10px}.bubble-post-v10 .bubble-letter-reveal strong{font-size:25px}.bubble-post-v10 .bubble-letter-reveal>span{font-size:9px}.bubble-post-controls .button{min-height:32px;padding:7px 13px}.bubble-post-controls .bubble-routes button{min-height:29px;padding:5px 10px}.chalk-view{height:285px;min-height:285px}.chalk-step h3{font-size:18px}.chalk-instructions>[data-chalk-hint]{font-size:11px;min-height:30px}.chalk-promise{display:none}.chalk-decor{gap:4px}.birthday-photo-booth{height:57vh;min-height:215px}.rest-scene>.eyebrow{display:none}.rest-scene{padding-top:4px}.booth-controls .text-button{padding:6px;min-height:30px}.booth-controls>span{font-size:10px}.farewell-scene .sleep-switch{grid-column:2;grid-row:3;justify-self:start}.farewell-scene .farewell-extras{grid-row:4;margin-top:8px}.sleep-line{grid-column:3;grid-row:2;font-size:12px;text-align:left}.lights-out .farewell-scene .section-title{grid-row:1/3}.lights-out .farewell-scene .night-window{grid-row:1/4}.highfive-area .clap-help{font-size:10px}.photo-lightbox .photo-preview{max-height:62dvh}.photo-lightbox .art-photo{padding:10px 18px}.photo-lightbox .photo-heading{margin-bottom:0}.photo-lightbox .photo-actions .button{padding:8px 18px;min-height:32px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.formula-card,.bubble-thought,.patrick-actor,.sleep-switch,.farewell-scene>*,.ambient,.topbar,.bottom-bar{transition:none!important}.bubble-post-v10 .patrick-actor.caught{animation:none!important}}

.bubble-post-v10 .game-score{right:auto;max-width:50%}.album-preview-note{text-align:center;font-size:11px;color:#9b8990;line-height:1.8}
@media(max-height:430px) and (orientation:landscape){.chalk-workshop{min-height:0;align-items:start}.chalk-view{height:calc(100dvh - 174px);min-height:190px}.chalk-instructions{max-height:calc(100dvh - 174px);overflow-y:auto;scrollbar-width:thin;padding-bottom:12px}.chalk-scene>.section-title{margin-bottom:13px}.chalk-shaping{gap:7px 10px}.chalk-shaping input{width:66px}.chalk-decor{padding-bottom:10px}.chalk-workshop:is([data-step=decorate],[data-step=done]) .chalk-step h3{font-size:17px}}

.photo-lightbox .photo-heading h3{margin-right:auto}.photo-audio{font-size:11px;min-height:32px;padding:6px 9px}

.lights-out .window-moon:before{background:#0c1425}.lights-out .secret-book-open{background:#172136;border-color:#50648255}
@media(max-height:430px) and (orientation:landscape){
 .finale-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto repeat(6,min-content);align-content:center;justify-items:center;align-items:center;gap:2px 24px}
 .finale-scene>.section-title{grid-column:1/3;grid-row:1;margin:0 0 9px;font-size:23px}
 .finale-scene>.highfive-area{grid-column:1;grid-row:2/8;margin:0!important;align-self:center}
 .finale-scene>.clap-reply{grid-column:2;grid-row:2;margin:0;min-height:26px}
 .finale-scene>#clap-photo{grid-column:2;grid-row:3;min-height:26px;padding:3px 10px}
 .finale-scene>#clap-custom{grid-column:2;grid-row:4;min-height:28px}
 .finale-scene>#clap-target-form{grid-column:2;grid-row:5;padding:2px;margin:0;gap:4px;font-size:11px}
 .finale-scene #clap-target{width:82px;padding:6px}.finale-scene #clap-target-form .button{min-height:29px;padding:5px 9px}
 .finale-scene>.highfive-message{grid-column:2;grid-row:6;font-size:12px;line-height:1.5;margin:3px 0!important}
 .finale-scene>#highfive-next{grid-column:2;grid-row:7;min-height:33px;font-size:12px;margin:0}
}
