:root{--paper:#123d55;--ink:#effaff;--soft:#bad5df;--leaf:#568b39;--rust:#ffb999;--edge:#5793a1;--gold:#ffd272}
body{color:var(--ink);background:radial-gradient(ellipse at 50% 20%,#1b6579,#0c344b 38%,#051523 90%);min-height:100svh}body:before{display:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff09a;outline-offset:4px}.game-shell{width:min(100%,650px);padding:0 18px}.masthead{height:68px;gap:16px}.brand{display:block;font-size:11px;font-weight:900;letter-spacing:2px;text-align:center}.brand small{color:var(--gold);font-size:10px;letter-spacing:1px}.round-button,.home-button{display:grid;place-items:center;min-width:46px;min-height:46px;padding:0;border:1px solid #79c3d46b;border-radius:16px;background:linear-gradient(#287c94,#0b3d59);box-shadow:inset 0 2px 1px #a4eeff42,0 4px 0 #031824,0 6px 14px #0004}.home-button{font-size:32px;line-height:1}.game-card{border:1px solid #74c5d84a;border-radius:30px;background:radial-gradient(ellipse at 50% 25%,#175370,#092b46 46%,#071d32 90%);box-shadow:0 25px 75px #0005,inset 0 2px 1px #bfe9fb24;overflow:hidden}.scene-heading{position:relative;top:auto;left:auto;right:auto;z-index:5;padding:12px 12px 0;text-shadow:none;text-align:center}.chapter-link{gap:12px;font-size:12px;font-weight:900;letter-spacing:.3px;color:#cce8ef;border:0;background:transparent;min-height:34px;padding:0 12px;box-shadow:none;margin:0}.chapter-link span:last-child{color:var(--gold);font-size:21px}.scene-heading h1{display:block;width:fit-content;min-width:145px;margin:2px auto 7px;padding:2px 24px 3px;font-size:30px;line-height:1.2;color:#fff3c7;text-shadow:0 2px 0 #825b31;border-radius:15px;border:2px solid #ffc754;background:linear-gradient(#276b87,#0e3852);box-shadow:inset 0 2px 0 #ccf6ff42,0 4px 0 #041828,0 8px 18px #0003;letter-spacing:0}.level-detail{font-size:9px;font-weight:900;letter-spacing:2.2px;color:#a6c7d4}.scene{width:100%;aspect-ratio:1;position:relative;max-height:none;border-radius:0;overflow:hidden;background:transparent}.stage-halo{position:absolute;inset:2% 0 5%;border-radius:50%;background:radial-gradient(ellipse,#25799545,transparent 65%);pointer-events:none}.scene:before,.scene:after{content:"";position:absolute;inset:6% 4%;pointer-events:none;background:radial-gradient(circle at 15% 14%,#eaf4bd 0 1px,transparent 2px),radial-gradient(circle at 90% 45%,#bef7ff 0 1px,transparent 2px),radial-gradient(circle at 55% 90%,#ffc344 0 1px,transparent 2px);opacity:.45}.scene:after{transform:rotate(180deg);opacity:.18}.stage-shelf{position:absolute;left:4%;width:92%;height:5%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#347e9390,#17405280 60%,#06192d00 72%);border-bottom:1px solid #62afbe35;pointer-events:none}.shelf-one{top:49%}.shelf-two{top:86%}.scene:has(.jar-button:nth-child(4):last-child) .shelf-one{top:69%}.scene:has(.jar-button:nth-child(4):last-child) .shelf-two{display:none}.jar-button{border-radius:35%;transform-origin:50% 10%}.jar-button:before{left:7%;width:86%;height:7%;bottom:-1%;background:radial-gradient(ellipse,#000b,transparent 70%);filter:none}.jar-button.selected{filter:drop-shadow(0 0 7px #4feeff);transform:translateY(-8%)}.jar-button.selected:after{bottom:-8%;left:25%;width:50%;height:3%;background:#85f6ff;box-shadow:0 0 10px #00dcff}.jar-button:focus-visible{outline:3px solid #ffe878;box-shadow:none;outline-offset:2px}.jar-button.receiving{filter:drop-shadow(0 0 8px #47defb66)}.jar-id{display:none}.loading-note{background:#123c50;border:1px solid #ffffff29;border-radius:18px;color:#fff}
.paper-footer{padding:0 18px 25px;background:transparent;border:0;border-radius:0;text-align:center;z-index:5}.paper-footer:before{display:none}.instruction{font-size:16px;color:#ecfaff}.subinstruction{font-size:12px;color:#bdd9e3;margin:0 auto 22px;max-width:360px}.tools{gap:12px}.wood-button,.paper-button,.primary-button{min-height:54px;border-radius:17px;padding:10px 18px;font-size:13px;font-weight:900;border:1px solid #98e2f15c;background:linear-gradient(#287b95,#10506c);box-shadow:inset 0 2px 0 #b0f1ff4d,0 4px 0 #03182c,0 8px 14px #0003;text-shadow:0 1px 1px #031d36;color:#fff}.wood-button{background:linear-gradient(#ffd773,#e89923);border-color:#ffe195;color:#493211;text-shadow:0 1px 0 #ffeaae;box-shadow:inset 0 2px 0 #fff4c4a8,0 4px 0 #7d4a17,0 8px 14px #0003}.primary-button{background:linear-gradient(#98d950,#4f982c);border-color:#c7ed82;color:#fffde8;box-shadow:inset 0 2px 0 #e1ffb066,0 4px 0 #285916,0 8px 14px #0003;text-shadow:0 1px 2px #244715}.sound-button{min-width:64px;flex-direction:column;font-size:10px;gap:3px;padding:7px 11px}.sound-button svg{width:21px;height:21px}.page-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:19px 8px 24px;font-size:10px;color:#a5c1cd;line-height:1.6}.page-footer span{display:block}.page-footer span+span{display:none}.studio-link{font-size:11px;min-height:32px;color:#d8ecf4;text-underline-offset:4px}.solved-panel h2{font-size:32px;color:#ffdb75;text-shadow:0 2px 0 #885426}.solved-panel p:not(.solved-flower){color:#c3e1e9}.solved-flower{color:var(--gold)}.solved-mode .tools{border:0;padding-bottom:0}
dialog{border-color:#74c0d18a;background:linear-gradient(145deg,#174c63,#092c44);box-shadow:0 25px 90px #0009;color:#effaff}dialog::backdrop{background:#021626b5}dialog h2{color:#ffdd8d}.eyebrow{color:#abd3df}.setting,.how-to{border-color:#ffffff29}.setting small,.how-to{color:#bdd7df}.setting input{accent-color:#8ed65b}.danger{color:#ffc597}.chapter{border-color:#ffffff29;background:#174258}.chapter summary small{color:#b4d2dc}.puzzle-grid button{background:linear-gradient(#28647a,#163d55);border-color:#75afbd5c;border-radius:12px;font-size:13px;min-height:48px}.puzzle-grid button.earned{background:linear-gradient(#528a56,#245c41);border-color:#89bd77}.puzzle-grid button.current{outline-color:#ffdc77;background:#31677c}.empty-chapter{color:#bbd5df}
.entrance{position:fixed;inset:0;z-index:30;overflow:hidden;background:#113848;display:flex;align-items:center;flex-direction:column;justify-content:space-between;min-height:100svh}.workshop-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;z-index:-2}.entrance:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#032a393d,transparent 37%,transparent 60%,#032733d9)}.entrance-back{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;text-decoration:none;font-weight:900;font-size:12px;padding:9px 14px;border:1px solid #f8e9bf75;background:#082d45b8;border-radius:24px;min-height:38px;display:flex;align-items:center;box-shadow:0 3px 7px #0003}.entrance-title{text-align:center;padding:70px 20px 0;text-shadow:0 2px 3px #073b48}.entrance-title>p:first-child{font-size:10px;letter-spacing:3px;font-weight:900;margin-bottom:6px;color:#fff4c9}.entrance-title h1{font-size:clamp(58px,12vw,96px);line-height:.78;letter-spacing:-2px;color:#fff7d2;font-weight:800;margin:14px 0 18px;text-shadow:0 3px 0 #9d5b21,0 6px 0 #66361c,0 10px 18px #122e4c99;-webkit-text-stroke:1px #ffe9a0}.entrance-title h1 span{display:block;color:#ffce4d;font-size:1.2em;margin-top:6px}.entrance-tagline{font-size:12px;font-weight:900;color:#fff8e6;max-width:300px;margin:0 auto;text-shadow:0 2px 4px #061829}.entrance-actions{width:min(100%,380px);padding:0 25px max(22px,env(safe-area-inset-bottom));text-align:center}.play-button{width:100%;min-height:66px;border:2px solid #ebffa8;border-radius:24px;background:linear-gradient(#c1ed65 0,#8cce3f 48%,#6fac26 49%,#83be36 95%);box-shadow:inset 0 3px 0 #f0ffc385,0 6px 0 #375e1d,0 10px 25px #00252999;color:#fffceb;text-shadow:0 2px 0 #436620;font-family:Baloo,Georgia,serif;font-size:34px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:25px}.play-button span{font-size:21px}.play-button:hover{filter:brightness(1.08)}#menu-progress{font-size:12px;font-weight:900;color:#fff6d8;margin:16px 0 7px}.free-play-note{font-size:10px;color:#d3e8e5;margin:0}.entrance:not([hidden])~.game-shell{visibility:hidden}
@media(min-width:900px) and (min-height:600px){.entrance{left:calc(50% - 350px);right:calc(50% - 350px);box-shadow:0 0 0 100vmax #072637,0 0 120px #0008}.entrance-title{padding-top:75px}.entrance-title h1{font-size:83px}.workshop-art{object-position:center 64%}}
@media(max-width:480px){.game-shell{padding:0 10px}.masthead{height:58px}.game-card{border-radius:23px}.scene-heading{padding-top:8px}.scene-heading h1{font-size:27px}.scene{margin-top:-2px}.paper-footer{padding:0 12px 20px}.instruction{font-size:14px}.subinstruction{font-size:11px;margin-bottom:17px}.tools{gap:9px}.wood-button,.paper-button{padding:9px 13px;font-size:12px}.sound-button{font-size:9px;min-width:59px;padding:6px 9px}.page-footer{padding-top:12px}.entrance-title{padding-top:77px}.entrance-title h1{font-size:65px}.entrance-tagline{font-size:11px}}
@media(max-height:540px) and (min-width:600px){.game-shell{width:100%;max-width:1100px;padding:0 10px}.masthead{height:40px}.round-button,.home-button{min-height:32px;min-width:35px;width:auto;height:32px;border-radius:11px}.home-button{font-size:26px}.brand{font-size:9px}.brand small{display:none}.game-card{height:calc(100svh - 78px);display:grid;grid-template-columns:calc(100svh - 80px) 1fr;grid-template-rows:88px 1fr;border-radius:22px}.scene{grid-column:1;grid-row:1/3;width:100%;height:100%;aspect-ratio:1;margin:0;border-radius:0}.scene-heading{grid-column:2;grid-row:1;padding:4px}.scene-heading h1{font-size:24px;margin:0 auto 3px}.chapter-link{min-height:29px}.level-detail{font-size:8px}.paper-footer{grid-column:2;grid-row:2;padding:5px 15px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:0;border-radius:0}.subinstruction{margin:0 0 12px;font-size:11px}.instruction{font-size:14px}.tools{gap:10px}.wood-button,.paper-button{min-height:45px;padding:8px 12px;font-size:12px}.sound-button{font-size:9px;padding:4px 10px}.page-footer{height:38px;padding:3px 0;align-items:center;line-height:1}.studio-link{min-height:30px}.solved-panel{padding-top:8px}.solved-flower{display:none}.solved-panel h2{font-size:24px}.solved-panel p:not(.solved-flower){font-size:11px;margin-bottom:7px}.solved-actions{flex-direction:row;gap:10px}.solved-actions .primary-button{min-height:42px;font-size:11px;padding:5px 13px}.solved-actions .text-button{font-size:10px;min-height:40px}.entrance{align-items:flex-start;justify-content:center}.workshop-art{object-position:center 65%;width:58%;left:42%}.entrance:after{background:linear-gradient(90deg,#092f40 30%,#092f4010 80%)}.entrance-title{width:48%;padding:20px 15px 0}.entrance-title h1{font-size:52px}.entrance-tagline{display:none}.entrance-actions{width:48%;padding:15px 45px 10px}.play-button{min-height:52px;font-size:28px}.entrance-back{top:9px;left:10px;font-size:10px;padding:6px 10px;min-height:30px}#menu-progress{margin-top:12px;font-size:10px}.free-play-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}