:root{color:#172018;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:#162238}button,input,textarea,select{font:inherit}.app-shell{width:100%;height:100%;min-height:100%;position:relative}.app-shell canvas{touch-action:none;width:100%;height:100%;display:block}.hud{background:#ffffffdb;border:1px solid #35643a2e;border-radius:8px;min-width:172px;padding:12px;position:fixed;top:16px;left:16px;box-shadow:0 12px 30px #244b2b29}.hud__row{justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.hud__row+.hud__row{margin-top:6px}.hud__row--muted{color:#53655a;font-size:13px}.hud__label{color:#53655a}.hud__meter{background:#50894b2e;border-radius:999px;width:100%;height:8px;margin:10px 0 8px;overflow:hidden}.hud__meter span{transform-origin:0;background:linear-gradient(90deg,#62b95f,#ffd166);width:100%;height:100%;transition:transform .18s;display:block}.camera-zoom{z-index:3;background:#f6fcf7c7;border:1px solid #c4e2cd6b;border-radius:8px;justify-content:center;align-items:center;width:42px;height:172px;padding:12px 9px;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%);box-shadow:0 12px 28px #040d1838}.camera-zoom input{accent-color:#bdebd2;cursor:pointer;touch-action:none;width:142px;height:24px;margin:0;transform:rotate(-90deg)}.loading-overlay{color:#f7fbff;opacity:1;pointer-events:auto;visibility:visible;z-index:10;background:radial-gradient(circle at 50% 42%,#4e7f7457,#0000 34%),#0a101cf0;justify-content:center;align-items:center;padding:24px;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.loading-overlay--hidden{opacity:0;pointer-events:none;visibility:hidden}.loading-overlay__panel{flex-direction:column;align-items:center;gap:10px;min-width:min(280px,86vw);display:flex}.loading-overlay__panel strong{text-align:center;font-size:28px;line-height:1.15}.loading-overlay__panel span{color:#d3f1df;font-size:18px;font-weight:700}.loading-overlay__panel small{color:#eef8ffc7;min-height:18px;font-size:13px}.loading-overlay__meter{background:#e4f5ee29;border:1px solid #d2f0e238;border-radius:999px;width:100%;height:10px;overflow:hidden}.loading-overlay__meter i{transform-origin:0;background:linear-gradient(90deg,#bdebd2,#ffd77b);width:100%;height:100%;transition:transform .16s;display:block}.game-over{background:#0c101457;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.game-over__panel{text-align:center;background:#ffffffeb;border:1px solid #16181e29;border-radius:8px;flex-direction:column;align-items:center;gap:10px;min-width:220px;padding:18px;display:flex;box-shadow:0 18px 50px #0000002e}.game-over__panel strong{font-size:24px}.game-over__panel span{color:#53655a;font-size:14px}.game-over__panel button{color:#fff;cursor:pointer;background:#172018;border:0;border-radius:8px;min-width:112px;min-height:38px;padding:8px 16px}.game-over__panel button:hover{background:#2a392d}@media (width<=520px){.hud{min-width:154px;padding:10px;top:10px;left:10px}.camera-zoom{width:38px;height:152px;right:8px}.camera-zoom input{width:124px}}