:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4ed;background:#151a18;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#151a18}button,select{font:inherit}#game{position:fixed;inset:0}#game canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none}.brand{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:10px;background:rgba(18,24,21,.78);border:1px solid rgba(220,245,225,.1);backdrop-filter:blur(12px);border-radius:15px;padding:10px 14px;box-shadow:0 10px 35px rgba(0,0,0,.16)}.brand-mark{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#9cc46c;color:#182018;font-weight:900}.brand b{display:block;font-size:14px;letter-spacing:.01em}.brand span{display:block;color:#9fac9e;font-size:11px;margin-top:1px}.money{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:7px;background:rgba(18,24,21,.78);border:1px solid rgba(220,245,225,.1);backdrop-filter:blur(12px);border-radius:15px;padding:10px 15px}.money span{font-weight:900;color:#dce9a0}.money strong{font-size:20px}.bag{position:absolute;right:18px;bottom:18px;width:235px;background:rgba(18,24,21,.82);border:1px solid rgba(220,245,225,.1);border-radius:15px;padding:12px}.bag>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bag span{color:#aeb8ae}.bag strong{font-size:13px}.bag-track{height:8px;border-radius:99px;background:#2a332d;overflow:hidden}.bag-track i{display:block;height:100%;width:0;background:#a6ca74;border-radius:99px;transition:width .2s}.bag-track i.full{background:#e08c5a}.actions{position:absolute;left:18px;bottom:18px;display:flex;gap:7px;pointer-events:auto}.actions button,.modal button,.panel button{border:0;border-radius:11px;background:#1c2621;color:#e6eee7;padding:9px 12px;cursor:pointer;border:1px solid rgba(255,255,255,.08)}.actions button:hover,.panel button:hover,.modal button:hover{background:#26332b}.actions button:disabled,.panel button:disabled,.modal button:disabled{opacity:.45;cursor:not-allowed}.hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font-size:11px;color:#dfe7df;background:rgba(18,24,21,.68);padding:8px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.08)}.toast-stack{position:absolute;left:50%;top:82px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px}.toast{background:rgba(17,23,20,.92);border:1px solid rgba(166,202,116,.28);padding:9px 13px;border-radius:11px;font-size:12px;box-shadow:0 10px 24px rgba(0,0,0,.16);animation:toast .2s ease}.screen-float{position:fixed;left:50%;top:45%;font-weight:900;font-size:27px;text-shadow:0 3px 18px rgba(0,0,0,.38);animation:float .9s ease forwards;pointer-events:none}.screen-float.money{color:#e1eb9f}.screen-float.leaf{color:#cae5a1;font-size:16px}.screen-float.clean{color:#fff;font-size:15px}@keyframes toast{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes float{0%{opacity:0;transform:translate(-50%,10px) scale(.94)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-55px) scale(1.04)}}.panel{position:fixed;top:18px;left:50%;width:min(520px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;transform:translateX(-50%) translateY(-12px);opacity:0;pointer-events:none;background:rgba(17,23,20,.95);border:1px solid rgba(255,255,255,.08);border-radius:18px;backdrop-filter:blur(18px);padding:17px;box-shadow:0 24px 80px rgba(0,0,0,.3);transition:.18s}.panel.open{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.panel h2{margin:2px 0 0;font-size:24px}.panel h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#94a094;margin:18px 0 8px}.panel-head>button{width:32px;height:32px;padding:0;font-size:20px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#94b56d;font-weight:800}.card{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.07);background:#1a211d;border-radius:13px;padding:11px 12px;margin:7px 0}.card b{display:block;font-size:13px}.card span{display:block;color:#98a399;font-size:10px;line-height:1.35;margin-top:4px}.card-right{display:flex;align-items:center;gap:7px;white-space:nowrap}.card-right strong{font-size:11px;color:#d7e391}.card-right button,.primary{background:#9cc46c!important;color:#172016!important;font-weight:800!important}.small-note,.muted{color:#879289;font-size:11px;line-height:1.5}label{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#1a211d;border-radius:12px;padding:11px 12px;margin:7px 0;font-size:12px}select{background:#232d26;color:#eef4ee;border:1px solid rgba(255,255,255,.08);padding:7px 9px;border-radius:8px}.check{justify-content:flex-start}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.stats div{background:#1a211d;border-radius:12px;padding:11px}.stats b{display:block;font-size:16px}.stats span{display:block;color:#8d988e;font-size:9px;margin-top:3px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:rgba(6,9,8,.45);opacity:0;pointer-events:none;transition:.18s;backdrop-filter:blur(4px)}.modal-backdrop.show{opacity:1;pointer-events:auto}.modal{width:min(430px,calc(100vw - 34px));background:#151c18;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:23px;box-shadow:0 30px 120px rgba(0,0,0,.45)}.modal h2{margin:5px 0 8px;font-size:29px}.modal p{color:#d8e1d8;line-height:1.55}.modal-row{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.secondary{background:#202a24!important}.interaction{position:fixed;left:50%;top:58%;transform:translate(-50%,-50%);display:none;text-align:center;pointer-events:none;text-shadow:0 3px 15px rgba(0,0,0,.6)}.interaction.show{display:block}.interaction b{display:block;font-size:15px}.interaction span{display:block;font-size:11px;color:#dde7dd;margin-top:4px}
@media(max-width:680px){.actions{bottom:14px;left:14px;flex-wrap:wrap;max-width:270px}.bag{bottom:14px;right:14px;width:205px}.hint{display:none}.money{top:14px;right:14px}.brand{top:14px;left:14px}}