:root{--ink:#fff0c8;--paper:#113932;--line:#bc9b6099;--gold:#edc16f;--c0:#f2967c;--c1:#f4d565;--c2:#76d7e4;--c3:#b9df87;--c4:#efa9cc;--c5:#bac0f4;color-scheme:dark;background:#092929}
body{background:radial-gradient(ellipse at 50% 5%,#3c6751,transparent 55%),radial-gradient(ellipse at 12% 80%,#123e39,transparent 60%),#092929}
button{color:#fff0c8;background:linear-gradient(#3b6957,#1b433a);border-color:#bba26999;box-shadow:inset 0 1px #ffe9ac38,0 3px #051f21;border-radius:14px}
button:hover:enabled{background:linear-gradient(#527d63,#285647)}
button:disabled{opacity:.62}
button:focus-visible,a:focus-visible{outline-color:#fff0b7}
button.primary{background:linear-gradient(#ffe49f,#e5af4f);border-color:#ffe9b8;box-shadow:inset 0 2px #fff2c985,0 4px #8f662c;color:#34402a}
button.primary:hover:enabled{background:linear-gradient(#fff0ba,#edc16f)}
button.text-button{color:#d5dfb9;box-shadow:none}
.masthead{padding-block:18px}
.wordmark{color:#cadbbd}.wordmark strong{color:#ffe4a5;text-shadow:0 2px #72582e}
.brand-mark{border-color:#d9bd80;background:linear-gradient(#46745d,#163f36);color:#ffe4a7;border-radius:12px 12px 22px 22px;box-shadow:inset 0 0 0 3px #d2b77e22}
.utilities button{background:linear-gradient(#386654,#183e36)}
.home-hero{background:linear-gradient(135deg,#315a46,#153b32);border:1px solid #c7a565;border-radius:52px 52px 24px 24px;box-shadow:0 14px 35px #001b2066}
.hero-copy .eyebrow{color:#dac48a}.hero-copy h1{color:#ffe7b1;text-shadow:0 2px #6e522b}.hero-copy>p:not(.eyebrow){color:#d2e0c4}
.hero-art{background-position:center 25%;box-shadow:inset 0 0 50px #092d3266}
.paper-seal{background:linear-gradient(#fff0c4,#e8c582);border:2px solid #c2a05e;border-radius:14px;box-shadow:0 5px 15px #071c2780;color:#2a4835}
.back-to-orchard{display:flex;align-items:center;min-height:44px;width:fit-content;margin-top:8px;color:#dce7c5;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:800}
.collection-heading h2{color:#ffe7b1}.collection-heading .eyebrow{color:#c0d3b9}.collection-heading>p{color:#ddc385}
.level-card{background:linear-gradient(135deg,#426b52,#1f483b);border-color:#cfb37780;box-shadow:inset 0 1px #e7dab422,0 4px #061f20;gap:14px}
.level-card:disabled{color:#bdc8b4;background:linear-gradient(#263f37,#162e2a);border:1px solid #81917e66;box-shadow:0 3px #061f20}
.card-number{display:grid;place-items:center;width:40px;height:40px;border:2px solid #ffe4a580;border-radius:50%;font-size:24px;background:linear-gradient(#dfbd7c,#a47737);color:#293e2d;box-shadow:0 2px 5px #092328}
.level-card:disabled .card-number{background:linear-gradient(#617665,#344d42);border-color:#aabb9477;color:#d4deca}
.card-title{color:#fff0c8}.level-card:disabled .card-title{color:#c5ceb9}.card-detail{color:#d0dcbd}.level-card:disabled .card-detail{color:#adbfa9}
.home-note{color:#a7c1aa}
.challenge-heading .eyebrow{color:#bdcfae}.challenge-heading h1{color:#ffe4a3;text-shadow:0 2px #4d492a}
.workbench{border:3px solid #d2af70;border-radius:23px;box-shadow:0 5px #76582d,inset 0 0 45px #092e2655,0 15px 25px #031a2066}
.bench-label{background:linear-gradient(90deg,transparent,#103b30dd 22%,#103b30dd 78%,transparent);border-block:1px solid #cdb27955;border-radius:0;color:#f5d59a;padding-block:8px}
.glass{border-color:#c4f4eadb;border-top-color:#f2fff3;border-radius:7px 7px 20px 20px;background:linear-gradient(90deg,#d5ffff4a,#082e301a 24%,#2b73591c 65%,#dcfff861);box-shadow:inset 6px 0 9px #e4ffed44,inset -5px 0 8px #e2fff92e,0 4px 0 #031f2433,4px 8px 10px #001e236e}
.glass::before{content:'';position:absolute;inset:-9px -4px auto;height:12px;border:2px solid #edfff1;border-radius:50%;background:linear-gradient(#73a5a082,#b4e4d655);box-shadow:0 1px 4px #dbfff56b;pointer-events:none;z-index:2}
.glass::after{border-left:3px solid #ffffffaa;inset:5px 4px 10px 3px}
.unit.filled{color:#123d35;font-weight:900;background:linear-gradient(100deg,#ffffff77,transparent 23%,transparent 67%,#003c352b),var(--liquid);border-top:1px solid #ffffffb0;text-shadow:0 1px #ffffff66}
.unit::before{color:#fff1bf;text-shadow:0 1px 3px #001b20,0 0 4px #001b20}
.jar-label{background:linear-gradient(#28533fff,#10392fff);border-color:#dec28a88;box-shadow:0 2px 5px #001d2399;color:#dfecd2}
.jar-label strong{color:#ffe6a5}.jar.done .jar-label{background:linear-gradient(#fff0bf,#d8c082);color:#163d31}
.jar[aria-pressed=true] .glass{filter:drop-shadow(0 0 7px #f8dda0)}
.jar.can-pour .glass{border-color:#ffe5a5;box-shadow:0 0 0 3px #fff1a54d,inset 5px 0 7px #e3fff459}
.board-status{color:#f1e6bd}
.recipe{border-color:#b6ad7155}.recipe h2{color:#ffe5ad}.recipe>p:not(.eyebrow){color:#c5d9c3}.recipe .eyebrow{color:#c8b77f}.recipe .unit-note{color:#acc7b2}
.attempt{color:#b5cdb5}.attempt span:first-child{color:#e8d6aa}footer{color:#93b89f}
dialog:not([data-kind="win"]){background:radial-gradient(ellipse at top,#335b48,#143c34);border:2px solid #c6a66e;color:#f6e8c1;box-shadow:0 20px 80px #001921aa}
dialog:not([data-kind="win"]) h2{color:#ffe0a2}
dialog[data-kind="win"]{color:#173d35}
dialog::backdrop{background:#061f24ba;backdrop-filter:blur(7px)}
.save-banner{color:#3e331a;background:#f2d8a0}.save-banner button{color:#fff0c8}
@media(max-width:720px){.home-hero{border-radius:36px 36px 20px 20px}.hero-art{grid-row:1;min-height:0;height:clamp(140px,22dvh,210px);background-position:center 18%}.hero-copy{padding:20px}.hero-copy h1{font-size:clamp(31px,8vw,43px);margin-bottom:10px}.hero-copy .eyebrow{margin-bottom:10px;font-size:9px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;margin-bottom:14px}.masthead{padding-block:13px}.card-number{width:38px;height:38px}.workbench{border-width:3px}}
@media(orientation:landscape) and (max-height:520px){.masthead{padding-block:7px}.hero-art{min-height:310px}.back-to-orchard{font-size:12px}.level-card{gap:8px}.card-number{width:29px;height:29px;font-size:19px}.glass::before{inset:-7px -3px auto;height:9px}.workbench{border-radius:18px}}