@font-face{font-family:KittyRound;src:url('./kitty-round-mobile.woff2') format('woff2');font-display:swap}:root{font-family:KittyRound,'Arial Rounded MT Bold',system-ui,sans-serif;color:#303237;background:#fffbed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffbed}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible{outline:3px dashed #bb7892;outline-offset:4px}[hidden]{display:none!important}.app{width:min(100%,1600px);aspect-ratio:16/10;position:relative;container-type:inline-size;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 5% 10%,#fff6e544,transparent 60%),#fffbed}header{position:absolute;left:3%;right:3%;top:2.8%;display:flex;align-items:center;gap:1.2cqw}.back,.sound{background:transparent;border:0;font-size:3cqw;padding:0 .4cqw}.brand{display:flex;gap:1.2cqw;align-items:center}h1{font-size:2.5cqw;letter-spacing:.12cqw;margin:0;line-height:1.25;font-weight:600}.brand>span{font-size:1.05cqw;transform:rotate(-3deg);padding:.45cqw 1cqw;border-radius:45% 38% 40% 32%;background:#ffe1dc}.header-star{font-size:3cqw;color:#e6bc61;margin-left:1cqw}.progress{font-size:1.9cqw;letter-spacing:.15cqw;border:2px solid #363437;padding:.3cqw 1.5cqw;border-radius:47% 45% 38% 42%;margin-left:auto}.sound{font-size:2.5cqw}.sound[aria-pressed=false]{opacity:.45}.delivery-stages{position:absolute;left:19%;right:19%;top:11.5%;display:flex;justify-content:center;gap:1.2cqw}.delivery-stages button{border:0;background:transparent;font-size:1.05cqw;color:#8e877c;padding:.2cqw .6cqw;border-bottom:2px solid transparent}.delivery-stages button[aria-pressed=true]{color:#393237;border-bottom:3px solid #f5a19c;transform:rotate(-1deg)}.task{position:absolute;top:16.3%;left:8%;width:84%;text-align:center;z-index:3;pointer-events:none}.task>span{font-size:.95cqw;color:#938779;letter-spacing:.15cqw}.task h2{font-size:2.65cqw;font-weight:600;line-height:1.3;margin:.65cqw 0 .4cqw;letter-spacing:.12cqw}.task h2:after{content:'';display:block;width:10%;margin:.25cqw auto 0;border-bottom:.25cqw solid #f7b6b5;border-radius:50%;transform:rotate(-2deg)}.task p{margin:.5cqw auto 0;font-size:1.15cqw;line-height:1.45;min-height:1.5em;color:#7e766c;max-width:78%}.task p.error{color:#b36476}.task p.success{color:#63916b}.board-wrap{position:absolute;left:3%;top:27.2%;width:94%;height:61%;pointer-events:none}#board{display:block;overflow:visible;width:100%;height:100%;pointer-events:none}#board:focus{outline:none}#hit-areas rect{fill:transparent;pointer-events:all;cursor:pointer}#hit-areas rect:hover{fill:#eadce8;fill-opacity:.2}#fish{pointer-events:all;cursor:grab;touch-action:none}#fish.dragging{cursor:grabbing}#fish.selected{filter:drop-shadow(0 0 5px #eab667)}#fish .takeout-lid{transition:transform .35s;transform-box:fill-box;transform-origin:left bottom}#fish.open .takeout-lid{transform:translate(-10px,-18px) rotate(-35deg)}#fish.empty .snack{visibility:hidden}#fish.empty .parcel{opacity:.75}#cat{transition:transform .55s cubic-bezier(.25,.8,.35,1);pointer-events:none}#cat>use{transform:scaleX(var(--glyph-ratio,1));transform-box:view-box;transform-origin:0 0}#cat.jumping>use{animation:cat-jump .5s;transform-origin:center bottom}#cat.eating>use{animation:cat-eat .55s;transform-origin:center bottom}#cat.happy>use{animation:cat-happy .55s 1}#bubble{transform:scaleX(var(--glyph-ratio,1));transform-origin:0 0}#clef text{transform:scaleX(var(--glyph-ratio,1));transform-origin:0 0}#floor-labels text,#target-label,#fish-label{font-family:KittyRound,system-ui,sans-serif}#floor-labels text{fill:#9c8e86;font-size:20px}#floor-labels .guided-label{fill:#7d6d68}#fish-tray,#floor-labels,#staff-lines,#drop-ledgers,#hint-art,#jump-effects,#read-note,#note-ledgers,#hint-ledgers{pointer-events:none}.lesson-note{position:absolute;left:0;top:96%;width:100%;text-align:center;font-size:.85cqw;color:#a49a8c;pointer-events:none}.house-doodle{position:absolute;top:12%;right:2.5%;width:9.5%;pointer-events:none;opacity:.9}.house-doodle svg{width:100%;display:block}.doodle-star{position:absolute;pointer-events:none;color:#e7c565;font-size:3cqw}.doodle-star.one{left:5.5%;top:17%;transform:rotate(-12deg)}.doodle-star.two{right:8%;bottom:8%;transform:rotate(15deg)}.note-controls{position:absolute;left:15%;right:15%;top:11.5%;display:flex;justify-content:center;align-items:center;gap:.9cqw;z-index:4;font-size:.95cqw}.note-tabs{display:flex;gap:.6cqw}.note-tabs button,.tiny-button,.ledger-picks button{border:1.5px solid #c7b1b6;background:#fff5ee;border-radius:38% 25% 35% 25% / 20% 28% 23% 30%;padding:.4cqw .7cqw;font-size:.95cqw}.note-tabs button[aria-pressed=true]{background:#ffdedb;border-color:#bf7e85}.note-controls label{white-space:nowrap}.note-controls select{font-size:.9cqw;border:1px solid #cbb9b5;background:#fff8eb;padding:.3cqw;border-radius:6px;max-width:16cqw}#ledger-guide{display:none}#note-score{white-space:nowrap;color:#a46981}.ledger-picks{position:absolute;top:73.3%;left:20%;width:61%;display:flex;gap:.5cqw;justify-content:center;align-items:center;z-index:3}.ledger-picks span{font-size:.85cqw;color:#a2928a}.ledger-picks button{font-size:.8cqw;border-style:dashed;padding:.2cqw .5cqw}.explore-tools{position:absolute;top:81%;left:18%;width:66%;display:flex;align-items:center;justify-content:center;gap:.55cqw;z-index:3}.melody-tools{display:flex;gap:.5cqw}#note-readout{position:absolute;bottom:2.6cqw;width:85%;left:7.5%;font-size:1.1cqw;text-align:center;white-space:nowrap;color:#886278;background:#f9edf1;border-radius:42% 23% 32% 18%;padding:.45cqw .7cqw}#record[aria-pressed=true]{background:#f9c6cc}#note-next{background:#deebca}.app[data-mode=explore] .house-doodle{opacity:.5}.app[data-mode=explore] #bubble{display:none}.app[data-mode=explore] .lesson-note{display:none}footer{position:absolute;left:4%;right:4%;bottom:3.3%;height:7%;display:flex;align-items:center;gap:2cqw}footer .actions{display:flex;gap:1.3cqw;margin-left:auto;margin-right:15%}.coral-button{border:2px solid #373336;background:#ff9690;border-radius:40% 35% 33% 37% / 42% 48% 38% 44%;padding:.65cqw 2cqw;font-size:1.45cqw;position:relative;white-space:nowrap;transition:transform .15s}.coral-button:hover{transform:rotate(-1deg) translateY(-2px)}.coral-button.pale{background:#ffc3bc}.help-button{border:0;background:transparent;font-size:1.3cqw;white-space:nowrap}.footer-caption{position:absolute;bottom:-1cqw;left:33%;font-size:.75cqw;color:#b4a597}.orientation-note{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:#fffbed;color:#343136;border:2px solid #51464d;border-radius:18px 24px 15px 21px;max-width:670px;width:calc(100% - 28px);padding:30px;max-height:92svh}dialog::backdrop{background:#66565a55;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin:8px 0 18px}dialog p{font-size:16px;line-height:1.8}.small{font:13px/1.65 KittyRound,system-ui;color:#8b7c7c}dialog .coral-button{font-size:18px;padding:11px 24px}dialog .tiny-button{font-size:15px;padding:9px 15px}.close{position:absolute;right:12px;top:5px;background:none;border:0;font-size:29px}.mode-tabs{display:grid;gap:18px;margin:22px 0}.mode-tabs button{font-size:24px;border:2px solid #50434b;border-radius:16px 25px 17px 22px;background:#ffe1dc;padding:16px}.mode-tabs button[aria-pressed=true]{background:#ffaaa1}.mode-tabs span{font-size:14px;display:block;margin-top:5px}.close-help{display:block;margin:20px auto 0}table{width:100%;font:13px/1.65 KittyRound,system-ui;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e6d8cc;padding:9px 6px}th{color:#9b6471}.finish-cat{width:130px;display:block;margin:8px auto}#finish{text-align:center}#finish .coral-button,#finish .tiny-button{display:block;margin:15px auto}.spark{animation:spark .9s ease-out forwards}@keyframes cat-jump{40%{transform:scaleX(var(--glyph-ratio,1)) translateY(-35px) rotate(-6deg)}85%{transform:scaleX(var(--glyph-ratio,1)) scaleY(.92)}}@keyframes cat-eat{45%{transform:scaleX(var(--glyph-ratio,1)) translate(var(--eat-x,45px),35px) scaleY(.75)}}@keyframes cat-happy{50%{transform:scaleX(var(--glyph-ratio,1)) translateY(-15px) rotate(4deg)}}@keyframes spark{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-35px)}}@media(max-width:800px) and (orientation:portrait){.orientation-note{display:block;font:13px/1.7 KittyRound,system-ui;color:#938679;padding:15px 20px;text-align:center}.app{width:100%;min-height:0}dialog h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

#fish>.parcel{transform-origin:0 0}#fish-label{font-size:18px}.lesson-note{top:92%}#floor-labels text{paint-order:stroke;stroke:#fffbed;stroke-width:8px;stroke-linejoin:round}.app[data-mode=explore] #cat>use{opacity:.95}

/* Keep the fixed pose window under the existing movement transform. */
#cat[data-pose=waiting]>use{animation:cat-wait .65s ease-in-out}
#cat[data-pose=puzzled]>use{animation:cat-puzzled .6s ease-in-out}
#cat.eating>use{animation:cat-nibble .24s ease-in-out 3;transform-origin:0 0}
@keyframes cat-wait{50%{transform:scaleX(var(--glyph-ratio,1)) translateY(2px) rotate(-2deg)}}
@keyframes cat-puzzled{50%{transform:scaleX(var(--glyph-ratio,1)) rotate(-5deg)}}
@keyframes cat-nibble{50%{transform:scaleX(var(--glyph-ratio,1)) translate(var(--nibble-x,12px),5px) rotate(2deg)}}

#staff-lines{stroke-width:2.8}#staff-lines path:nth-child(1){stroke:#9b80b0}#staff-lines path:nth-child(2){stroke:#6f98bd}#staff-lines path:nth-child(3){stroke:#6c946b}#staff-lines path:nth-child(4){stroke:#b78532}#staff-lines path:nth-child(5){stroke:#d18583}
.quiz-trail{position:absolute;top:85.4%;left:20%;width:60%;display:flex;justify-content:center;align-items:center;gap:1cqw;z-index:3;font-size:1.05cqw;color:#92717e}.quiz-trail .tiny-button{font-size:.85cqw;padding:.25cqw .65cqw}#paw-stamps{display:flex;gap:.55cqw}.paw-stamp{width:2cqw;height:2cqw;border:1px dashed #ccbac0;background:#fff8ef;border-radius:45% 37% 41% 34%;padding:.25cqw;transform:rotate(-7deg);color:#d1c2c5}.paw-stamp:nth-child(even){transform:rotate(7deg)}.paw-stamp.filled{background:#ffe1dc;border-style:solid;color:#b97887;animation:stamp-in .35s ease-out}.paw-stamp svg{width:100%;height:100%;display:block}.quiz-trail #quiz-progress{min-width:8cqw}
#quiz-reward{text-align:center;max-width:510px}#quiz-reward .coral-button,#quiz-reward .tiny-button{display:block;margin:16px auto}#reward-name{font-size:22px;margin:0;color:#a0637e}.reward-cat{width:180px;display:block;margin:12px auto;border-radius:45% 35% 42% 33%;background:#fae7dc;border:2px dashed #b98e97;padding:10px;transform:rotate(-4deg)}#sticker-book{text-align:center}#sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.sticker-card{border:1px dashed #c8afb9;border-radius:18px 25px 17px 22px;background:#fff0e8;padding:12px 5px}.sticker-card svg{width:100%;display:block}.sticker-card p{font-size:15px;line-height:1.4;margin:6px 0}.sticker-card small{font-size:12px;color:#9a7c87}.sticker-card.locked{background:#f6f2e9}.sticker-card.locked svg{opacity:.2;filter:grayscale(1)}@keyframes stamp-in{from{opacity:.3;transform:scale(1.45) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-7deg)}}

/* Reuse the original design artwork at its original relative coordinates. */
.original-garden{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.original-garden *{pointer-events:none}.house-doodle{display:none}.doodle-star.two{display:none}

/* The plate, fish, handwriting and button icons reuse the approved original artwork. */
.plate-art,.label-art{transform-origin:0 0}#fish-tray svg,#fish-label svg{pointer-events:none}footer .reference-button{width:19cqw;height:6.6cqw;padding:0;border:0;border-radius:0;background:none;box-shadow:none;display:block}footer .reference-button svg{width:100%;height:100%;display:block;pointer-events:none}footer .actions{margin-right:18%;gap:1.4cqw}.app[data-mode=mission] footer .actions{transform:translateY(-3cqw)}.app[data-mode=explore] footer .reference-button{width:15cqw;height:5.2cqw}.app[data-mode=explore] footer .actions{margin-right:15%}#fish.open .snack{animation:fish-nibble .5s ease-in-out}#fish.empty .snack{visibility:hidden}@keyframes fish-nibble{50%{transform:rotate(-12deg) scale(.88)}}

.app[data-mode=mission] .lesson-note{top:109.5%}

/* The order stays above the staff, with a torn paper edge and a separate ink stamp. */
.receipt-title,.receipt-bottom{display:none}
.app[data-mode=mission] .task{top:15.6%;left:18%;width:64%;padding:.65cqw 1.5cqw .8cqw;background:#fffdf5;border:1.3px solid #c4b29c;border-radius:3px 7px 2px 5px;box-shadow:0 .3cqw .6cqw #796a4510}
.app[data-mode=mission] .task:before{content:'';position:absolute;width:5.5cqw;height:1.2cqw;left:46%;top:-.7cqw;background:#efd9ab99;transform:rotate(-4deg);border-left:2px dashed #fffbed;border-right:2px dashed #fffbed}
.app[data-mode=mission] .task:after{content:'';position:absolute;left:-1px;right:-1px;bottom:-.5cqw;height:.6cqw;background:linear-gradient(135deg,#fffdf5 25%,transparent 25%) -.3cqw 0/.6cqw .6cqw,linear-gradient(225deg,#fffdf5 25%,transparent 25%) -.3cqw 0/.6cqw .6cqw}
.app[data-mode=mission] .receipt-heading{display:flex;justify-content:space-between;gap:1cqw;border-bottom:1px dashed #cdbda8;padding-bottom:.35cqw}
.app[data-mode=mission] .receipt-title{display:block;color:#a57e68;font-size:.95cqw;letter-spacing:.1cqw}
.app[data-mode=mission] .receipt-heading #phase{font-size:.95cqw;color:#8c7f71}
.app[data-mode=mission] .task h2{font-size:2.3cqw;margin:.35cqw 0 .15cqw}
.app[data-mode=mission] .task h2:after{display:none}
.app[data-mode=mission] .task p{font-size:1.05cqw;max-width:100%;margin:.3cqw 0;min-height:1.5em}
.app[data-mode=mission] .receipt-bottom{display:flex;justify-content:space-between;font-size:.75cqw;color:#9a8878;border-top:1px dashed #d5c8b6;padding-top:.35cqw}
#receipt-status{color:#b57678}
#delivery-stamp{position:absolute;right:-12cqw;top:.3cqw;width:8.5cqw;color:#c96667;transform:rotate(12deg);opacity:.85;animation:delivery-slam .5s cubic-bezier(.2,.8,.3,1);pointer-events:none}
#delivery-stamp svg{display:block;width:100%;height:auto}
.app[data-mode=explore] #delivery-stamp{display:none}
@keyframes delivery-slam{0%{transform:scale(2.5) rotate(-14deg);opacity:0}55%{transform:scale(.86) rotate(14deg);opacity:.95}75%{transform:scale(1.06) rotate(10deg)}100%{transform:scale(1) rotate(12deg);opacity:.85}}

.app[data-mode=mission] .task{padding:.4cqw 1.5cqw .45cqw}
.app[data-mode=mission] .task h2{font-size:2.15cqw;line-height:1.2;margin:.25cqw 0 .1cqw}
.app[data-mode=mission] .task p{line-height:1.2;margin:.2cqw 0;min-height:1.2em}
.app[data-mode=mission] .receipt-bottom{padding-top:.2cqw}
#delivery-stamp{right:.8cqw;top:1.8cqw;width:6cqw}
.task:has(#delivery-stamp:not([hidden])) #receipt-status{visibility:hidden}

/* Pattern lives at the page edges; the pale middle keeps the coloured staff legible. */
body{--scene-base:#f1d5a6;--scene-edge:#b98a54;--scene-glow:#fff4da;background:var(--scene-base)}
body:has(.app[data-theme=garden]){--scene-base:#d1e0b8;--scene-edge:#71864c;--scene-glow:#f5f8e9}
body:has(.app[data-theme=picnic]){--scene-base:#f1cdc6;--scene-edge:#b77471;--scene-glow:#fff2e8}
.app{background-color:var(--scene-base);background-image:radial-gradient(ellipse at 50% 53%,#fffaf0d9 0%,#fffaf080 43%,transparent 78%),radial-gradient(#a57b4620 .7px,transparent .9px);background-size:100% 100%,7px 7px}
.app[data-theme=garden]{background-image:radial-gradient(ellipse at 50% 48%,#fbfff2d9 0%,#f6fbe780 47%,transparent 82%),radial-gradient(ellipse at 8% 110%,#87ad6e66 0%,transparent 43%),radial-gradient(ellipse at 96% 0%,#b3ca8566 0%,transparent 47%);background-size:100% 100%}
.app[data-theme=picnic]{background-image:radial-gradient(ellipse at 50% 52%,#fff7efd9 0%,#fff7efb3 46%,transparent 83%),repeating-linear-gradient(0deg,#fff8ee33 0 1.2cqw,transparent 1.2cqw 2.4cqw),repeating-linear-gradient(90deg,#fff8ee44 0 1.2cqw,transparent 1.2cqw 2.4cqw);background-size:100% 100%}
.app:before{content:'';position:absolute;inset:1.2%;border:1px solid #fff7df99;border-radius:1.3cqw 1.8cqw 1.1cqw 1.7cqw;pointer-events:none}
.original-garden{mix-blend-mode:multiply}
.plate-art,footer .reference-button svg{mix-blend-mode:multiply}
#floor-labels text{stroke:var(--scene-glow);stroke-width:6px}
#staff-lines{stroke-width:3.2}
.building-sides{stroke:var(--scene-edge);opacity:.55}
.theme-picker{display:flex;align-items:center;gap:.5cqw;margin-left:auto;font-size:.9cqw;color:#6e6255;white-space:nowrap}
.theme-picker select{font-size:.95cqw;padding:.35cqw .65cqw;background:#fffaf1;border:1.4px solid #aa9581;border-radius:1cqw .7cqw .9cqw .6cqw;color:#51463d;cursor:pointer}
.progress{margin-left:1cqw}
.footer-caption,.lesson-note{color:#89775f}

.original-garden{filter:brightness(1.055)}
footer .reference-button,footer .reference-button svg{mix-blend-mode:normal}
.plate-art{mix-blend-mode:normal}

/* The approved picnic illustration remains the visual source; controls sit at its exact coordinates. */
body{background:#f8c5b5;--scene-glow:#fff9ed}.app{aspect-ratio:1586/992;background:#fff9ee;isolation:isolate}.app:before{display:none}.picnic-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.picnic-art *{pointer-events:none}header{inset:0;height:22%;display:block;pointer-events:none;z-index:5}.brand,.header-star{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#open-menu{position:absolute;left:32%;top:12%;width:43%;height:55%;padding:0;border:0;background:none;color:transparent;font-size:0;pointer-events:auto}#sound{position:absolute;left:92.7%;top:24%;width:6%;height:44%;padding:0;border:0;background:none;color:transparent;font-size:0;pointer-events:auto}#sound[aria-pressed=false]{opacity:1}#sound[aria-pressed=false]:after{content:'';position:absolute;left:10%;top:47%;width:76%;border-top:.25cqw solid #d65d62;transform:rotate(-42deg)}.progress{position:absolute;left:80.4%;top:39%;width:9.3%;height:23%;margin:0;padding:0;border:0;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:2.1cqw;letter-spacing:.25cqw;line-height:1}
.delivery-stages{left:29.85%;right:auto;top:15.55%;width:46.15%;height:6.65%;display:flex;gap:1.1%;z-index:5}.delivery-stages button{width:32.6%;border:0;margin:0;padding:0;background:none;color:transparent;font-size:0;transform:none!important;position:relative}.delivery-stages button:nth-child(2){width:34.5%}.delivery-stages button:nth-child(3){width:32.2%}.delivery-stages button[aria-pressed=true]{border:0;background:none}.delivery-stages button[aria-pressed=true]:after{content:'';position:absolute;left:18%;right:18%;bottom:3%;border-bottom:.16cqw dashed #b56e5a;opacity:.55}
.app[data-mode=mission] .task{left:6.1%;top:6%;width:19.1%;height:16%;padding:0;border:0;background:none;box-shadow:none;border-radius:0;text-align:left;transform:rotate(-7deg);transform-origin:center center;z-index:4}.app[data-mode=mission] .task:before,.app[data-mode=mission] .task:after{display:none}.app[data-mode=mission] .receipt-heading{display:block;border:0;padding:0}.app[data-mode=mission] .receipt-title{font-size:1.75cqw;line-height:1.2;font-weight:600;color:#262323;letter-spacing:0;display:block;white-space:nowrap}.app[data-mode=mission] #phase{position:absolute;left:0;top:3cqw;font-size:.65cqw;color:#9f8a75}.app[data-mode=mission] .task h2{width:73%;font-size:1.28cqw;line-height:1.42;letter-spacing:0;font-weight:600;margin:2cqw 0 0}.app[data-mode=mission] .task h2:after{display:none}.app[data-mode=mission] .receipt-bottom{display:none}#delivery-stamp{right:-1.5cqw;top:4.5cqw;width:5.3cqw;z-index:5;color:#c96667}
#message{position:absolute;left:22%;top:75%;width:51%;margin:0;text-align:center;font-size:.9cqw;line-height:1.3;color:#8c7c6a;pointer-events:none;z-index:4}#message.error{color:#b65b66}#message.success{color:#618357}
.board-wrap{left:0;top:0;width:100%;height:100%;z-index:2}#staff-lines{stroke-width:8}#staff-lines path:nth-child(1){stroke:#bc9bd4}#staff-lines path:nth-child(2){stroke:#70aff2}#staff-lines path:nth-child(3){stroke:#9fca7d}#staff-lines path:nth-child(4){stroke:#ffd470}#staff-lines path:nth-child(5){stroke:#ff8b88}#floor-labels text{font-family:KittyRound,system-ui,sans-serif;fill:#6272a0;font-size:25px;stroke:#fff9ee;stroke-width:4px;paint-order:stroke;stroke-linejoin:round}#floor-labels .staff-level{font-size:34px;font-weight:600}#basement-guides,#attic-guides{stroke:#7385b3;stroke-width:3.5;stroke-dasharray:10 12}#fish-label{visibility:hidden!important}.lesson-note{display:none!important}#cat>use{opacity:1!important}#bubble path{fill:#fffdf6;stroke:#ff949a;stroke-width:3.2}#bubble text{fill:#292727}#fish:focus-visible{outline:none;filter:drop-shadow(0 0 3px #7f91b9)}#hit-areas rect:hover{fill-opacity:.13}
footer{left:0;right:0;top:84.4%;bottom:auto;height:9.5%;z-index:5;display:block;pointer-events:none}footer .actions,.app[data-mode=mission] footer .actions,.app[data-mode=explore] footer .actions{position:absolute;left:37.3%;top:0;width:36.5%;height:100%;margin:0;gap:0;display:flex;transform:none}footer .reference-button,.app[data-mode=explore] footer .reference-button{width:48.3%;height:100%;padding:0;border:0;background:none;box-shadow:none;pointer-events:auto;transform:none}footer .reference-button+button{margin-left:3.4%}.reference-button:hover{background:#ffffff12!important}.footer-caption{display:none}.house-doodle,.doodle-star{display:none}
.app[data-mode=explore] .task{left:5.7%;top:5.8%;width:19.3%;height:17%;transform:rotate(-7deg);text-align:left}.app[data-mode=explore] .receipt-heading #phase{font-size:.68cqw;line-height:1.4;color:#7d6c5a;display:block;max-width:100%}.app[data-mode=explore] .task h2{font-size:1.45cqw;line-height:1.4;margin:1.25cqw 0 0;width:80%;letter-spacing:0}.app[data-mode=explore] .task h2:after{display:none}.app[data-mode=explore] .receipt-title,.app[data-mode=explore] .receipt-bottom{display:none}.app[data-mode=explore] #message{top:74%;font-size:.85cqw}.note-controls{left:29.8%;right:auto;top:15.8%;width:46.5%;height:6.4%;justify-content:center;gap:.65cqw;padding:.45cqw .7cqw;background:#fff6e8;border:2px solid #756151;border-radius:2cqw 1.7cqw 2cqw 1.5cqw;z-index:6}.note-controls .note-tabs button{font-size:.8cqw}.note-controls label{font-size:.7cqw}.note-controls select{font-size:.75cqw;max-width:12cqw}#note-score{font-size:.7cqw}.ledger-picks{left:32%;top:73.8%;width:43%;gap:.3cqw}.ledger-picks span{display:none}.ledger-picks button{font-size:.7cqw;padding:.18cqw .3cqw}.explore-tools{left:32%;top:77.4%;width:42%;gap:.5cqw}.explore-tools .tiny-button{font-size:.75cqw;padding:.25cqw .45cqw}#note-readout{bottom:2.3cqw;left:-1%;width:102%;font-size:.85cqw;padding:.3cqw .4cqw;background:#fff6e9}.quiz-trail{left:33%;top:79.9%;width:41%;gap:.7cqw;font-size:.8cqw}.quiz-trail .tiny-button{font-size:.7cqw}.quiz-trail .paw-stamp{width:1.6cqw;height:1.6cqw}#menu-dialog #help{font-size:15px;display:inline-block;padding:10px 14px;margin-right:10px}dialog{background:#fff9ee}#help-dialog table{font-size:12px}
@media(prefers-reduced-motion:reduce){#delivery-stamp{animation:none}}

.app[data-mode=mission] .task{left:7.3%;top:6.8%}
.app[data-mode=mission] .receipt-title,.app[data-mode=mission] .task h2{font-synthesis:weight;font-weight:700}

#delivery-stamp{right:.1cqw;top:4.7cqw}

.app[data-mode=explore] .task h2{font-size:1.25cqw;width:90%}
.app[data-mode=explore] #message{left:6%;top:71.5%;width:29%;font-size:.9cqw;text-align:left}
.ledger-picks{left:38%;top:75.4%;width:37%}.ledger-picks button{font-size:.78cqw}
.explore-tools{left:37%;top:79.6%;width:37%}.explore-tools .tiny-button{font-size:.95cqw}
#note-readout{position:absolute;left:6%;top:76%;bottom:auto;width:29%;font-size:.95cqw;white-space:normal;line-height:1.3;padding:.3cqw .4cqw;z-index:4;text-align:left}
.app[data-mode=mission] #note-readout{display:none}
.app[data-mode=explore][data-note-mode=quiz] .explore-tools{top:76.7%}
.quiz-trail{left:37%;top:80.4%;width:37%}
.note-controls .note-tabs button{font-size:.95cqw}.note-controls label{font-size:.8cqw}.note-controls select{font-size:.85cqw}
#cat.jumping>use,#cat.happy>use,#cat.eating>use{transform-origin:0 0}