:root{--ink:#fff8ef;--ink-dim:#fff8efb3;--panel:#22182c9e;--panel-solid:#1e1628eb;--accent:#ffd36b;--leaf:#9be37a;--bad:#ff8a7a}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#1a1424;margin:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}#hud{pointer-events:none;position:fixed;inset:0}.ico{color:var(--accent)}#pollen-box{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:10px 16px;position:absolute;top:16px;left:16px}#pollen{align-items:center;gap:8px;font-size:30px;font-weight:600;display:flex}#pollen.pulse{animation:.25s ease-out pulse}@keyframes pulse{0%{transform:scale(1.08)}}#honey{align-items:center;gap:8px;font-size:22px;font-weight:600;display:flex}#honey.pulse{animation:.25s ease-out pulse}.i-honey,.i-seed{vertical-align:-.16em;background:50%/contain no-repeat;width:1.05em;height:1.05em;font-style:normal;display:inline-block}.i-honey{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.2 9.5h11.6c1.6 1.9 2.4 4 2.2 6.3C19.7 19.6 16.4 22 12 22s-7.7-2.4-8-6.2c-.2-2.3.6-4.4 2.2-6.3z' fill='%23e39a2d'/><path d='M7.5 12.5c-.9 1.3-1.3 2.7-1.1 4' stroke='%23ffd27a' stroke-width='1.4' fill='none' stroke-linecap='round'/><rect x='5' y='6.6' width='14' height='3.4' rx='1.4' fill='%23b8642a'/><path d='M7 6.8C7 4.4 9 3 12 3s5 1.4 5 3.8z' fill='%23f4dfb0'/><path d='M10 9.8v3.4a1.3 1.3 0 0 0 2.6 0V9.8z' fill='%23ffc93a'/></svg>")}.i-seed{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g transform='rotate(28 12 12)'><path d='M12 2c-4.6 4.6-5.8 9.5-5.4 13.3C7 19.4 9.3 22 12 22s5-2.6 5.4-6.7C17.8 11.5 16.6 6.6 12 2z' fill='%23a86a35'/><path d='M12 5c-.9 4.2-1.1 9-.4 14.5' stroke='%23efcf98' stroke-width='1.5' fill='none' stroke-linecap='round'/><path d='M9.2 10c-.6 2.4-.6 4.7-.1 7' stroke='%236e4220' stroke-width='1' fill='none' stroke-linecap='round' opacity='.55'/></g></svg>")}#mult{color:var(--ink-dim);font-size:13px}#planet-pct{color:var(--ink-dim);margin-top:7px;font-size:12px}#planet-pct b{color:var(--leaf);font-weight:600}#glade-box{background:var(--panel);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;min-width:260px;padding:8px 18px 12px;position:absolute;top:58px;left:50%;transform:translate(-50%)}#glade-name{font-size:18px;font-weight:500}#glade-meta{color:var(--ink-dim);margin-bottom:6px;font-size:13px}.bar{background:#ffffff26;border-radius:6px;height:8px;position:relative;overflow:hidden}#glade-bar{background:linear-gradient(90deg,#7fd36a,#d6ff8a);width:0%;height:100%;transition:width .3s}.bar-mark{background:#ffffffb3;width:2px;position:absolute;top:0;bottom:0;left:90%}#crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #00000080}#hint{color:var(--bad);text-shadow:0 1px 3px #000000b3;white-space:nowrap;font-size:15px;position:absolute;top:calc(50% + 28px);left:50%;transform:translate(-50%)}#toast{text-align:center;text-shadow:0 2px 6px #0009;opacity:0;max-width:90vw;font-size:20px;transition:opacity .4s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#toast.big{color:var(--leaf);font-size:30px;font-weight:600}#hotbar{gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.slot{background:var(--panel);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #0000;border-radius:12px;width:104px;padding:8px 6px;font-size:14px}.slot .k{color:var(--ink-dim);font-size:11px}.slot.active{border-color:var(--accent)}.slot.locked{opacity:.45}#keys{color:var(--ink-dim);white-space:nowrap;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#shop,#rings,#travel,#start{background:#140c1e73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hidden{display:none!important}.shop-inner,.start-inner{background:var(--panel-solid);border-radius:20px;width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);padding:22px 26px;overflow:auto}.shop-head{justify-content:space-between;align-items:center;font-size:22px;display:flex}.shop-head h2{margin:0}h3{color:var(--ink-dim);margin:18px 0 8px;font-weight:500}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.card{background:#ffffff12;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.card .name{font-weight:600}.card .desc{color:var(--ink-dim);flex:1;font-size:13px}button{font:inherit;background:var(--leaf);color:#1d2b14;cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-weight:600}button:disabled{color:var(--ink-dim);cursor:default;background:#ffffff26}.shop-foot{color:var(--ink-dim);justify-content:space-between;align-items:center;margin-top:18px;font-size:13px;display:flex}.ring-row{background:#ffffff12;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.ring-info{flex:1;min-width:0}.ring-row .name{font-weight:600}.ring-row .desc{color:var(--ink-dim);font-size:13px}.ring-row .ok{color:var(--leaf)}.ring-row .warn{color:#ffb36b}button.remove{color:var(--bad);border:1px solid var(--bad);white-space:nowrap;background:0 0}#reset{color:var(--bad);border:1px solid var(--bad);background:0 0}.start-inner{text-align:center;width:min(560px,100vw - 32px)}.start-inner h1{color:var(--leaf);margin:0 0 8px;font-size:48px}.start-inner p{color:var(--ink-dim);line-height:1.5}.start-inner .small{font-size:13px}#play{margin:8px 0;padding:12px 28px;font-size:20px}.dim{color:var(--ink-dim)}.small{font-size:13px}#seeds{margin-top:6px;font-size:18px;font-weight:500}.seedbar{height:5px;margin-top:4px}#seeds-bar{background:linear-gradient(90deg,#c98a4b,#f0c27a);width:100%;height:100%}#seeds.low{color:var(--bad);animation:1s infinite blink}@keyframes blink{50%{opacity:.55}}#mount-seeds{color:var(--ink-dim);margin-top:4px;font-size:13px}#station{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:6px 14px;font-size:15px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#station:empty{display:none}#compass{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;width:560px;max-width:calc(100vw - 32px);height:38px;position:absolute;top:10px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}#compass:after{content:"";background:var(--accent);width:2px;height:7px;margin-left:-1px;position:absolute;top:0;left:50%}#compass-strip{position:absolute;inset:0}#compass-strip span{white-space:nowrap;position:absolute;top:50%;transform:translate(-50%,-50%)}.cp-card{color:var(--ink-dim);font-size:13px;font-weight:600}.cp-card.n{color:#ff9e9e}.cp-tick{background:#ffffff40;width:1px;height:8px}.cp-mark{font-size:15px;line-height:1}.cp-mark em{color:var(--ink);margin-left:4px;font-size:11px;font-style:normal}.cp-mark.home{color:#ffd36b;z-index:2;font-size:18px}.cp-mark.stone{color:#8fe8ff}.cp-mark.den{color:#ffa02b;font-size:11px}#build{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;min-width:300px;padding:10px 14px;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.build-head{margin-bottom:6px;font-size:13px}.build-opt{align-items:center;gap:10px;padding:4px 0;display:flex}.build-opt .k{text-align:center;background:#ffffff26;border-radius:6px;width:20px;font-size:13px;display:inline-block}.build-opt .cost{color:var(--ink-dim);margin-left:auto;font-size:13px}.build-opt.no{opacity:.5}#flash{opacity:0;pointer-events:none;background:#dff8ff;position:fixed;inset:0}#flash.go{animation:.7s ease-out flash}@keyframes flash{0%{opacity:.85}}
