:root{--panel: rgba(28, 32, 28, .82);--accent: #7cc26b;--text: #f2f4ef}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:#9ed0e6}#game-root canvas{display:block;position:fixed;inset:0}#ui-root{position:fixed;inset:0;pointer-events:none}#ui-root button,#ui-root input{pointer-events:auto}.auth-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#8fc7e0,#6fae8d);pointer-events:auto}.auth-card{background:var(--panel);padding:28px 32px;border-radius:16px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 40px #0000004d}.auth-card h1{margin:0;text-align:center}.auth-sub{margin:0;text-align:center;opacity:.8;font-size:14px}.auth-card input{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:var(--text);font-size:15px}.auth-buttons{display:flex;gap:8px}.auth-error{color:#ffb4a8;font-size:13px;min-height:16px;text-align:center}.creator-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(160deg,#8fc7e0,#6fae8d);pointer-events:auto}.creator-card{background:var(--panel);padding:24px 28px;border-radius:16px;width:360px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:0 12px 40px #0000004d}.creator-card h1{margin:0;text-align:center;font-size:22px}.creator-sub{margin:0;text-align:center;opacity:.8;font-size:13px}.creator-preview{width:240px;height:240px;align-self:center;border-radius:12px;background:#0000002e}.creator-options{display:flex;flex-direction:column;gap:10px;width:100%}.creator-row{display:flex;align-items:center;gap:10px}.creator-label{width:48px;font-size:13px;opacity:.85;flex-shrink:0}.creator-choices{display:flex;gap:6px;flex-wrap:wrap}.creator-choice{background:#ffffff26;color:var(--text);padding:6px 10px;font-size:12px}.creator-choice.selected{background:var(--accent);color:#14210f}.creator-swatch{width:28px;height:28px;padding:0;border-radius:8px;border:2px solid transparent}.creator-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.creator-confirm{width:100%;margin-top:4px}.creator-error{color:#ffb4a8;font-size:13px;min-height:16px;text-align:center}button{cursor:pointer;border:none;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;color:#14210f;background:var(--accent);transition:filter .12s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#ffffff26;color:var(--text)}.auth-buttons button{flex:1}.hud-bottom{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center}.toolbar,.plant-menu{display:flex;gap:8px;padding:8px;background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:center}.icon-btn{background:#ffffff26;color:var(--text)}.status{position:fixed;bottom:130px;left:50%;transform:translate(-50%);background:var(--panel);padding:6px 14px;border-radius:20px;font-size:13px}.crop-info{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--panel);padding:8px 16px;border-radius:20px;font-weight:600;visibility:hidden}.inventory{position:fixed;top:16px;left:16px;background:var(--panel);padding:8px 14px;border-radius:12px;font-size:13px;max-width:40vw}