:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass:#0c121eb8;--glass-border:#ffffff1f;--ink:#f8fbff;--muted:#9aa7ba;--accent:#ffd166;--cyan:#61dafb;font-family:Inter,ui-rounded,SF Pro Rounded,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 10%,#26364a 0%,#111a27 50%,#090e17 100%)}button{font:inherit}canvas{outline:none;width:100%;height:100%;display:block}#app{isolation:isolate;position:relative}#game{position:absolute;inset:0}#game:after{content:"";pointer-events:none;background:linear-gradient(#03080f47,#0000 22% 70%,#03080f8a),radial-gradient(circle,#0000 42%,#03060c57 100%);position:absolute;inset:0}.hud{z-index:20;left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));pointer-events:none;position:absolute}.hud--top{top:max(16px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:14px;display:flex}.hud--bottom{bottom:max(18px, env(safe-area-inset-bottom));pointer-events:auto;justify-content:center;align-items:center;gap:10px;display:flex}.brand,.metrics,.objective-card,.hud--bottom{filter:drop-shadow(0 12px 24px #0000003d)}.brand{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#162132db,#090e189e);border-radius:18px;align-items:center;gap:11px;min-width:0;padding:10px 14px 10px 10px;display:flex}.brand__nut{color:#111827;background:linear-gradient(145deg,#ffe69a,#f6b94b);border-radius:13px;place-items:center;width:38px;height:38px;font-size:19px;display:grid;box-shadow:inset 0 1px #ffffffa6,0 6px 16px #ffc04838}.brand__title{letter-spacing:.12em;white-space:nowrap;font-size:12px;font-weight:900}.brand__subtitle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;margin-top:2px;font-size:11px;overflow:hidden}.metrics{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:18px;gap:1px;display:flex;overflow:hidden}.metric{text-align:center;background:#ffffff06;min-width:76px;padding:9px 15px 8px}.metric+.metric{border-left:1px solid #ffffff14}.metric__label{color:#8390a3;letter-spacing:.16em;font-size:8px;font-weight:800;display:block}.metric strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;line-height:1;display:block}.objective-card{z-index:18;top:96px;left:max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#141d2cba,#090e188c);border:1px solid #ffffff1a;border-radius:15px;width:min(260px,100vw - 40px);padding:12px 14px;transition:opacity .28s,transform .28s;position:absolute}.objective-card__eyebrow{color:#f5c462;letter-spacing:.18em;font-size:8px;font-weight:900}.objective-card__text{color:#d9e2ef;margin-top:4px;font-size:12px;line-height:1.35}.tool-button{color:#e8edf6;cursor:pointer;background:linear-gradient(#232e3fe8,#111926eb);border:1px solid #ffffff21;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:88px;height:48px;padding:0 17px;transition:transform .15s,border-color .15s,background .15s,opacity .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000047}.tool-button:hover{background:linear-gradient(#2f3d52f2,#151f2ff2);border-color:#ffffff3d;transform:translateY(-2px)}.tool-button:active{transform:translateY(1px)scale(.97)}.tool-button:disabled{opacity:.34;cursor:default;transform:none}.tool-button__icon{color:#ffda7a;font-size:21px;line-height:1}.tool-button--square,.tool-button--small{width:48px;min-width:48px;padding:0}.tool-button--small{color:#aab7ca;font-size:29px}.toast{z-index:40;color:#f8fbff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;opacity:0;pointer-events:none;background:#090f19d6;border:1px solid #ffffff24;border-radius:999px;max-width:min(380px,100vw - 32px);padding:10px 16px;font-size:12px;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:20%;left:50%;transform:translate(-50%,-8px)scale(.96);box-shadow:0 12px 32px #00000052}.toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.toast.is-error{color:#ffd8d8;border-color:#ff6b6b6b}.toast.is-success{color:#d8ffe9;border-color:#5ddea766}.debug-banner{z-index:30;color:#9ae8ff;letter-spacing:.14em;background:#081721cc;border:1px solid #61dafb73;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:900;display:none;position:absolute;top:84px;right:22px}.debug-banner.is-visible{display:block}.complete-panel{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(1.2);backdrop-filter:blur(24px)saturate(1.2);text-align:center;opacity:0;pointer-events:none;background:linear-gradient(145deg,#1b273af7,#0b121efa);border:1px solid #ffffff2e;border-radius:28px;width:min(380px,100vw - 34px);padding:34px 30px 30px;transition:opacity .35s,transform .45s cubic-bezier(.2,.85,.25,1.18);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-45%)scale(.86);box-shadow:0 35px 90px #00000085,inset 0 1px #ffffff14}.complete-panel.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.complete-panel__glow{z-index:-1;filter:blur(40px);background:#ffc85c33;border-radius:50%;width:240px;height:150px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.complete-panel__eyebrow{color:#7ce5bd;letter-spacing:.22em;font-size:9px;font-weight:900}.complete-panel h1{letter-spacing:-.04em;margin:8px 0 3px;font-size:clamp(28px,6vw,39px)}.complete-stars{color:#ffd166;letter-spacing:.16em;text-shadow:0 4px 20px #ffbe444d;font-size:32px}.complete-panel p{color:#9ba8ba;margin:7px 0 22px;font-size:13px}.continue-button{color:#132033;cursor:pointer;background:linear-gradient(135deg,#ffe18d,#ffbc4f);border:0;border-radius:16px;width:100%;height:52px;font-weight:900;box-shadow:inset 0 1px #ffffffa6,0 12px 28px #ffb43c33}.continue-button span{margin-left:8px}.loading{z-index:80;color:#c5cfdd;letter-spacing:.04em;background:radial-gradient(circle,#19263a,#0b111c 70%);place-content:center;justify-items:center;gap:15px;font-size:12px;transition:opacity .35s,visibility .35s;display:grid;position:absolute;inset:0}.loading.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading__spinner{border:3px solid #ffffff1f;border-top-color:#ffd166;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.hud--top{align-items:flex-start}.brand{max-width:calc(100vw - 174px)}.brand__title{font-size:10px}.brand__subtitle{max-width:150px}.metrics .metric:nth-child(3){display:none}.metric{min-width:65px;padding-inline:11px}.objective-card{width:min(230px,100vw - 40px);top:84px}.hud--bottom{gap:7px}.tool-button{width:58px;min-width:0;padding:0}.tool-button span:last-child:not(.tool-button__icon){display:none}.tool-button--small,.tool-button--square{width:44px}}@media (height<=650px){.objective-card{display:none}.hud--top{top:8px}.hud--bottom{bottom:8px}.tool-button{border-radius:14px;height:42px}.brand{padding-block:7px}.brand__nut{width:32px;height:32px}.metrics .metric{padding-block:7px 6px}}