*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#04060c;color:#dce8e2;font-family:Segoe UI,Ubuntu,system-ui,-apple-system,sans-serif;overflow:hidden;user-select:none}.app{position:fixed;inset:0}#game-host{position:absolute;inset:0}#game-host canvas{display:block}.glass{background:#08100e94;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(126,242,154,.18);border-radius:14px;box-shadow:0 6px 24px #00000059}.hud-top{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13.5px;white-space:nowrap;z-index:10}.hud-top .title{font-weight:700;letter-spacing:.4px;color:#c9ffd9;margin-right:4px}.chip{display:inline-flex;align-items:center;gap:5px}.chip.sugar{color:#ffd166}.chip.water{color:#7ae0ff}.chip.myco{color:#d9b8ff;border:1px solid rgba(217,184,255,.4);border-radius:8px;padding:1px 7px}.controls{display:inline-flex;gap:4px;margin-left:6px}.btn{pointer-events:auto;cursor:pointer;border:1px solid rgba(126,242,154,.25);background:#08100e8c;backdrop-filter:blur(10px);color:#dce8e2;border-radius:10px;padding:5px 10px;font-size:13px;font-family:inherit;transition:background .15s,border-color .15s,transform .05s}.btn:hover{border-color:#7ef29a}.btn:active{transform:scale(.96)}.btn.active{background:#7ef29a29;border-color:#7ef29a;color:#c9ffd9}.buildbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.btn.tool{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;min-width:86px}.btn.tool .ticon{font-size:19px}.btn.tool .tname{font-size:13px}.btn.tool .cost{font-size:11px;opacity:.75}.btn .key{position:absolute;font-size:10px;opacity:.5;transform:translateY(15px)}.btn.tool{position:relative}.eventlog{position:absolute;bottom:16px;left:16px;display:flex;flex-direction:column;gap:6px;max-width:340px;z-index:9}.log-entry{display:flex;align-items:center;gap:8px;padding:7px 11px;font-size:13px;animation:fadeIn .3s ease-out}.log-entry .licon{font-size:15px}.readout{position:absolute;top:64px;right:16px;padding:8px 12px;font-size:13px;line-height:1.55;white-space:pre-line;text-align:left;z-index:10;pointer-events:none;min-width:180px}.hint{position:absolute;bottom:16px;right:16px;font-size:11.5px;opacity:.55;z-index:9;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hud-top{font-size:12px;gap:7px;flex-wrap:wrap;max-width:96vw}}