:root{font-family:Arial,Helvetica,sans-serif;color:#24392e;background:#f5f4ed;font-size:16px;--green:#174d3a;--gold:#ffce59;--brown:#53351e}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc771b;outline-offset:4px}header{max-width:1440px;margin:auto;padding:26px 4%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:var(--brown);text-decoration:none;font-family:Georgia,serif;font-size:27px;font-weight:bold}.brandmark{color:#b8791d;font-size:34px}.brand small{display:block;font:12px Arial,sans-serif;letter-spacing:1px;margin-top:5px;color:#566454}.shop{font-size:14px;color:var(--green);text-decoration:none;border:1px solid #c5cdc1;border-radius:30px;padding:12px 19px}main{max-width:1360px;margin:0 auto 30px;display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #dce1d6;border-radius:28px;overflow:hidden;background:white;box-shadow:0 20px 55px #294b2810}.world{position:relative;background:#dcead8;min-width:0}.world-title{position:absolute;z-index:2;top:32px;left:34px;pointer-events:none;text-shadow:0 1px 8px #ffffffbb}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.8px}h1{font:44px/1.1 Georgia,serif;letter-spacing:-1px;margin:12px 0}p{line-height:1.5}.world-title p{font-size:16px;margin:0}.map{height:760px;position:relative;overflow:hidden}.map>img{height:100%;width:100%;object-fit:cover;display:block}.place{position:absolute;z-index:2;border:1px solid #fff8;border-radius:24px;padding:9px 13px 9px 7px;background:#ffffffed;box-shadow:0 5px 18px #123f3433;color:var(--green);font-size:14px;font-weight:bold;transition:transform .2s}.place:hover{transform:translateY(-4px)}.place span{display:inline-grid;place-items:center;border-radius:50%;background:var(--green);color:white;font-size:12px;width:28px;height:28px;margin-right:5px}.flowers{left:5%;top:72%}.hive{right:5%;top:47%}.house{left:7%;top:36%}.store{right:4%;top:82%}.map-note{position:absolute;bottom:18px;left:10%;width:80%;text-align:center;background:#164333de;color:white;padding:12px;border-radius:30px;font-size:13px}.journey{padding:36px 38px;min-width:0}.game-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#70806d}.text-button{border:0;background:none;font-size:13px;color:#68796c;white-space:nowrap;padding:8px}h2{font:36px/1.12 Georgia,serif;letter-spacing:-.5px;margin:18px 0 12px}.intro{color:#6a7768;margin:0 0 26px}.steps{display:flex;list-style:none;margin:0 0 28px;padding:0;gap:6px;counter-reset:step}.steps li{flex:1;font-size:12px;color:#798478;border-top:4px solid #e8ede4;padding-top:10px;white-space:nowrap}.steps li.active{border-color:#efb43e;color:#46351e;font-weight:bold}.steps li.done{border-color:#2c6d50;color:#2c6d50}#game{min-height:406px}.stage-meta{font-size:12px;letter-spacing:1.3px;font-weight:bold;color:#997022}.stage-title{font:28px Georgia,serif;margin:10px 0}.stage-desc{color:#64735f;font-size:15px;margin:10px 0 18px;min-height:44px}.flower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.flower{position:relative;background:#f5f7f0;border:1px solid #e1e7d9;border-radius:17px;padding:16px 4px;color:#415339;transition:transform .2s}.flower:hover{transform:translateY(-3px)}.flower .emoji{display:block;font-size:38px;margin-bottom:8px}.flower small{font-size:13px}.flower.collected{background:#e7f1de;border-color:#8db27e}.flower.collected:after{content:'✓';position:absolute;right:8px;top:7px;color:#2b6a41;font-weight:bold}.flower:disabled{cursor:default;opacity:.85}.meter-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}.meter{height:8px;background:#edf0e6;border-radius:10px;overflow:hidden;margin-bottom:22px}.meter>div{height:100%;background:#e8b137;border-radius:10px;transition:width .4s}.primary{border:0;background:var(--green);border-radius:15px;color:white;font-weight:bold;padding:17px 20px;width:100%;text-align:center;display:block;text-decoration:none}.primary:disabled{opacity:.42;cursor:default}.primary:hover:not(:disabled){background:#236647}.fact{border-left:3px solid #e9c265;background:#faf8ed;padding:14px 16px;font-size:14px;line-height:1.55;margin:18px 0}.footnote{display:flex;gap:8px;font-size:12px;color:#798573;line-height:1.5;margin-top:24px}.footnote span{color:#c89934}.big-symbol{font-size:76px;text-align:center;margin:18px 0;line-height:1.4}.choice{display:block;width:100%;text-align:left;background:#f6f8f1;border:1px solid #dce4d5;border-radius:13px;padding:14px;margin:10px 0;color:#31462d;font-size:15px}.choice:hover{background:#edf2e5}.choice.correct{border-color:#39895b;background:#e7f3e9}.feedback{font-size:14px;color:#476244;min-height:24px;line-height:1.5}.centr{text-align:center}.badge{display:inline-block;background:#f7e8b6;color:#7b5319;padding:7px 14px;border-radius:30px;font-size:13px}.secondary{width:100%;background:white;border:1px solid #c6d3c0;border-radius:14px;padding:13px;color:var(--green);margin-top:10px}.spin{animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{max-width:1360px;margin:0 auto 25px;display:flex;justify-content:space-between;font-size:12px;color:#7a8476;padding:0 12px}dialog{border:0;border-radius:24px;padding:34px;max-width:460px;width:calc(100% - 32px);color:#24392e;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#09271e88;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{font-size:16px;color:#60705b}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;color:#52624d}.info-icon{font-size:44px}dialog .primary{margin-top:24px}.recipe{padding:12px;background:#f5f4e8;border-radius:12px}@media(min-width:1500px){main{margin-top:15px}}@media(max-width:1100px){main{margin:0 20px 24px}.journey{padding:28px 24px}.map{height:790px}.world-title{left:22px}h1{font-size:37px}.game-top .eyebrow{font-size:10px}}@media(max-width:760px){header{padding:17px 19px}.brand{font-size:23px}.brand small{font-size:10px;letter-spacing:.5px}.shop{font-size:13px;padding:10px 12px}.brandmark{font-size:27px}main{display:flex;flex-direction:column;margin:0 12px 20px;border-radius:22px}.map{height:490px}.map>img{object-position:center 58%}.world-title{top:24px;left:22px}h1{font-size:36px;margin:8px 0}.world-title p{font-size:14px}.eyebrow{font-size:10px}.house{top:38%;left:4%}.hive{top:51%;right:3%}.flowers{top:71%;left:3%}.store{top:80%;right:3%}.place{font-size:12px;padding:6px 9px 6px 5px}.place span{width:23px;height:23px;font-size:11px}.map-note{font-size:11px;bottom:12px;padding:8px;left:6%;width:88%}.journey{padding:26px 21px}.journey h2{font-size:33px}.intro{font-size:15px;margin-bottom:20px}.steps{margin-bottom:24px}.steps li{font-size:11px}.flower{padding:14px 3px}.flower .emoji{font-size:35px}#game{min-height:0}.footnote{font-size:12px}.desktop{display:none}footer{display:block;text-align:center;line-height:1.8}footer span{display:block}.stage-desc{min-height:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.world-title{background:#f6f8e9ed;border:1px solid #ffffffc9;border-radius:18px;padding:18px 22px;box-shadow:0 5px 25px #173f2810;top:22px;left:22px;right:22px;width:fit-content;max-width:calc(100% - 44px)}.stage-desc{font-size:16px}.flowers{top:76%}.house{top:33%}.hive{top:43%}.store{top:68%}@media(max-width:760px){.world-title{padding:13px 16px;top:16px;left:16px;max-width:calc(100% - 32px)}.world-title h1{font-size:30px}.world-title p{font-size:14px}.house{top:36%}.hive{top:46%}.flowers{top:76%}.store{top:64%}.intro,.stage-desc{font-size:16px}}
.comb-scene{width:100%;max-width:380px;margin:10px auto 20px}.comb-scene img{display:block;width:100%;height:auto;max-height:250px;object-fit:contain}.extractor-scene{position:relative;width:min(100%,310px);aspect-ratio:1;margin:0 auto 18px}.extractor-body{display:block;width:100%;height:100%;object-fit:contain}.crank-plane{position:absolute;width:46%;height:46%;left:27%;top:7%;transform:scaleY(.58);pointer-events:none}.crank-plane img{display:block;width:100%;height:100%;transform-origin:50% 50%;object-fit:contain}@media(max-width:760px){.comb-scene{max-width:300px}.comb-scene img{max-height:215px}.extractor-scene{width:min(100%,270px)}}
.comb-scene img{border-radius:16px}.crank-plane{width:42%;height:42%;left:28%;top:-8.2%}.extractor-scene{margin-top:18px}
.crank-plane{width:36%;height:36%;left:32%;top:-15.3%;transform-origin:50% 79%;transform:scaleY(.58)}.crank-plane img{transform-origin:50% 79%;transform:rotate(90deg)}
/* The still machine stays in place; a clipped view of its four frames rotates in the opening. */
.rotor-window{position:absolute;z-index:1;left:14%;top:6.3%;width:72%;height:26%;border-radius:50%;overflow:hidden;transform:perspective(400px) rotateX(10deg);pointer-events:none;box-shadow:inset 0 2px 8px #33210c99}
.rotor{position:absolute;width:100%;height:100%;transform-origin:50% 50%}
.rotor img{position:absolute;max-width:none;width:139%;height:auto;left:-19.5%;top:-14%;object-fit:contain}
.crank-plane{z-index:3}
.honey-stream{position:absolute;z-index:4;top:69.8%;left:48.8%;width:2.7%;height:25%;border-radius:6px 6px 45% 45%;background:linear-gradient(90deg,#ad590c 0%,#e79b19 25%,#fff3a8 53%,#da7c09 76%,#904000 100%);box-shadow:0 0 5px #a64b0780;transform:scaleY(0);transform-origin:top;opacity:0;pointer-events:none}
.honey-stream::after{content:"";position:absolute;left:-10%;bottom:-2px;width:120%;height:12px;border-radius:50%;background:#dd900e;box-shadow:inset 2px 2px 3px #f8cb54}
.honey-stream.flowing{opacity:1;animation:honey-pour 1.1s ease-in-out both}
@keyframes honey-pour{0%{transform:scaleY(0);opacity:0}13%{transform:scaleY(.3);opacity:1}42%,78%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.08);opacity:0}}
@media(prefers-reduced-motion:reduce){.honey-stream.flowing{animation:honey-pour .1s both}}