@import "https://db.onlinewebfonts.com/c/14936bb7a4b6575fd2eee80a3ab52cc2?family=Feather+Bold";:root{--green:#58cc02;--green-hover:#4bb200;--green-shadow:#61b800;--dark-blue:#100f3e;--blue:#1cb0f6;--gray-text:#4b4b4b;--gray-light:#777;--border-color:#e5e5e5;--nav-text:#afafaf;--footer-green:#4ec604;--red:#ff4b4b;--orange:#ff9600;--golden:#ffc800;--secondary-border:#cfcfcf;--sans:"Nunito", "DIN Round Pro", -apple-system, BlinkMacSystemFont, sans-serif;--display:"Feather Bold", "Nunito", "DIN Round Pro", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--gray-text);font-family:var(--sans);touch-action:none;background:#fff;margin:0;overflow:hidden}button{font-family:inherit}.app-shell{width:100%;height:100%;position:relative}.app-shell canvas{width:100%;height:100%;display:block}.menu{background:linear-gradient(180deg, var(--green) 0%, #fff 72%);place-items:center;min-height:100%;padding:56px 40px 40px;display:grid}.menu-card{border:2px solid var(--border-color);background:#fff;border-radius:16px;width:min(560px,100%);padding:28px 24px;box-shadow:0 12px 32px #00000014}.menu-kicker,.modal-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--nav-text);margin:0 0 8px;font-size:11px;font-weight:800}.menu-card h1,.modal-card h2{font-family:var(--display);color:var(--green);font-weight:700}.menu-card h1{text-transform:lowercase;margin:0 0 12px;font-size:clamp(28px,7vw,52px);line-height:.95}.menu-lead{color:var(--gray-light);max-width:520px;margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.5}.menu-how{color:var(--gray-light);margin:0 0 20px;padding-left:18px;font-size:14px;font-weight:600;line-height:1.6}.menu-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:12px;min-height:48px;padding:0 24px;font-size:15px;font-weight:700}.btn:disabled{opacity:.45;pointer-events:none}.btn-sun{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-shadow)}.btn-sun:hover{background:var(--green-hover)}.btn-sun:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.btn-chunk{color:var(--blue);border:2px solid var(--secondary-border);box-shadow:0 4px 0 var(--secondary-border);background:#fff}.btn-chunk:hover{background:#1cb0f614}.btn-chunk:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.btn-chunk.is-on{color:var(--green);border-color:var(--green);box-shadow:0 4px 0 var(--green-shadow);background:#58cc021f}.btn-ghost{color:var(--green);box-shadow:none;border:none}.btn-ghost:hover{background:#58cc0214}.btn-option{text-align:left;text-transform:none;letter-spacing:0;width:100%;color:var(--gray-text);border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);background:#fff;align-items:center;gap:12px;font-weight:700;display:flex}.btn-option:hover{border-color:var(--blue)}.btn-option:active{box-shadow:none;transform:translateY(4px)}.letter{width:36px;height:36px;color:var(--green);background:#58cc021f;border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.hud{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.hud-bar,.hud-dock,.hud-row,.hud-icon-btn,.hud-pickup{pointer-events:auto}.hud-bar{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hud-stats{flex-wrap:wrap;gap:8px;display:flex}.hud-chip{border:2px solid var(--border-color);min-height:44px;color:var(--gray-text);box-shadow:0 2px 0 var(--border-color);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:800;display:inline-flex}.hud-chip-coin{color:#b8920f}.hud-chip-held{border-color:var(--green);color:var(--green);background:#58cc021a}.hud-icon-btn{border:2px solid var(--border-color);min-height:44px;color:var(--gray-text);cursor:pointer;box-shadow:0 2px 0 var(--border-color);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex}.hud-icon-btn:active{box-shadow:none;transform:translateY(2px)}.hud-dock{flex-direction:column;align-items:stretch;gap:10px;display:flex}.hud-pickup{white-space:nowrap;justify-content:center;align-items:center;gap:10px;width:min(100%,360px);display:inline-flex}.hud-cue{border:2px solid var(--border-color);width:fit-content;max-width:100%;color:var(--gray-text);background:#fff;border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.hud-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-row .btn{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.toast{pointer-events:none;background:var(--dark-blue);color:#fff;border-radius:8px;align-self:center;padding:8px 14px;font-size:13px;font-weight:700}.pickup-badge{pointer-events:none;background:var(--green);color:#fff;min-width:28px;height:28px;font-family:var(--sans);box-shadow:0 3px 0 var(--green-shadow);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:800;display:inline-flex}.quiz-badge{pointer-events:none;background:var(--green);color:#fff;height:28px;font-family:var(--sans);white-space:nowrap;box-shadow:0 3px 0 var(--green-shadow);border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:2px 10px 2px 6px;font-size:12px;font-weight:800;display:inline-flex}.quiz-badge-key{width:18px;height:18px;color:var(--green);background:#fff;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:inline-flex}.quiz-badge-locked{background:#64748b;padding:2px 10px;box-shadow:0 3px #334155}.quiz-badge-done{background:#059669;padding:2px 10px;box-shadow:0 3px #047857}.btn-locked{color:#fff;cursor:pointer;background:#64748b;box-shadow:0 4px #334155}.btn-locked:hover{background:#475569}.hud-chip-trash{color:#0f172a;border:2px solid var(--border-color);background:#f1f5f9}.pickup-key{min-width:28px;height:28px;color:var(--green);background:#fff;border-radius:8px;place-items:center;padding:0 6px;font-size:13px;font-weight:800;display:grid}@media (prefers-reduced-motion:reduce){.hud-icon-btn:active{transform:none}}.modal-root{z-index:20;background:#100f3e8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-card{border:2px solid var(--border-color);background:#fff;border-radius:16px;width:min(560px,100%);max-height:90%;padding:22px;overflow:auto;box-shadow:0 12px 32px #00000014}.modal-card h2{text-transform:lowercase;margin:0 0 10px;font-size:28px;line-height:1.15}.modal-card p{color:var(--gray-light);margin:0 0 14px;font-size:15px;font-weight:500;line-height:1.6}.bin-grid,.quiz-options{gap:12px;margin-bottom:14px;display:grid}.bin-btn{text-align:left;border:2px solid var(--border-color);cursor:pointer;min-height:56px;color:var(--gray-text);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:10px 12px;font-family:inherit;display:flex}.bin-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.bin-btn strong{font-size:16px;font-weight:800}.bin-btn span{color:var(--gray-light);font-size:13px;font-weight:500;line-height:1.5}.lipus-sheet{border:2px solid var(--border-color);background:#fff;border-radius:16px;width:min(560px,100%);max-height:90%;padding:24px 22px 22px;overflow:auto;box-shadow:0 12px 32px #100f3e1f}.edu-card{text-align:center;background:#fff;border:3px solid #facc15;border-radius:20px;padding:26px 24px;box-shadow:0 16px 40px #eab3082e,0 4px #ca8a04}.edu-card-header{justify-content:center;margin-bottom:14px;display:flex}.edu-card-badge{color:#854d0e;letter-spacing:.5px;text-transform:uppercase;background:#fef08a;border:1.5px solid #fde047;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-flex}.edu-title{color:#1e293b!important;margin:0 0 16px!important;font-size:24px!important}.edu-content-box{text-align:left;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;margin-bottom:22px;padding:16px 18px}.edu-body-text{color:#334155!important;margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.65!important}.edu-card-footer{justify-content:center;display:flex}.edu-action-btn{justify-content:center;align-items:center;gap:8px;min-width:200px;padding:12px 24px;font-size:15px;display:inline-flex}.lipus-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--nav-text);margin:0 0 8px;font-size:11px;font-weight:800}.lipus-sheet h2{font-family:var(--display);color:var(--green);text-transform:none;margin:0 0 12px;font-size:clamp(26px,5vw,32px);font-weight:700;line-height:1.15}.lipus-held{color:var(--gray-text);background:#58cc021a;border-radius:12px;align-items:center;gap:6px;margin:0 0 8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.lipus-held strong{color:var(--green);font-weight:800}.lipus-help{color:var(--gray-light);margin:10px 0 16px;font-size:14px;font-weight:600;line-height:1.5}.lipus-bins{grid-template-columns:1fr;gap:10px;display:grid}.lipus-bin{text-align:left;cursor:pointer;border:2px solid var(--border-color);min-height:64px;color:var(--gray-text);box-shadow:0 4px 0 var(--border-color);background:#fff;border-radius:16px;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:grid}.lipus-bin:hover{border-color:var(--green)}.lipus-bin:active{box-shadow:none;transform:translateY(4px)}.lipus-bin-mark{border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.lipus-bin-copy{flex-direction:column;gap:2px;display:flex}.lipus-bin-copy strong{font-size:16px;font-weight:800}.lipus-bin-copy span{color:var(--gray-light);font-size:13px;font-weight:500;line-height:1.4}.lipus-bin-organik .lipus-bin-mark{color:var(--green);background:#58cc0229}.lipus-bin-anorganik .lipus-bin-mark{color:var(--blue);background:#1cb0f629}.lipus-bin-b3 .lipus-bin-mark{color:var(--red);background:#ff4b4b29}.lipus-bin-kertas .lipus-bin-mark{color:#b8920f;background:#ffc80033}.lipus-bin-residu .lipus-bin-mark{color:var(--gray-light);background:#f0f0f0}@media (width>=640px){.lipus-bins{grid-template-columns:1fr 1fr}.lipus-bin-residu{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.lipus-bin:active{transform:none}}.shop-sheet{border:2px solid var(--border-color);background:#fff;border-radius:16px;width:min(640px,100%);max-height:90%;padding:24px 22px 22px;overflow:auto;box-shadow:0 12px 32px #100f3e1f}.shop-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--nav-text);margin:0 0 8px;font-size:11px;font-weight:800}.shop-sheet h2{font-family:var(--display);color:var(--green);text-transform:none;margin:0 0 12px;font-size:clamp(26px,5vw,32px);font-weight:700;line-height:1.15}.shop-wallet{color:#b8920f;background:#ffc8002e;border-radius:16px;align-items:center;gap:6px;min-height:44px;margin:0 0 8px;padding:8px 14px;font-size:18px;font-weight:800;display:inline-flex}.shop-help{color:var(--gray-light);margin:10px 0 16px;font-size:14px;font-weight:600;line-height:1.5}.shop-grid{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.shop-card{border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);background:#fff;border-radius:16px;grid-template-columns:48px 1fr;align-items:start;gap:8px 12px;padding:14px;display:grid}.shop-card-mark{border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.shop-card-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.shop-card-copy strong{color:var(--gray-text);font-size:16px;font-weight:800}.shop-card-copy span{color:var(--gray-light);font-size:13px;font-weight:500;line-height:1.4}.shop-card-copy .shop-card-stock{color:var(--gray-text);font-weight:700}.shop-card-buy{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.shop-price{color:#b8920f;white-space:nowrap;font-size:14px;font-weight:800}.shop-buy{white-space:nowrap;flex-shrink:0;min-width:96px}.shop-card-note{color:var(--orange);grid-column:1/-1;margin:0;font-size:13px;font-weight:700;line-height:1.4}.shop-card-air .shop-card-mark{color:var(--blue);background:#1cb0f629}.shop-card-pupuk .shop-card-mark{color:var(--green);background:#58cc0229}.shop-card-pestisida .shop-card-mark{color:var(--orange);background:#ff96002e}.shop-card-pot .shop-card-mark{color:#b8920f;background:#ffc80038}@media (width>=640px){.shop-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.shop-buy:active:not(:disabled){transform:none}}.edu-card{background:#fff}.edu-card h2{color:var(--orange)}@media (width<=900px){.menu{padding:40px 20px 32px}.menu-card h1{font-size:36px}.menu-actions{flex-direction:column}.menu-actions .btn{max-width:280px}}@media (width<=600px){.menu-card h1{font-size:28px}.modal-card{padding:28px 20px}.btn{padding:0 16px;font-size:13px}}