.toad-root{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.toad-screen{flex:1;min-height:0}.toad-screen[hidden]{display:none}.toad-start,.toad-end{text-align:center;flex-direction:column;justify-content:safe center;align-items:center;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.toad-cover{aspect-ratio:3/2;border:3px solid var(--gk-rule);background:var(--gk-card);border-radius:18px;flex:none;width:min(100%,36rem,150dvh - 21rem);position:relative;overflow:hidden;box-shadow:0 10px 30px #2c443733}.toad-cover .toad-pic{object-fit:cover;width:100%;height:100%;display:block}.toad-big-title{margin:0;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:400}.toad-big-title:focus{outline:none}.toad-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.toad-root .toad-go,.toad-root .toad-secondary{min-height:var(--gk-kid-tap);border-radius:16px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1.2rem;text-decoration:none;display:inline-flex}.toad-root .toad-go{background:var(--gk-green);border:2px solid var(--gk-green);color:#fff8e6}.toad-root .toad-go:hover{background:#3d4e2b}.toad-root .toad-secondary{background:var(--gk-card);border:2px solid var(--gk-rule);color:var(--gk-ink)}.toad-root .toad-secondary:hover{background:#e6dfc4}.toad-end-art{aspect-ratio:1;background:var(--gk-card);border:4px solid var(--gk-gold);border-radius:50%;flex:none;width:min(42vw,11rem,22dvh);animation:1.1s ease-in-out 2 toad-hop;overflow:hidden}.toad-end-art>*{object-fit:cover;width:100%;height:100%;display:block}.toad-end-art.toad-figure{background:#fffaf0}.toad-end-art.toad-figure>img{object-fit:contain;padding:10%}.toad-journal{gap:.75rem;width:min(100%,32rem);display:grid}.toad-journal-card{border:1px solid var(--gk-rule);border-left:6px solid var(--gk-gold);text-align:left;background:#fffaf0;border-radius:12px;padding:.8rem 1rem}.toad-journal-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gk-muted);margin:0;font-size:.85rem}.toad-journal-card h3{margin:.2rem 0 .3rem;font-size:1.3rem;font-weight:400}.toad-journal-text{margin:0;font-size:1.1rem;line-height:1.45}.toad-end{justify-content:flex-start}.toad-end .toad-actions{z-index:2;width:calc(100% + 2rem);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:var(--gk-paper);border-top:1px solid var(--gk-rule);margin:0 -1rem -1rem;position:sticky;bottom:0}.toad-root .toad-read-entry{margin-top:.6rem;padding:.3rem 1rem;font-size:1rem}.toad-play{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.5rem;padding:.5rem;display:grid}@media (aspect-ratio>=6/5){.toad-play{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(18rem,100vw + -1*max(150dvh - 6.75rem,600px) - 1.5rem,24rem)}}.toad-view{min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.toad-view.toad-pan{overscroll-behavior:contain;scrollbar-width:thin;cursor:grab}.toad-view.toad-pan-x{overflow-x:auto}.toad-view.toad-pan-y{overflow-y:auto}.toad-painting{aspect-ratio:3/2;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#cfe0b0;border-radius:14px;flex:none;width:100%;margin:auto;position:relative;overflow:hidden;box-shadow:0 6px 24px #2c443733}.toad-pan .toad-painting{box-shadow:none;border-radius:0}.toad-painting:focus{outline:none}.gk-shell .toad-painting:focus-visible{outline:3px solid var(--gk-focus);outline-offset:-3px}.toad-backdrop,.toad-sprites,.toad-spots{position:absolute;inset:0}.toad-backdrop{transform-origin:50%}.toad-backdrop-img{object-fit:cover;width:100%;height:100%;display:block}.toad-scene-placeholder{background:linear-gradient(#cfe4ee 0 38%,#b9d39a 38% 72%,#9cbf7b 72%);align-items:flex-start;padding:3%;font-size:clamp(1rem,3vw,1.6rem);display:flex;position:absolute;inset:0}.toad-scene-placeholder span{background:#f8f0dccc;border-radius:10px;padding:.2rem .6rem}.toad-sprites{pointer-events:none}.toad-sprite{transform-origin:50% 90%;place-items:center;display:grid;position:absolute}.toad-sprite>img,.toad-sprite>canvas,.toad-sprite>svg{object-fit:contain;width:100%;height:100%;display:block}.toad-sprite[data-flip]>*,.toad-flip{transform:scaleX(-1)}.toad-root .toad-spot{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;min-width:0;min-height:0;margin:0;padding:0;position:absolute}.toad-root .toad-spot:hover{background:#fff8e61f;box-shadow:inset 0 0 0 3px #fff8e6b3}.toad-root .toad-spot:focus-visible{outline:4px solid var(--gk-focus);outline-offset:-4px;box-shadow:inset 0 0 0 7px #fff8e6cc}.toad-giving .toad-spot:not(.toad-exit){cursor:copy}.toad-root .toad-spot.toad-drop{box-shadow:inset 0 0 0 4px var(--gk-gold);background:#b38a4333}.toad-root .toad-exit{place-items:center;display:grid}.toad-root .toad-exit:hover{box-shadow:none;background:0 0}.toad-arrow{border:3px solid var(--gk-green);width:52px;height:52px;color:var(--gk-green);pointer-events:none;background:#f8f0ddeb;border-radius:50%;place-items:center;font-size:1.9rem;line-height:1;transition:transform .15s;display:grid;box-shadow:0 3px 10px #0004}.toad-root .toad-exit:hover .toad-arrow{background:#fff;transform:scale(1.06)}.toad-root .toad-spot.toad-glow{box-shadow:inset 0 0 0 5px var(--gk-gold),0 0 18px 6px #f3d27acc;animation:1.1s ease-in-out 5 toad-pulse}.toad-exit.toad-glow .toad-arrow{border-color:var(--gk-gold);background:#fff3cf}.toad-glow-sprite{filter:drop-shadow(0 0 10px #f3d27a)}@keyframes toad-pulse{50%{box-shadow:inset 0 0 0 8px var(--gk-gold),0 0 30px 12px #f3d27a}}.toad-new{animation:.45s ease-out toad-appear}@keyframes toad-appear{0%{opacity:0;transform:scale(.6)}}.toad-anim-wiggle{animation:.7s ease-in-out toad-wiggle}@keyframes toad-wiggle{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.toad-anim-hop,.toad-anim-jump,.toad-anim-bounce{animation:.7s ease-out toad-hop}@keyframes toad-hop{40%{transform:translateY(-22%)}70%{transform:translateY(0)scale(1.05,.95)}}.toad-anim-splash{animation:.7s ease-out toad-splash}@keyframes toad-splash{20%{transform:scale(1.1,.9)}50%{transform:scale(.95,1.06)}}.toad-anim-peek{animation:.7s ease-out toad-peek}@keyframes toad-peek{0%{opacity:.2;transform:translateY(30%)}60%{opacity:1;transform:translateY(-5%)}}.toad-anim-sing{animation:.7s ease-in-out toad-sing}@keyframes toad-sing{25%,75%{transform:scale(1.07)rotate(-2deg)}50%{transform:scale(.98)rotate(2deg)}}.toad-anim-shake,.toad-anim-shiver{animation:.6s linear toad-shake}@keyframes toad-shake{20%,60%{transform:translate(-4%)}40%,80%{transform:translate(4%)}}.toad-anim-nod{animation:.7s ease-in-out toad-nod}@keyframes toad-nod{30%,70%{transform:rotate(4deg)translateY(3%)}}.toad-anim-flutter{animation:.7s ease-in-out toad-flutter}@keyframes toad-flutter{20%,60%{transform:translateY(-6%)rotate(-4deg)}40%,80%{transform:translateY(-3%)rotate(4deg)}}.toad-anim-sparkle{animation:.7s ease-in-out toad-sparkle}@keyframes toad-sparkle{50%{filter:brightness(1.35)drop-shadow(0 0 8px #fff3b0)}}.toad-anim-dig{animation:.7s ease-in-out toad-dig}@keyframes toad-dig{20%,60%{transform:translateY(4%)rotate(-5deg)}40%,80%{transform:translateY(0)rotate(5deg)}}.toad-anim-yawn,.toad-anim-stretch{animation:.7s ease-in-out toad-stretch}@keyframes toad-stretch{50%{transform:scale(.97,1.08)}}.toad-anim-blink{animation:.7s steps(2,jump-none) toad-blink}@keyframes toad-blink{50%{opacity:.4}}.toad-anim-swim,.toad-anim-look{animation:.7s ease-in-out toad-look}@keyframes toad-look{25%{transform:translate(-4%)}75%{transform:translate(4%)}}.toad-anim-tumble,.toad-anim-spin{animation:.7s ease-in-out toad-spin}@keyframes toad-spin{to{transform:rotate(360deg)}}.toad-anim-sway{transform-origin:50% 100%;animation:.7s ease-in-out toad-sway}@keyframes toad-sway{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.toad-anim-bob{animation:.7s ease-in-out toad-bob}@keyframes toad-bob{30%{transform:translateY(-8%)}65%{transform:translateY(3%)}}.toad-anim-wobble{animation:.7s ease-in-out toad-wobble}@keyframes toad-wobble{20%{transform:translate(-3%)rotate(-3deg)}40%{transform:translate(3%)rotate(3deg)}60%{transform:translate(-2%)rotate(-2deg)}80%{transform:translate(1%)rotate(1deg)}}.toad-anim-ripple{animation:.7s ease-out toad-ripple}@keyframes toad-ripple{30%{filter:brightness(1.12);transform:scale(1.06,.96)}65%{transform:scale(.98,1.02)}}.toad-hud{grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:max-content;align-content:start;gap:.5rem;min-width:0;min-height:0;max-height:55dvh;display:grid;overflow-y:auto}.toad-scene-title,.toad-speech,.toad-tray,.toad-transcript[open]{grid-column:1/-1}.toad-transcript{align-self:center}@media (aspect-ratio>=6/5){.toad-hud{max-height:none}.toad-hud>*{grid-column:1/-1}}@media (orientation:portrait) and (height<=700px){.toad-scene-title{display:none}.toad-speech{min-height:4.5rem}.toad-portrait{width:48px;height:48px}.toad-hud{gap:.35rem}}.toad-scene-title{color:var(--gk-muted);margin:0;font-size:1rem;font-weight:400}.toad-speech{border:2px solid var(--gk-rule);background:#fffaf0;border-radius:20px;grid-template:"portrait name replay""portrait text replay"/auto minmax(0,1fr) auto;align-content:center;align-items:center;column-gap:.6rem;min-height:6rem;padding:.55rem .6rem;display:grid}.toad-portrait{grid-area:portrait}.toad-words{display:contents}.toad-name{grid-area:name}.toad-text{grid-area:text}.toad-speech-tools{grid-area:replay}@media (aspect-ratio>=6/5){.toad-speech{grid-template-areas:"portrait name replay""text text text";row-gap:.35rem}}.toad-portrait{background:var(--gk-card);border:2px solid var(--gk-rule);border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .2s;display:grid;overflow:hidden}.toad-portrait>img,.toad-portrait>svg{object-fit:cover;width:100%;height:100%;display:block}.toad-portrait>img.toad-figure{object-fit:contain;background:#fffaf0;padding:4px}.toad-narrator-mark{color:var(--gk-gold);font-size:2rem}.toad-speech[data-mood=happy] .toad-portrait{border-color:var(--gk-gold)}.toad-speech[data-mood=surprised] .toad-portrait{transform:scale(1.06)}.toad-speech[data-mood=puzzled] .toad-portrait{transform:rotate(-6deg)}.toad-speech[data-mood=sleepy] .toad-portrait{filter:saturate(.8);transform:rotate(8deg)}.toad-speech[data-mood=worried] .toad-portrait{border-color:#8aa3b0}.toad-name{color:var(--gk-green);margin:0;font-size:.9rem;font-weight:700}.toad-text{overflow-wrap:anywhere;margin:.1rem 0 0;font-size:clamp(1.05rem,2.3vw,1.3rem);line-height:1.35}.toad-speech[data-empty=true] .toad-text{color:var(--gk-muted);font-style:italic}.toad-speech-tools{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.toad-root .toad-replay{width:var(--gk-kid-tap);min-height:var(--gk-kid-tap);color:var(--gk-green);background:var(--gk-card);border-radius:50%;align-self:center;padding:0;font-size:1.2rem}.toad-root .toad-replay[hidden]{visibility:hidden;display:block}.toad-root .toad-next{background:var(--gk-green);color:#fff8e6;border:3px solid #34452a;border-radius:32px;flex:none;justify-content:center;align-items:center;gap:.4rem;min-width:64px;height:64px;padding:0 1rem;font-size:1.2rem;animation:1.6s ease-in-out infinite toad-nudge;display:inline-flex}.toad-root .toad-next:hover{background:#3d4e2b}.toad-root .toad-next[hidden],.toad-root .toad-hint[hidden]{display:none}.toad-next-arrow{font-size:1.5rem;line-height:1}@keyframes toad-nudge{50%{transform:translate(3px)}}.toad-tray{align-items:center;gap:.5rem;display:flex}.toad-inventory{min-width:0;min-height:calc(var(--gk-kid-tap) + .6rem + 2px);background:var(--gk-card);border:1px solid var(--gk-rule);border-radius:16px;flex-wrap:wrap;flex:1;align-items:center;gap:.4rem;padding:.3rem;display:flex}.toad-root .toad-item{width:var(--gk-kid-tap);height:var(--gk-kid-tap);touch-action:none;background:#fffaf0;border-radius:14px;flex:none;padding:4px}.toad-root .toad-item[aria-pressed=true]{border-color:var(--gk-gold);box-shadow:0 0 0 4px var(--gk-gold);background:#fff3cf}.toad-item>*,.toad-clue>*{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.toad-root .toad-hint{background:var(--gk-gold);color:#fff8e6;border:3px solid #8d6a2f;border-radius:50%;flex:none;width:64px;height:64px;padding:0;font-size:2rem;font-weight:700;line-height:1}.toad-root .toad-hint:hover{background:#c49a4f}.toad-busy .toad-item,.toad-busy .toad-hint{opacity:.55}.toad-empty{color:var(--gk-muted);padding:0 .4rem;font-size:.95rem;font-style:italic}.toad-clues{min-height:calc(var(--gk-kid-tap) + 4px);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.toad-notebook{color:var(--gk-muted);text-align:center;width:2rem;font-size:1.5rem}.toad-root .toad-clue{width:var(--gk-kid-tap);height:var(--gk-kid-tap);background:#fffaf0;border-radius:12px;padding:4px}.toad-transcript{border:1px solid var(--gk-rule);background:var(--gk-card);border-radius:12px;flex:none}.toad-transcript summary{min-height:var(--gk-tap);cursor:pointer;align-items:center;gap:.4rem;padding:0 .8rem;display:flex}.toad-transcript summary:before{content:"▸";transition:transform .15s}.toad-transcript[open] summary:before{transform:rotate(90deg)}.toad-transcript summary::-webkit-details-marker{display:none}.toad-transcript summary{list-style:none}.toad-transcript-list{max-height:14rem;margin:0;padding:.2rem 1rem .8rem 2.2rem;font-size:1rem;line-height:1.4;overflow-y:auto}.toad-transcript-name{font-weight:700}.toad-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 6px 10px #0005);width:64px;height:64px;position:fixed;top:0;left:0}.toad-ghost>*{object-fit:contain;width:100%;height:100%}@media (width<=540px){.toad-play{gap:.35rem;padding:.35rem}.toad-hud{gap:.35rem}.toad-speech{gap:.45rem;min-height:5rem;padding:.45rem}.toad-portrait{width:52px;height:52px}.toad-scene-title{font-size:.9rem}}.toad-paths{flex:none;gap:.35rem;padding:2px;display:flex;overflow-x:auto}.toad-root .toad-path{flex:1 0 auto;min-width:56px;max-width:13rem;min-height:56px;padding:.3rem .55rem;font-size:.85rem}.toad-path.toad-glow{outline:4px solid var(--gk-gold);outline-offset:-4px;background:#fff2bd}.toad-gag{color:#ffe68b;text-shadow:0 2px 3px #283819;filter:drop-shadow(0 2px 2px #3335);pointer-events:none;place-items:center;width:72px;height:64px;font:700 24px Georgia;animation:1.1s ease-out toad-gag-pop;display:grid;position:absolute;transform:translate(-50%,-70%)}.toad-gag>img,.toad-gag>canvas{object-fit:contain;width:100%;height:100%}@keyframes toad-gag-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%,75%{opacity:1}to{opacity:0;transform:translate(-50%,-130%)}}@media (prefers-reduced-motion:reduce){.toad-gag{animation:none}}.toad-paths{grid-column:1/-1}.toad-scene-title[data-pan=true]:after{content:" · ↔ drag picture";color:var(--gk-muted);font-size:.75rem}@media (aspect-ratio>=6/5) and (height<=560px){.toad-hud{gap:.3rem}.toad-speech{grid-template-columns:minmax(0,1fr) 56px;grid-template-areas:"name replay""text replay";gap:.15rem .35rem;min-height:0;padding:.4rem}.toad-portrait{display:none}.toad-text{font-size:1rem;line-height:1.2}.toad-name{font-size:.8rem}.toad-paths{z-index:3;background:var(--gk-paper);position:sticky;top:0}.toad-root .toad-path{font-size:.8rem}}.gk-shell[data-game=wheres-old-mr-toad]{--gk-tap:56px}.toad-end .mb-panel{width:min(100%,20rem)}
