:root{--font: "Baloo 2", "Arial Rounded MT Bold", sans-serif;--cream: #fff6e0;--cream-soft: #f3ead2;--ink: #2b1a0d;--amber: #e0a045;--amber-light: #f1bc70;--panel: rgba(29, 36, 16, .55)}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--font);color:var(--cream-soft);-webkit-user-select:none;user-select:none}.hud{position:absolute;top:env(safe-area-inset-top,0);left:0;right:0;padding:10px 16px;display:flex;flex-direction:column;gap:4px}.hud-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border-radius:14px;padding:6px 14px}.hud-row.slim{background:none;padding:2px 14px}.hud-level{font-weight:800;font-size:22px;color:var(--cream)}.hud-timer{font-weight:800;font-size:22px;color:var(--cream);font-variant-numeric:tabular-nums}.hud-left,.hud-right{display:flex;align-items:center;gap:8px}.hud-escape{font-weight:700;font-size:18px}.icon{width:26px;height:26px;background-image:url(/game/hud-icons.png);background-size:300% 100%;display:inline-block}.icon.wood{background-position:0% 0}.icon.bolt{background-position:50% 0}.icon.heart{background-position:100% 0}.icon.dim{opacity:.25}.ant-icon{width:26px;height:13px;background-image:url(/game/ant-sheet.png);background-size:400% 200%;background-position:0 0;transform:rotate(90deg) scale(1.6)}.pip{width:16px;height:14px;border-radius:4px;background:#4a3d27;opacity:.7}.pip.on{background:#d9ad6e;opacity:1}.pip.round{border-radius:50%;width:14px}.pip.round.on{background:#e8c04c}.toast{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) scale(.7);font-size:44px;font-weight:800;color:var(--cream);text-shadow:0 3px 0 var(--ink),0 0 14px rgba(0,0,0,.4);opacity:0;transition:opacity .15s ease-out,transform .18s cubic-bezier(.34,1.56,.64,1)}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:auto;background:#141a0c73;text-align:center}.screen.menu{background:none}.screen h1{margin:0;font-size:64px;font-weight:800;color:var(--cream);text-shadow:0 4px 0 var(--ink)}.screen h2{margin:0;font-size:40px;font-weight:800;color:var(--cream);text-shadow:0 3px 0 var(--ink)}.screen .sub{font-size:18px;font-weight:500;text-shadow:0 2px 0 var(--ink)}.stars{font-size:52px;color:var(--amber-light);text-shadow:0 3px 0 var(--ink);letter-spacing:6px;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.btn{font-family:var(--font);font-size:22px;font-weight:800;color:var(--ink);background:linear-gradient(var(--amber-light) 0 40%,var(--amber) 40% 100%);border:none;border-radius:16px;padding:16px 48px;box-shadow:0 6px #3a28128c;cursor:pointer;transition:transform .08s}.btn:active{transform:translateY(3px);box-shadow:0 3px #3a28128c}.btn.ghost{background:none;box-shadow:none;color:var(--cream-soft);font-size:17px;font-weight:600;text-shadow:0 2px 0 var(--ink)}.hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:0;right:0;text-align:center;font-size:15px;font-weight:600;text-shadow:0 2px 0 var(--ink)}