.page-play .ink{--ink-hand: "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", "Marker Felt", ui-rounded, system-ui, sans-serif;--ink-round: ui-rounded, "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--ink-desk: #e8cfa4;--ink-fleck: #d9b986;--ink-text: #3a2416;--ink-soft: #5b4030;--ink-sheet: #fffaf0;--ink-sheet-line: #e9dcc0;--ink-edge: #3a2416;--ink-tape: rgb(255 230 140 / 75%);--ink-go: #ff8a3d;--ink-go-ink: #2a1606;--ink-pick: #2d6fd6;--ink-curtain: #b8283a;--ink-crayon: #8549cf;--focus: #1f4fd8;color:var(--ink-text);background-color:var(--ink-desk);background-image:radial-gradient(var(--ink-fleck) 1.4px,transparent 1.6px),radial-gradient(var(--ink-fleck) 1px,transparent 1.2px);background-size:23px 23px,17px 17px;background-position:0 0,9px 11px;border-block:6px solid #8b5a2b;font-family:var(--ink-round)}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .page-play .ink{--ink-desk: #33251c;--ink-fleck: #3f2f24;--ink-text: #fdf0dc;--ink-soft: #ead6bd;--ink-sheet: #42322a;--ink-sheet-line: #5a473a;--ink-edge: #f3dfc2;--ink-pick: #8fb8ff;--focus: #a3bdff}}:where(:root[data-theme=dark]) .page-play .ink{--ink-desk: #33251c;--ink-fleck: #3f2f24;--ink-text: #fdf0dc;--ink-soft: #ead6bd;--ink-sheet: #42322a;--ink-sheet-line: #5a473a;--ink-edge: #f3dfc2;--ink-pick: #8fb8ff;--focus: #a3bdff}.page-play .ink :where(h2){letter-spacing:-.015em}.page-play .ink :where(h3){letter-spacing:normal}.page-play .ink :where(h4){margin-block:1.33em;font-size:1em;font-weight:700;line-height:inherit;text-wrap:wrap}.page-play .ink-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1180px;margin-inline:auto;padding:clamp(14px,3vw,26px) var(--gutter-r) clamp(18px,3vw,30px) var(--gutter)}.page-play .ink-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}.page-play .ink .wordmark{width:min(100%,320px);height:auto;overflow:visible}.page-play .ink .wm-l{font-family:var(--ink-hand);font-size:50px;font-weight:700;paint-order:stroke;stroke:#2a1f45;stroke-width:3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 80%;transform:rotate(var(--r))}@media(prefers-reduced-motion:no-preference){.page-play .ink .wm-l{animation:ink-wiggle 3s ease-in-out var(--d) infinite alternate}}@keyframes ink-wiggle{0%{transform:rotate(var(--r)) scale(1)}to{transform:rotate(calc(var(--r) * -.6)) scale(1.04,.96)}}.page-play .ink-top-side{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.page-play .ink-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.page-play .ink-stat,.page-play .ink-sound{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 14px 4px 8px;background:var(--ink-sheet);color:var(--ink-text);border:2px solid var(--ink-edge);border-radius:14px 18px 12px 16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.page-play .ink .fun-icon{width:26px;height:26px;flex-shrink:0}.page-play .ink-sound{min-height:48px;font:inherit;font-weight:800;cursor:pointer}.page-play .ink-sound .icon{width:24px;height:24px}.page-play .ink-sound .fun-sound-off,.page-play .ink-sound[aria-pressed=false] .fun-sound-waves{display:none}.page-play .ink-sound[aria-pressed=false] .fun-sound-off{display:inline}.page-play .ink-host{display:flex;align-items:center;gap:12px}.page-play .ink-pip{width:78px;height:78px;flex-shrink:0;overflow:visible}.page-play .ink-say{flex:1;min-width:0;height:calc(2.6em + 22px);overflow:hidden;display:flex;align-items:center;padding:10px 14px;background:var(--ink-sheet);color:var(--ink-text);border:2px solid var(--ink-edge);border-radius:20px 24px 18px 22px;font-family:var(--ink-hand);font-size:1.0625rem;font-weight:700;line-height:1.3}@media(max-width:560px){.page-play .ink-say{height:calc(3 * 1.3em + 22px)}}@media(max-width:420px){.page-play .ink-say{height:calc(5.2em + 22px)}}.page-play .ink-studio{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media(min-width:960px){.page-play .ink-studio{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}.page-play .ink-easel{display:grid;gap:10px;min-width:0}.page-play .ink-frame{position:relative;aspect-ratio:4 / 3;width:100%;background-color:#fffdf6;background-image:linear-gradient(#efe5cf 1px,transparent 1px);background-size:100% 28px;border:3px solid #3a2416;border-radius:6px;box-shadow:0 4px #8b5a2b,0 10px 18px #3a241640;overflow:hidden}.page-play .ink-frame:before,.page-play .ink-frame:after{content:"";position:absolute;z-index:4;top:-6px;width:78px;height:24px;background:var(--ink-tape);pointer-events:none}.page-play .ink-frame:before{left:-18px;transform:rotate(-35deg)}.page-play .ink-frame:after{right:-18px;transform:rotate(35deg)}.page-play .ink-bg,.page-play .ink-art{position:absolute;inset:0;width:100%;height:100%}.page-play .ink-art{touch-action:none;cursor:crosshair}.page-play .ink[data-tool=stamp] .ink-art{cursor:copy}.page-play .ink[data-mode=play] .ink-art{cursor:pointer}.page-play .ink-art:focus-visible{outline:4px solid var(--ink-pick);outline-offset:-4px}.page-play .ink-curtain{position:absolute;z-index:2;top:0;bottom:0;width:9%;background:repeating-linear-gradient(90deg,var(--ink-curtain) 0 14px,#921e2e 14px 22px);pointer-events:none;opacity:0}.page-play .ink-curtain-l{left:0;border-radius:0 0 60%}.page-play .ink-curtain-r{right:0;border-radius:0 0 0 60%}.page-play .ink[data-mode=play] .ink-curtain{opacity:1}@media(prefers-reduced-motion:no-preference){.page-play .ink-curtain{transition:opacity .4s ease}}.page-play .ink-desc{height:calc(3 * 1.35em + 20px);overflow:hidden;margin:0;padding:8px 12px;background:var(--ink-sheet);color:var(--ink-text);border:2px dashed var(--ink-edge);border-radius:12px;font-weight:700;line-height:1.35}@media(max-width:559px){.page-play .ink-desc{height:calc(5.4em + 20px)}}.page-play .ink-panels{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.page-play .ink-view{grid-area:1 / 1;display:grid;gap:12px;align-content:start;min-width:0;padding:14px;background:var(--ink-sheet);color:var(--ink-text);border:2px solid var(--ink-edge);border-radius:10px 14px 12px 8px;box-shadow:4px 5px #3a241659}.page-play .ink-view[inert]{visibility:hidden}.page-play .ink fieldset{min-width:0;margin:0;padding:0;border:0}.page-play .ink-legend{margin-bottom:6px;padding:0;font-family:var(--ink-hand);font-size:1.125rem;font-weight:700;color:var(--ink-text)}.page-play .ink-crayons{display:flex;flex-wrap:wrap;gap:4px}.page-play .ink-crayons .ink-legend{width:100%}.page-play .ink-crayon-input,.page-play .ink-size-input,.page-play .ink-scene-input{position:absolute;opacity:0;width:1px;height:1px}.page-play .ink-crayon{display:grid;place-items:end center;width:44px;height:76px;border-radius:10px;cursor:pointer}.page-play .ink-crayon-art{width:24px;height:64px}@media(prefers-reduced-motion:no-preference){.page-play .ink-crayon-art{transition:transform .16s ease}}.page-play .ink-crayon-input:checked+.ink-crayon .ink-crayon-art{transform:translateY(-10px)}.page-play .ink-crayon-input:checked+.ink-crayon{box-shadow:inset 0 -5px 0 var(--ink-pick)}.page-play .ink-crayon-input:focus-visible+.ink-crayon,.page-play .ink-size-input:focus-visible+.ink-size,.page-play .ink-scene-input:focus-visible+.ink-scene{outline:3px solid var(--focus);outline-offset:2px}.page-play .ink-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.page-play .ink-sizes{display:flex;flex-wrap:wrap;gap:6px}.page-play .ink-sizes .ink-legend{width:100%}.page-play .ink-size{display:grid;place-items:center;width:48px;height:48px;background:#fff;border:2px solid #3a2416;border-radius:50%;cursor:pointer}.page-play .ink-size-input:checked+.ink-size{background:#ffe28a;box-shadow:0 0 0 3px var(--ink-pick)}.page-play .ink-size-art{width:32px;height:32px}.page-play .ink-buttons{display:flex;flex-wrap:wrap;gap:8px}.page-play .ink-btn{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:6px 14px 6px 8px;background:#fff;color:#3a2416;border:2px solid #3a2416;border-radius:12px 16px 12px 14px;font:inherit;font-weight:800;cursor:pointer}.page-play .ink-btn[aria-pressed=true]{background:#ffe28a;box-shadow:0 0 0 3px var(--ink-pick)}.page-play .ink-icon{width:32px;height:32px;flex-shrink:0}.page-play .ink-stamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.page-play .ink-stamp{position:relative;display:grid;grid-template-rows:46px auto 1.4em;justify-items:center;align-content:start;gap:2px;min-height:108px;padding:6px 4px;background:#fff;color:#3a2416;border:2px dashed #8b6a50;border-radius:14px;font:inherit;font-size:.875rem;font-weight:800;line-height:1.15;cursor:pointer}.page-play .ink-stamp .st-crayon{fill:var(--ink-crayon)}.page-play .ink-stamp-art{width:44px;height:44px}.page-play .ink-stamp[aria-pressed=true]{background:#ffe28a;border-style:solid;border-color:#3a2416;box-shadow:0 0 0 3px var(--ink-pick)}.page-play .ink-lock{display:inline-flex;align-items:center;gap:2px;font-size:.9375rem;font-weight:900;color:#5b4030;visibility:hidden}.page-play .ink-lock-art{width:20px;height:20px}.page-play .is-locked>.ink-lock{visibility:visible}.page-play .ink-stamp.is-locked .ink-stamp-art,.page-play .ink-act.is-locked .ink-icon{filter:grayscale(1);opacity:.45}.page-play .ink-stamp.is-locked{cursor:default;background:#f4ece0}.page-play .ink-scale{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.page-play .ink-go{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:10px 26px;background:var(--ink-go);color:var(--ink-go-ink);border:3px solid #2a1606;border-radius:22px 30px 24px 28px;box-shadow:0 5px #2a1606;font-family:var(--ink-hand);font-size:1.375rem;font-weight:700;cursor:pointer}.page-play .ink-go-art{width:40px;height:40px}@media(prefers-reduced-motion:no-preference){.page-play .ink-go:hover .ink-go-art{animation:ink-twinkle .9s ease-in-out infinite alternate}}@keyframes ink-twinkle{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(10deg) scale(1.12)}}.page-play .ink-act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.page-play .ink-act{display:grid;grid-template-rows:40px auto 1.4em;justify-items:center;align-content:start;gap:2px;min-height:100px;padding:6px;background:#fff;color:#3a2416;border:2px solid #3a2416;border-radius:18px 14px 20px 16px;box-shadow:0 4px #3a2416;font:inherit;font-size:1.0625rem;font-weight:800;cursor:pointer}.page-play .ink-act .ink-icon{width:40px;height:40px}.page-play .ink-act.is-locked{cursor:default;background:#f4ece0;box-shadow:none;border-style:dashed}.page-play .ink-scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.page-play .ink-scene{display:grid;grid-template-rows:48px auto 1.4em;justify-items:center;align-content:start;gap:2px;padding:6px 4px;background:#fff;color:#3a2416;border:2px solid #3a2416;border-radius:12px;font-size:.9375rem;line-height:1.2;text-align:center;font-weight:800;cursor:pointer}.page-play .ink-scene-art{width:64px;height:48px;border-radius:6px}.page-play .ink-scene-input:checked+.ink-scene{background:#ffe28a;box-shadow:0 0 0 3px var(--ink-pick)}.page-play .ink-scene.is-locked{cursor:default;background:#f4ece0;border-style:dashed}.page-play .ink-scene.is-locked .ink-scene-art{filter:grayscale(1);opacity:.5}.page-play .ink-next{height:2.7em;margin:0;font-weight:700;line-height:1.35;color:var(--ink-soft);overflow:hidden}.page-play .ink-wall{display:grid;gap:10px}.page-play .ink-wall-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px}.page-play .ink-wall h3{margin:0;font-family:var(--ink-hand);font-size:1.5rem;font-weight:700;color:var(--ink-text)}.page-play .ink-wall-count{margin:0;font-weight:800;color:var(--ink-text)}.page-play .ink-wall-lead{min-height:2.7em;margin:0;color:var(--ink-soft);font-weight:700;line-height:1.35}.page-play .ink-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:0;padding:0;list-style:none}.page-play .ink-slot{position:relative;aspect-ratio:4 / 3;padding:7px;background:#c98d5a;border:3px solid #6b4423;border-radius:6px;box-shadow:inset 0 0 0 3px #e2b07e,0 3px #6b4423}.page-play .ink-slot.is-empty{background:transparent;border:3px dashed #8b6a50;box-shadow:none}.page-play .ink-slot-open{display:block;width:100%;height:100%;padding:0;background:#fffdf6;border:0;border-radius:2px;cursor:pointer}.page-play .ink-slot-open img{display:block;width:100%;height:100%;object-fit:cover}.page-play .ink-slot-remove{position:absolute;top:-12px;right:-12px;display:grid;place-items:center;width:44px;height:44px;padding:0;background:#fff;border:2px solid #3a2416;border-radius:50%;cursor:pointer}.page-play .ink-trash-art{width:26px;height:26px}