:root{--cream: #fff8ea;--ink: #3b2a1a;--ink-soft: #6b5640;--accent: #ff9a1f;--accent-dark: #c96a00;--red: #d7263d;--panel: rgba(255, 248, 234, .94);--shadow: 0 6px 0 rgba(59, 42, 26, .25), 0 12px 30px rgba(0, 0, 0, .2)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#fde9c9;font-family:Fredoka,system-ui,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none}#game,#game canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#game canvas{cursor:grab;touch-action:none}#game canvas:active{cursor:grabbing}.hidden{display:none!important}button{font:inherit;font-weight:600;font-size:20px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);border-radius:14px;padding:10px 26px;box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s,background .15s}button:hover,button:focus-visible{background:#ffe2b0;outline:none}button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}#hud{position:fixed;top:16px;right:16px;bottom:16px;left:16px;pointer-events:none}.counters{display:flex;gap:10px;flex-wrap:wrap}.counter{display:flex;align-items:center;gap:6px;background:var(--panel);border:3px solid var(--ink);border-radius:999px;padding:4px 14px 4px 8px;font-size:22px;box-shadow:0 3px 0 var(--ink)}.counter b{font-weight:700}.counter small{color:var(--ink-soft);font-size:16px}.counter.bump{animation:bump .35s}@keyframes bump{40%{transform:scale(1.18)}}.gem-icon{width:20px;height:24px;display:inline-block;background:linear-gradient(135deg,#a5ffd9,#14e89a 50%,#0a8f5c);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%)}#hearts{gap:3px;padding:4px 10px}.heart{width:24px;height:22px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 20.5S3.5 15.4 1.6 10.2C.3 6.6 2.4 2.6 6 2.3c2.4-.2 4.2 1.1 6 3.3 1.8-2.2 3.6-3.5 6-3.3 3.6.3 5.7 4.3 4.4 7.9C20.5 15.4 12 20.5 12 20.5z' fill='%23e63946' stroke='%233b2a1a' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.heart.empty{filter:grayscale(1) brightness(1.6);opacity:.55}.acorn-icon{width:20px;height:24px;display:inline-block;position:relative;background:#b8742f;border-radius:45% 45% 50% 50%/30% 30% 70% 70%;margin-top:4px}.acorn-icon:before{content:"";position:absolute;left:-2px;right:-2px;top:-4px;height:10px;background:#6b4423;border-radius:10px 10px 4px 4px}.objective{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:3px solid var(--ink);border-radius:12px;padding:6px 12px;font-size:17px;max-width:min(460px,calc(100vw - 32px));box-shadow:0 3px 0 var(--ink)}.objective .label{background:var(--accent);color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;padding:2px 6px}.objective.flash{animation:bump .5s}.level-name{position:absolute;top:0;right:0;font-size:18px;font-weight:600;color:#fff;text-shadow:0 2px 0 rgba(59,42,26,.6)}#minimap{position:absolute;top:32px;right:0;width:172px;height:172px;border-radius:50%;box-shadow:0 3px 0 var(--ink)}#prompt{position:fixed;left:50%;bottom:40px;transform:translate(-50%);background:var(--panel);border:3px solid var(--ink);border-radius:999px;padding:6px 18px 6px 8px;font-size:20px;display:flex;gap:10px;align-items:center;box-shadow:0 3px 0 var(--ink);pointer-events:none}kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;background:var(--ink);color:var(--cream);border-radius:8px;font:inherit;font-weight:700;font-size:16px}#toasts{position:fixed;z-index:6;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:8px 16px;font-size:19px;font-weight:600;box-shadow:0 3px 0 var(--ink);animation:toast-in .3s ease-out,toast-out .4s ease-in forwards;animation-delay:0s,var(--life, 2.6s);max-width:min(520px,calc(100vw - 32px));text-align:center}.toast small{display:block;font-weight:400;font-size:15px;color:var(--ink-soft)}@keyframes toast-in{0%{transform:translateY(-20px) scale(.9);opacity:0}}@keyframes toast-out{to{transform:translateY(-10px);opacity:0}}#dialogue{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(760px,calc(100vw - 32px));min-height:130px;background:var(--panel);border:4px solid var(--ink);border-radius:22px;padding:26px 26px 20px;box-shadow:var(--shadow);font-size:21px;line-height:1.4}#dialogue .name{position:absolute;top:-20px;left:22px;background:var(--accent);color:#fff;border:3px solid var(--ink);border-radius:12px;padding:2px 14px;font-weight:700;font-size:19px}#dialogue .name:empty{display:none}#dialogue .more{position:absolute;right:20px;bottom:10px;animation:nudge .8s infinite;color:var(--accent-dark)}@keyframes nudge{50%{transform:translateY(4px)}}#dialogue .choices{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}#dialogue .choices li{padding:4px 12px;border-radius:10px;cursor:pointer;border:2px solid transparent}#dialogue .choices li:before{content:attr(data-n) ". ";color:var(--ink-soft)}#dialogue .choices li.sel{background:#ffe2b0;border-color:var(--ink)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px}#title{background:radial-gradient(ellipse at center,#fff8ea1a,#3b2a1a59);align-content:center}.title-card{text-align:center}.logo{margin:0;font-size:clamp(56px,13vw,128px);font-weight:700;letter-spacing:.02em;line-height:1}.logo span{display:inline-block;color:#ffd43b;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);animation:wobble 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}.logo span:nth-child(-n+4){color:#fff8ea}.logo .sp{width:.35em}@keyframes wobble{50%{transform:translateY(-8px) rotate(-3deg)}}.byline{margin:18px 0 26px;font-size:20px;color:#fff;text-shadow:0 2px 0 rgba(59,42,26,.7);font-style:italic}.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.shelf{margin:30px auto 0;background:var(--panel);border:3px solid var(--ink);border-radius:16px;padding:10px 16px 12px;display:inline-block;box-shadow:0 3px 0 var(--ink)}.shelf-title{font-weight:600;font-size:15px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.shelf-row{display:flex;gap:14px;margin-top:8px}.slot{width:64px;text-align:center;font-size:12px;color:var(--ink-soft)}.slot .duck{display:block;width:38px;height:38px;margin:0 auto 2px;filter:grayscale(1) opacity(.25)}.slot.found .duck{filter:none}.controls{margin-top:18px;color:#fff;text-shadow:0 1px 0 rgba(59,42,26,.8);font-size:15px}.copyright{position:fixed;bottom:10px;left:0;right:0;text-align:center;font-size:13px;color:#ffffffd9;text-shadow:0 1px 0 rgba(0,0,0,.4);margin:0}#pause,#ending{background:#3b2a1a73}.panel{background:var(--panel);border:4px solid var(--ink);border-radius:24px;padding:26px 34px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;align-items:center;min-width:280px;text-align:center}.panel.wide{max-width:560px}.panel h2{margin:0 0 6px;font-size:32px}.panel .controls{color:var(--ink-soft);text-shadow:none;margin:6px 0 0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--accent-dark)}.stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.stat{background:#fff;border:3px solid var(--ink);border-radius:14px;padding:8px 14px;min-width:110px}.stat b{display:block;font-size:26px}.stat span{font-size:14px;color:var(--ink-soft)}.next,.demo{margin:4px 0}.demo{font-weight:600}.row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.credits{font-size:13px;color:var(--ink-soft);margin:8px 0 0}#binoculars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}#binoculars:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#140e08f5;--lens: transparent 0 26vmin, #000 27vmin;mask:radial-gradient(circle at calc(50% - 18vmin) 50%,var(--lens)),radial-gradient(circle at calc(50% + 18vmin) 50%,var(--lens));-webkit-mask-composite:source-in;mask-composite:intersect}#binoculars .cross{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px;border:2px solid rgba(255,248,232,.8);border-radius:50%}#binoculars p{position:absolute;left:0;right:0;bottom:18px;margin:0;text-align:center;color:#fff8e8;font-size:18px}#debug{position:fixed;right:10px;bottom:10px;font:12px ui-monospace,monospace;background:#0009;color:#9f9;padding:6px 8px;border-radius:6px;white-space:pre;pointer-events:none}@media (max-width: 600px){.counter{font-size:18px}#dialogue{font-size:18px;padding:22px 18px 18px}.level-name{display:none}#minimap{top:0;width:116px;height:116px}}.no-webgl{background:var(--panel);border:3px solid var(--ink);border-radius:14px;padding:12px 18px;font-size:18px;max-width:520px;margin:0 auto}#console{position:fixed;top:0;left:0;right:0;z-index:50;background:#0c0e0ce0;color:#b8f5b0;font:14px ui-monospace,Menlo,monospace;padding:8px 12px;border-bottom:2px solid #3a5a36}#console .log{max-height:30vh;overflow-y:auto;white-space:pre-wrap}#console input{width:100%;box-sizing:border-box;margin-top:4px;background:transparent;border:none;outline:none;color:#e8ffe4;font:inherit;caret-color:#b8f5b0}