:root{--bg:#142c30;--ink:#254c3e;--gold:#edc779;--text:#f6edce;--muted:#bcc8bc;--paper:#f2e4bd;--paper-light:#fff4d6;--shadow:#8b704d;--wood:#b48a57;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;color-scheme:dark}
html[data-light=day]{--bg:#f1ebd9;--text:#294c3c;--muted:#65715c;--gold:#95753d;color-scheme:light}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 50% 38%,#54705942,transparent 72%);color:var(--text);font-family:var(--serif);min-height:100dvh;transition:background-color .6s,color .6s}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #e6b253;outline-offset:5px}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.entrance-header{width:min(1040px,calc(100% - 64px));margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.entrance-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:bold}.entrance-brand img{width:36px;height:36px}.entrance-settings{display:flex;align-items:center;gap:13px}.lighting{display:flex;padding:4px;border:1px solid #b8a67570;border-radius:28px}.lighting button{border:0;background:transparent;color:var(--text);border-radius:24px;min-height:40px;padding:0 15px;font:600 12px var(--sans)}.lighting button[aria-pressed=true]{background:#edc779;color:#213e33}.sound{min-height:44px;border:0;background:transparent;color:var(--muted);font:12px var(--sans);padding:8px}.sound[aria-pressed=true]{color:var(--gold)}
main{width:min(1000px,calc(100% - 64px));margin:14px auto 0}.theatre-shell{filter:drop-shadow(0 24px 35px #0004)}.theatre{position:relative;height:clamp(530px,67vh,650px);border:14px solid var(--wood);border-top-width:17px;border-bottom-width:18px;border-radius:130px 130px 8px 8px;box-shadow:0 0 0 2px #6d5237,0 0 0 5px #c6ac70,inset 0 0 24px #0005;background:#263d37;perspective:1100px;overflow:hidden;isolation:isolate}.theatre:after{content:"";position:absolute;inset:0;border:5px solid #5c462c55;border-radius:112px 112px 0 0;pointer-events:none;z-index:12}.wooden-stage{height:24px;margin:0 -13px;background:linear-gradient(#d0ad78,#9a7046);clip-path:polygon(2% 0,98% 0,100% 75%,97% 100%,3% 100%,0 75%);border-top:2px solid #e8c28c;box-shadow:0 10px 16px #0004}.little-world{position:absolute;inset:0;background:#273e55;overflow:hidden}.little-world>img{width:100%;height:100%;object-fit:cover;filter:brightness(.75);transform:scale(1.035);transition:filter 1.7s,transform 2s}.world-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 75%,#ffda7b24,transparent 65%);opacity:.6}.world-sun{position:absolute;inset:0;background:#ffe4a332;opacity:0;transition:opacity 1.4s}html[data-light=day] .world-sun{opacity:1}.opening .little-world>img{filter:brightness(1);transform:scale(1)}
.paper-shutter,.paper-wing{background-color:var(--paper);background-image:linear-gradient(112deg,#fff9e2aa,transparent 36%,#baa27c14 60%,#fff7dc66),url('/assets/entrance/paper-grain.svg')}.paper-shutter{position:absolute;inset:0;z-index:4;transform-origin:50% 0;box-shadow:0 6px 10px #38291d55;will-change:transform}.creases{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(16.666% - 2px),#93754d30 calc(16.666% - 1px),#fff8e3c4 16.666%),linear-gradient(105deg,transparent 28%,#a58b6430 28.3%,#fff7dbb5 28.6%,transparent 29%),linear-gradient(78deg,transparent 68%,#aa8b6030 68.3%,#fff6d9c0 68.6%,transparent 69%);pointer-events:none;opacity:.8}.paper-wing{position:absolute;top:0;bottom:0;width:21%;z-index:3;box-shadow:0 0 12px #2b1e2455;background-image:repeating-linear-gradient(90deg,#f5e9c9 0,#d8c49e 25%,#fff0ce 50%)}.wing-left{left:0;transform-origin:0 50%}.wing-right{right:0;transform-origin:100% 50%}
.stage-title{position:absolute;top:9%;left:15%;right:15%;text-align:center;color:var(--ink);transition:top .5s,transform .5s}.stage-title>p:first-child{font:700 9px var(--sans);letter-spacing:3.2px;margin:0 0 20px}.stage-title h1{font-size:clamp(58px,8vw,92px);line-height:.85;letter-spacing:-4px;font-weight:400;margin:0;text-shadow:0 1px 0 #fff8e3}.stage-title h1 em{font-weight:400;color:#806034}.stage-whisper{font-size:15px;font-style:italic;margin:22px 0 0;transition:opacity .3s}.ready .stage-title{top:5%;transform:scale(.9)}.ready .stage-whisper{opacity:0}
.pinholes{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .7s}.pinholes i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff9d8;box-shadow:0 0 8px 3px #fbc75d66;animation:paper-stars 7s ease-in-out infinite alternate}.pinholes i:nth-child(1){left:12%;top:18%}.pinholes i:nth-child(2){left:80%;top:19%;animation-delay:-3s}.pinholes i:nth-child(3){left:66%;top:34%;animation-delay:-1s}.pinholes i:nth-child(4){left:31%;top:10%;animation-delay:-5s}.pinholes i:nth-child(5){left:10%;top:65%;animation-delay:-2s}.pinholes i:nth-child(6){left:87%;top:67%;animation-delay:-6s}.pinholes i:nth-child(7){left:73%;top:83%;animation-delay:-4s}.pinholes i:nth-child(8){left:25%;top:84%;animation-delay:-2s}html[data-light=day] .pinholes{opacity:0}.scuttle{position:absolute;width:72px;height:29px;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,#9b805930,transparent 72%);box-shadow:0 -5px 10px -6px #fffdf5aa;opacity:0;pointer-events:none}.scuttle-one{top:46%;animation:scuttle 12s ease-in-out infinite}.scuttle-two{top:79%;animation:scuttle 15s 5s ease-in-out infinite reverse}
.bird-button{position:absolute;top:58%;left:50%;transform:translateX(-50%);border:0;background:transparent;padding:0;width:180px;min-height:86px;z-index:7;color:var(--ink);transition:top .6s}.bird-button>img{width:83px;height:55px;display:block;margin:0 auto;filter:drop-shadow(1px 3px 1px #6f664233);transform-origin:50% 100%;animation:bird-bob 4.8s ease-in-out infinite}.folded-sign{display:block;background:linear-gradient(165deg,#fff4d6,#ead6a7);border:1px solid #b79c6a;border-radius:2px;box-shadow:1px 4px 0 #aa8f6333;min-height:34px;padding:9px 10px;font:italic 13px var(--serif);transform:rotate(-3deg)}.folded-sign:after{content:"";position:absolute;right:2px;bottom:2px;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #cbb184 transparent}.ready .bird-button{top:36%;min-height:62px}.ready .folded-sign{display:none}.bird-button.pecking>img{animation:peck .55s ease}
.code-form{position:absolute;top:50%;left:50%;width:min(350px,72%);transform:translateX(-50%);z-index:8;text-align:center;color:var(--ink);animation:sign-open .5s both}.code-form>label{display:block;margin:0 0 15px;font-size:16px}.code-entry{position:relative;width:100%;max-width:284px;margin:0 auto 15px;border-radius:7px}.number-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.number-slots span{display:grid;place-items:center;height:54px;background:linear-gradient(#fff7e1,#f6e8c6);border:1.5px solid #ac8c53;border-radius:5px;box-shadow:0 3px 0 #93754d22;font:28px var(--serif);color:#254a3b}.number-slots span:empty:after{content:"";width:5px;height:5px;border-radius:50%;background:#baa57899}.code-entry:focus-within{outline:2px solid #93713e;outline-offset:5px}.code-entry input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:20px;cursor:text}.open-button{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto;min-height:44px;padding:12px 22px;background:#28523f;border:1px solid #1c4031;border-radius:4px;color:#fff1ca;font:600 12px var(--sans);box-shadow:0 3px 0 #153b2922}.open-button:hover{background:#36654d}.open-button:disabled{opacity:.7}.open-button span{font-size:20px}.code-form>p{font-size:13px;font-style:italic;margin:14px 0 0;line-height:1.5;min-height:40px}.code-form.retrying .number-slots{animation:sign-wobble .5s}
/* Cookie keeps her existing drawing; the wrapper supplies a grounded hop. */
.cookie-corner{--cookie-jump:34px;position:absolute;right:6%;bottom:43px;width:112px;height:166px;overflow:visible;z-index:6;border:0;padding:0;background:transparent}
.cookie-jumper{position:absolute;inset:auto 0 15px;display:block;height:146px;transform-origin:50% 100%;animation:cookie-idle-hop 7.6s 1s ease-in-out infinite}
.cookie-jumper img{display:block;width:100%;height:100%;object-fit:contain}
.cookie-shadow{position:absolute;left:36%;bottom:21px;width:28%;height:7px;border-radius:50%;background:#6f65463b;animation:cookie-idle-shadow 7.6s 1s ease-in-out infinite}
.cookie-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:3px 8px;background:#f8e7bd;color:#375444;border:1px solid #a47e43;border-radius:14px;font:700 8px var(--sans)}
.cookie-corner.hopping .cookie-jumper{animation:cookie-bounce 1.1s ease-in-out}
.cookie-corner.hopping .cookie-shadow{animation:cookie-bounce-shadow 1.1s ease-in-out}

.fig-peek{position:absolute;left:5%;top:40%;width:84px;height:75px;background:none;border:0;padding:0;z-index:6;transform:rotate(-7deg)}.fig-window{position:absolute;inset:2px 5px 4px 14px;overflow:hidden;clip-path:polygon(0 22%,24% 2%,87% 7%,100% 72%,73% 100%,3% 89%);background:#9f906944;box-shadow:inset 0 0 8px #6e5538}.fig-window img{position:absolute;inset:0;width:100%;height:100%;animation:fig-sniff 8s ease-in-out infinite}.paper-corner{position:absolute;left:2px;top:14px;width:37px;height:62px;background:linear-gradient(110deg,#e0cc9f,#fff2cd);clip-path:polygon(0 15%,100% 0,72% 100%);filter:drop-shadow(2px 1px 1px #6c563c55);z-index:2}.fig-peek.sneezing{animation:sneeze .7s}.nose-scrap{position:absolute;left:70%;top:53%;width:16px;height:13px;background:#fff1c9;clip-path:polygon(0 10%,85% 0,100% 80%,25% 100%);opacity:0;transform:rotate(18deg)}.fig-peek.scrappy .nose-scrap{animation:scrap-away 1.2s .2s both}.boot-peek{position:absolute;left:24%;bottom:12%;width:44px;height:54px;border:0;background:none;z-index:5;transform:rotate(12deg)}.boot-peek>.boot-slit{position:absolute;left:-5px;right:-8px;top:0;height:19px;border-top:2px solid #a18a5b88;box-shadow:0 -3px 5px -4px #4e3e2e;transform:rotate(-9deg)}.boot-peek img{width:30px;height:43px;transform-origin:50% 0;animation:boot-wriggle 10s ease-in-out infinite}.boot-peek.nudged img{animation:boot-nudge .7s}
.stage-lights{position:absolute;inset:auto 18px 17px;display:flex;justify-content:space-around;z-index:13;pointer-events:none}.stage-lights i{width:11px;height:11px;background:#f2d38f;border:1px solid #ab8146;border-radius:50%;box-shadow:0 0 0 2px #85643c,0 0 9px 3px #efbc5666;transition:background .5s,box-shadow .8s;animation:footlight-glow 7s ease-in-out infinite alternate}.opening .stage-lights i{background:#fff0bd;box-shadow:0 0 15px 7px #ffcf7577}.opening-note{position:absolute;bottom:10%;left:20%;right:20%;text-align:center;color:#284d3d;font:italic 27px var(--serif);opacity:0;pointer-events:none}.opening .opening-note{opacity:1}.opening .code-form,.opening .bird-button{opacity:0;transition:opacity .2s;pointer-events:none}.opening .paper-shutter{animation:concertina 1.75s .55s cubic-bezier(.45,.05,.3,1) forwards}.opening .creases{animation:crease-deepen 1.75s .55s forwards}.opening .wing-left{animation:wing-left 1.8s .8s ease-in-out forwards}.opening .wing-right{animation:wing-right 1.8s .8s ease-in-out forwards}.theatre.wobble .paper-shutter{animation:paper-wobble .6s ease}.below-stage{text-align:center;color:var(--muted);font:italic 15px var(--serif);margin:26px 0 16px}footer{width:min(1000px,calc(100% - 64px));margin:0 auto;padding:8px 0 24px;display:flex;justify-content:space-between;color:var(--muted);font:10px var(--sans);letter-spacing:.3px}footer>span:last-child{color:var(--gold);font-size:14px}.no-script{text-align:center}
@keyframes paper-stars{from{opacity:.3}to{opacity:.95}}@keyframes scuttle{0%,17%,72%,100%{opacity:0;left:6%}23%{opacity:1;left:8%}60%{opacity:.8;left:72%}70%{opacity:0;left:80%}}@keyframes bird-bob{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(8deg)}83%{transform:rotate(-4deg)}}@keyframes peck{35%,65%{transform:translateY(7px) rotate(17deg)}50%{transform:translateY(0)}}@keyframes fig-sniff{0%,12%,65%,100%{transform:translateX(-16px)}20%,56%{transform:translateX(0)}24%,31%{transform:translateX(2px) rotate(3deg)}}@keyframes sneeze{20%{transform:rotate(-15deg)}40%{transform:rotate(8deg) translateX(4px)}65%{transform:rotate(-5deg)}100%{transform:rotate(-7deg)}}@keyframes scrap-away{0%,25%{opacity:1;transform:rotate(18deg)}100%{opacity:0;transform:translate(-65px,-42px) rotate(-140deg)}}@keyframes boot-wriggle{0%,50%,100%{transform:translateY(-7px) rotate(0)}61%,75%{transform:translateY(3px) rotate(-12deg)}68%,82%{transform:translateY(3px) rotate(12deg)}}@keyframes boot-nudge{25%,70%{transform:rotate(28deg)}45%,90%{transform:rotate(-14deg)}}@keyframes paper-wobble{20%{transform:skewX(.8deg)}45%{transform:skewX(-.8deg)}70%{transform:skewX(.3deg)}}@keyframes sign-wobble{20%,65%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}@keyframes sign-open{from{opacity:0;transform:translateX(-50%) translateY(12px) rotateX(-25deg)}to{opacity:1;transform:translateX(-50%)}}@keyframes concertina{0%{transform:translateY(0) scaleY(1)}35%{transform:translateY(-2%) scaleY(.7) rotateX(9deg)}75%{transform:translateY(-2%) scaleY(.16) rotateX(16deg)}100%{transform:translateY(-3%) scaleY(.035) rotateX(0)}}@keyframes crease-deepen{to{opacity:1;filter:contrast(1.6)}}@keyframes wing-left{to{transform:rotateY(-105deg)}}@keyframes wing-right{to{transform:rotateY(105deg)}}
@media(max-width:650px){.entrance-header{width:calc(100% - 30px);min-height:80px;gap:10px;flex-wrap:wrap;padding:15px 0}.entrance-brand{font-size:18px;gap:8px}.entrance-brand img{width:30px;height:30px}.entrance-settings{gap:3px}.lighting button{min-height:36px;padding:0 10px;font-size:11px}.sound{font-size:10px;padding:5px;min-height:40px}main{width:calc(100% - 30px);margin-top:12px}.theatre{height:570px;border-width:9px;border-top-width:12px;border-bottom-width:13px;border-radius:86px 86px 5px 5px}.theatre:after{border-radius:74px 74px 0 0;border-width:3px}.stage-title{top:10%;left:9%;right:9%}.stage-title h1{font-size:64px;letter-spacing:-3px}.stage-title>p:first-child{font-size:8px;letter-spacing:2px;margin-bottom:18px}.stage-whisper{font-size:14px;margin-top:20px}.ready .stage-title{top:6%}.bird-button{top:57%}.ready .bird-button{top:36%}.code-form{top:50%;width:78%;max-width:300px}.code-form>label{font-size:14px}.number-slots{gap:7px}.number-slots span{height:49px;font-size:24px}.code-form>p{font-size:12px}.open-button{padding:11px 17px;font-size:11px}.fig-peek{width:65px;height:61px;left:2%;top:40%}.cookie-corner{--cookie-jump:24px;right:2%;bottom:43px;width:76px;height:130px}.cookie-jumper{height:106px;bottom:16px}.cookie-shadow{bottom:21px;height:5px}.cookie-name{font-size:7px;padding:2px 5px}.stage-lights{bottom:14px;left:12px;right:12px}.stage-lights i{width:9px;height:9px}.boot-peek{left:11%;bottom:10%;transform:scale(.85) rotate(12deg)}.wooden-stage{margin:0 -7px;height:20px}.below-stage{margin:22px 0 12px}footer{width:calc(100% - 36px);font-size:9px}.opening-note{font-size:23px}}
@media(max-width:380px){.entrance-header{justify-content:center}.entrance-brand{font-size:18px}.entrance-settings{margin-left:auto}.lighting button span{display:none}.lighting button{padding:0 12px}.sound{font-size:9px}.stage-title h1{font-size:57px}.code-form{width:80%}.fig-peek{left:0}.cookie-corner{width:68px}.boot-peek{left:6%}.stage-title>p:first-child{letter-spacing:1.4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.fig-window img{transform:none}.opening .paper-shutter{transform:scaleY(.035)}.opening .wing-left{transform:rotateY(-105deg)}.opening .wing-right{transform:rotateY(105deg)}.opening .code-form,.opening .bird-button{opacity:0}}

/* A little comic routine on the paper, with the number-entry area kept clear. */
.paper-clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.paper-cloud{position:absolute;width:185px;height:78px;filter:drop-shadow(1px 4px 2px #79654033);opacity:.7;animation:cloud-parade 27s linear infinite}
.cloud-paper{fill:#c8d8cd;stroke:#9db7a8;stroke-width:1.6}.cloud-eyes{fill:#61766a;transform-box:fill-box;transform-origin:center;animation:cloud-wink 9s infinite}
.cloud-one{top:10%;animation-delay:-8s}.cloud-two{top:31%;width:155px;animation-duration:34s;animation-delay:-24s;opacity:.56}
html[data-light=night] .cloud-paper{fill:#d8dfd2;stroke:#bac7b2}html[data-light=day] .paper-cloud{opacity:.75}
.stage-lights i:nth-child(2n){animation-delay:-2s}.stage-lights i:nth-child(3n){animation-delay:-4s}.opening .stage-lights i{animation:none}
html[data-light=day] .stage-lights i{box-shadow:0 0 0 2px #a58350,0 0 5px #f5dba355;animation:none}
.comic-bubble{position:absolute;display:block;min-width:98px;max-width:150px;min-height:36px;padding:9px 12px;background:#fff8df;border:2px solid #a78b57;border-radius:42% 48% 40% 45% / 44% 45% 40% 46%;box-shadow:2px 3px 0 #b2975c29;color:#315444;font:700 13px/1.25 var(--sans);text-align:center;transform:rotate(-4deg);z-index:10;pointer-events:none;animation:comic-pop .3s ease-out}
.comic-bubble:before,.comic-bubble:after{content:"";position:absolute;border:0;border-radius:0;transform:none;clip-path:polygon(0 0,100% 0,72% 100%)}.comic-bubble:before{right:18px;bottom:-15px;width:24px;height:18px;background:#a78b57}.comic-bubble:after{right:20px;bottom:-11px;width:20px;height:15px;background:#fff8df}
.cookie-bubble{right:-7px;bottom:calc(100% + 33px);width:138px}
.fig-bubble{left:0;bottom:calc(100% + 8px);width:125px;transform:rotate(6deg)}.fig-bubble:before{right:auto;left:21px}.fig-bubble:after{right:auto;left:23px}
.boot-bubble{left:-32px;bottom:calc(100% + 3px);width:136px;transform:rotate(-8deg)}.boot-bubble:before{right:56px}.boot-bubble:after{right:58px}
.opening .comic-bubble{display:none!important}
.comic-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fig-puffs{position:absolute;inset:0;pointer-events:none;z-index:3}.fig-puffs i{position:absolute;left:75%;top:45%;width:12px;height:12px;border:1.5px solid #a69a70;border-radius:50%;background:#fff6d46b;opacity:0}.fig-puffs i:nth-child(2){width:8px;height:8px}.fig-puffs i:nth-child(3){width:5px;height:5px}.fig-peek.woofing .fig-puffs i{animation:woof-puff 1.4s ease-out both}.fig-peek.woofing .fig-puffs i:nth-child(2){animation-delay:.2s}.fig-peek.woofing .fig-puffs i:nth-child(3){animation-delay:.4s}
.fig-peek.woofing .fig-window img,.fig-peek.sneezing .fig-window img{animation:none;transform:translateX(2px) rotate(3deg)}
@keyframes cloud-parade{0%{left:-190px;transform:translateY(0) rotate(-3deg)}50%{transform:translateY(10px) rotate(2deg)}100%{left:100%;transform:translateY(0) rotate(-2deg)}}
@keyframes cloud-wink{0%,82%,88%,100%{transform:scaleY(1)}85%{transform:scaleY(.12)}}
@keyframes footlight-glow{from{box-shadow:0 0 0 2px #85643c,0 0 7px 2px #efbc5644}to{box-shadow:0 0 0 2px #85643c,0 0 12px 4px #efbc5677}}
@keyframes cookie-idle-hop{0%,12%,40%,100%{transform:translateY(0) scale(1)}16%{transform:translateY(2px) scale(1.03,.96)}21%{transform:translateY(calc(var(--cookie-jump) * -.65)) rotate(-4deg)}26%{transform:translateY(0) scale(1.04,.96)}31%{transform:translateY(calc(var(--cookie-jump) * -1)) rotate(4deg)}36%{transform:translateY(0) scale(1.03,.97)}}
@keyframes cookie-idle-shadow{0%,12%,40%,100%{transform:scaleX(1);opacity:.7}21%,31%{transform:scaleX(.58);opacity:.35}26%,36%{transform:scaleX(1.15);opacity:.8}}
@keyframes cookie-bounce{0%,100%{transform:translateY(0)}15%{transform:translateY(2px) scale(1.03,.96)}35%{transform:translateY(calc(var(--cookie-jump) * -1)) rotate(-5deg)}55%{transform:translateY(0) scale(1.05,.95)}75%{transform:translateY(calc(var(--cookie-jump) * -.65)) rotate(4deg)}}
@keyframes cookie-bounce-shadow{0%,100%{transform:scaleX(1);opacity:.7}35%,75%{transform:scaleX(.55);opacity:.35}55%{transform:scaleX(1.15);opacity:.8}}
@keyframes comic-pop{from{opacity:0;scale:.75}to{opacity:1;scale:1}}
@keyframes woof-puff{0%{opacity:0;transform:translate(0,0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translate(38px,-50px) scale(1.3)}}
@media(max-width:650px){.paper-cloud{width:132px;height:58px}.cloud-two{width:112px;top:30%}.comic-bubble{font-size:11px;padding:7px 8px;border-width:1.5px;min-width:88px}.cookie-bubble{width:96px;right:-1px}.fig-bubble{width:101px;left:0}.boot-bubble{width:118px;left:-20px}.boot-bubble:before{right:50px}.boot-bubble:after{right:52px}.code-form>p{max-width:210px;margin-inline:auto}}
@media(max-width:380px){.cookie-bubble{width:88px}.fig-bubble{width:94px}.boot-bubble{width:112px;left:-8px}}
@media(max-width:650px){.fig-bubble{bottom:auto;top:calc(100% + 5px)}.fig-bubble:before,.fig-bubble:after{bottom:auto;clip-path:polygon(0 100%,100% 100%,35% 0)}.fig-bubble:before{top:-15px}.fig-bubble:after{top:-11px}}
@media(prefers-reduced-motion:reduce){.paper-cloud{animation:none;left:8%}.cloud-two{left:auto;right:5%}.cookie-jumper,.cookie-shadow{transform:none}.fig-puffs{display:none}}

/* The routine continues while the number panel is open. */
.entry-actions{display:flex;align-items:center;justify-content:center;gap:10px}
.entry-actions .open-button{margin:0;gap:10px;padding-inline:14px}
.bye-button{min-height:44px;padding:8px 4px;border:0;background:transparent;color:#4f654d;font:600 11px var(--sans);text-decoration:underline;text-underline-offset:4px}
.bye-button:hover{color:#244736}
.cookie-bubble.big-answer{font-size:34px;line-height:1.05;letter-spacing:1px}
.ready-comic{display:none;position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:190px;max-width:58%;padding:6px 10px;text-align:center;border:1.5px solid #aa8d56;border-radius:18px;background:#fff8df;color:#315444;z-index:7;pointer-events:none;box-shadow:1px 2px 0 #b2975c29}
.ready-comic small{display:block;font:700 8px/11px var(--sans);letter-spacing:1px}.ready-comic strong{display:block;font:700 13px/17px var(--sans)}.ready-comic.big-answer strong{font-size:24px;line-height:24px;letter-spacing:2px}
.opening .ready-comic{display:none!important}
@media(max-width:900px){.ready .comic-bubble{display:none!important}.ready .ready-comic:not([hidden]){display:block}.ready .code-form{top:48.5%}}
@media(max-width:650px){.cookie-bubble.big-answer{font-size:26px}.entry-actions{gap:8px}.entry-actions .open-button{font-size:11px}.ready-comic{max-width:58%;width:190px}}

.ready-comic:before,.ready-comic:after{content:"";position:absolute;clip-path:polygon(0 100%,100% 100%,0 0);border:0;border-radius:0;pointer-events:none}
.ready-comic:before{left:12px;top:-15px;width:24px;height:18px;background:#aa8d56}.ready-comic:after{left:14px;top:-11px;width:20px;height:15px;background:#fff8df}
.ready-comic[data-speaker="cookie"]:before,.ready-comic[data-speaker="cookie"]:after{left:auto;clip-path:polygon(0 100%,100% 100%,100% 0)}.ready-comic[data-speaker="cookie"]:before{right:12px}.ready-comic[data-speaker="cookie"]:after{right:14px}
.fig-nameplate{position:absolute;left:22px;top:auto;bottom:-16px;padding:3px 7px;border:1px solid #a47e43;border-radius:14px;background:#f8e7bd;color:#375444;font:700 8px var(--sans);letter-spacing:.2px;transform:rotate(7deg);z-index:4;pointer-events:none}

.cookie-jumper>svg{display:block;width:100%;height:100%;overflow:visible}
.cookie-speaking-mouth{opacity:0;transform-box:fill-box;transform-origin:center}
.cookie-corner.talking .cookie-smile{opacity:0}.cookie-corner.talking .cookie-speaking-mouth{opacity:1;animation:cookie-talk .32s ease-in-out infinite}
@keyframes cookie-talk{0%,100%{transform:scaleY(.3)}40%{transform:scaleY(1)}70%{transform:scaleY(.55)}}

@media(max-width:650px){.fig-bubble{top:calc(100% + 26px)}}

/* Let taps pass through empty form space to Cookie beside the controls. */
.code-form{pointer-events:none}.code-form label,.code-entry,.code-form input,.code-form button{pointer-events:auto}