@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(./manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(./manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(./manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}:root{--cream-0:#fbf7f0;--cream-1:#f3ece1;--cream-2:#e9dfd0;--wood:#c8a27a;--mint:#5fc4a6;--mint-deep:#2e8c73;--charcoal:#23262b;--muted:#6b6f75;--line:#23262b1f;--shadow:0 10px 30px #3c2c181f, 0 2px 6px #3c2c1814;--radius:14px;--font:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--cream-1);height:100%;color:var(--charcoal);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-weight:500}#app{position:fixed;inset:0;overflow:hidden}canvas.stage{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--mint-deep);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hud{pointer-events:none;padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) calc(14px + var(--safe-b)) calc(16px + var(--safe-l));grid-template-rows:auto auto 1fr auto;font-size:14px;display:grid;position:absolute;inset:0}.hud button,.hud a,.hud .stick,.hud .mission{pointer-events:auto}.top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.brand{flex-direction:column;justify-self:start;line-height:1.1;display:flex}.brand b{letter-spacing:.14em;font-size:15px;font-weight:700}.brand span{color:var(--muted);margin-top:3px;font-size:12px}.modes{background:color-mix(in srgb, var(--cream-0) 88%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:2px;padding:3px;display:flex}.mode{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.mode[aria-pressed=true]{background:var(--charcoal);color:var(--cream-0)}.mode:not([aria-pressed=true]):hover{color:var(--charcoal)}.top-right{justify-self:end;align-items:center;gap:10px;display:flex}.timer{font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--cream-0) 85%, transparent);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:15px;font-weight:700}.timer[hidden]{display:none}.pill.watch{background:color-mix(in srgb, var(--cream-0) 88%, transparent);height:38px;box-shadow:var(--shadow);letter-spacing:.02em;align-items:center;gap:6px;padding:0 15px 0 12px;font-size:13px;display:inline-flex}.pill.watch svg{width:15px;height:15px;fill:var(--mint-deep)}.pill.watch:hover{border-color:var(--mint-deep)}.icon.sound .slash{display:none}.icon.sound.off .slash{display:inline}.icon.sound.off{color:var(--muted)}.icon{border:1px solid var(--line);background:color-mix(in srgb, var(--cream-0) 88%, transparent);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.icon svg,.act svg,.turn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mission{border-radius:var(--radius);background:color-mix(in srgb, var(--cream-0) 90%, transparent);border:1px solid var(--line);max-width:290px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-self:start;margin-top:12px;padding:12px 14px;transition:opacity .3s,transform .3s}.mission.dim{opacity:0;pointer-events:none;transform:translateY(-6px)}.m-title{letter-spacing:.08em;text-transform:uppercase;color:var(--mint-deep);font-size:13px;font-weight:700}.m-goal{margin-top:4px;line-height:1.35}.m-steps{color:var(--muted);gap:12px;margin-top:8px;font-size:12.5px;display:flex}.m-step i{border:1.5px solid var(--muted);vertical-align:0;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.m-step.done{color:var(--charcoal)}.m-step.done i{background:var(--mint);border-color:var(--mint-deep)}.m-step.now{color:var(--charcoal)}.m-step.now i{border-color:var(--mint-deep)}.m-counters{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px}.m-counters:empty{display:none}.toast{left:50%;top:calc(74px + var(--safe-t));background:var(--charcoal);max-width:min(520px,100vw - 32px);color:var(--cream-0);text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:9px 16px;font-size:13.5px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,-8px)}.toast.on{opacity:.94;transform:translate(-50%)}.toast[data-tone=good]{background:var(--mint-deep)}.actions{right:calc(16px + var(--safe-r));bottom:calc(46px + var(--safe-b));align-items:flex-end;gap:10px;display:flex;position:absolute}.act{border:1px solid var(--line);background:color-mix(in srgb, var(--cream-0) 92%, transparent);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;align-items:center;gap:8px;height:52px;padding:0 18px;font-weight:700;display:inline-flex}.act .k{opacity:.55;border:1px solid;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:700}.act.claw{background:var(--charcoal);min-width:132px;height:64px;color:var(--cream-0);letter-spacing:.04em;justify-content:center;font-size:16px}.act.claw[data-state=ready]{background:var(--mint-deep);box-shadow:0 0 0 4px color-mix(in srgb, var(--mint) 45%, transparent), var(--shadow)}.act.claw[data-state=off]{background:color-mix(in srgb, var(--charcoal) 55%, var(--cream-1))}.act.claw[data-state=busy]{opacity:.6}.act.small{justify-content:center;width:44px;height:44px;padding:0}.touch{display:none}@media (pointer:coarse){.touch{display:block}.legend{display:none!important}}.stick{left:calc(20px + var(--safe-l));bottom:calc(52px + var(--safe-b));background:color-mix(in srgb, var(--cream-0) 60%, transparent);border:1px solid var(--line);width:128px;height:128px;box-shadow:var(--shadow);touch-action:none;pointer-events:auto;border-radius:50%;position:absolute}.stick-knob{background:var(--charcoal);opacity:.85;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;transition:transform 80ms;position:absolute;top:50%;left:50%}.stick.active .stick-knob{transition:none}.turns{left:calc(160px + var(--safe-l));bottom:calc(60px + var(--safe-b));gap:8px;display:flex;position:absolute}.turn{border:1px solid var(--line);background:color-mix(in srgb, var(--cream-0) 85%, transparent);width:50px;height:50px;box-shadow:var(--shadow);touch-action:none;pointer-events:auto;border-radius:50%;place-items:center;display:grid}.turn.held{background:var(--charcoal);color:var(--cream-0)}.bottom{color:var(--muted);flex-wrap:wrap;grid-row:4;align-items:center;gap:14px;font-size:12px;display:flex}.chip{border:1px solid var(--line);background:color-mix(in srgb, var(--cream-0) 80%, transparent);letter-spacing:.04em;text-transform:uppercase;color:#8a6a3e;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.legend kbd{font-family:var(--font);border:1px solid var(--line);background:var(--cream-0);color:var(--charcoal);border-bottom-width:2px;border-radius:5px;margin-right:2px;padding:0 5px;font-size:10.5px;font-weight:700}.credit{margin-left:auto}.credit a{color:inherit}.overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.card{pointer-events:auto;background:var(--cream-0);border:1px solid var(--line);border-radius:18px;width:min(380px,100vw - 32px);padding:20px 22px;box-shadow:0 30px 80px #3c2c1838}.card h2{margin:0 0 6px;font-size:19px}.card p{color:var(--muted);margin:6px 0;line-height:1.45}.card .row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.card .stat{font-variant-numeric:tabular-nums;gap:18px;margin:12px 0 4px;display:flex}.card .stat b{color:var(--charcoal);font-size:22px;display:block}.card .stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}.pill{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:9px 16px;font-weight:700}.pill.primary{background:var(--charcoal);color:var(--cream-0);border-color:var(--charcoal)}.loading{pointer-events:none;text-align:center;color:var(--muted);font-weight:700}.loading .bar{background:var(--cream-2);border-radius:4px;width:180px;height:4px;margin:10px auto 0;overflow:hidden}.loading .bar i{background:var(--mint-deep);width:0;height:100%;transition:width .2s;display:block}@media (max-width:720px){.top{grid-template-rows:auto auto;grid-template-columns:1fr auto;row-gap:10px}.modes{grid-area:2/1/auto/-1;justify-content:space-between;justify-self:stretch}.mode{flex:1;padding:7px 8px}.brand span{display:none}.pill.watch{justify-content:center;width:38px;padding:0}.pill.watch span{display:none}.mission{max-width:none;margin-top:10px;padding:9px 12px}.m-goal{display:none}.m-steps{margin-top:4px}.bottom{left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));bottom:calc(8px + var(--safe-b));gap:8px;font-size:10.5px;position:absolute}.approx{display:none}.actions{bottom:calc(40px + var(--safe-b))}.act.claw{min-width:110px;height:60px}.act .k,.freeze .l{display:none}}@media (max-height:480px) and (orientation:landscape){.mission{max-width:240px}.m-goal{display:none}.stick{bottom:calc(26px + var(--safe-b));width:112px;height:112px}.turns{left:calc(144px + var(--safe-l));bottom:calc(34px + var(--safe-b))}.actions{bottom:calc(28px + var(--safe-b))}.bottom{font-size:10px}}.chip.approx.recorded{color:var(--mint-deep);border-color:color-mix(in srgb, var(--mint) 55%, transparent);background:#e3f5eed9}@media (pointer:coarse){.actions{right:calc(14px + var(--safe-r));bottom:calc(40px + var(--safe-b));flex-direction:column;align-items:flex-end;gap:10px}.actions .freeze,.actions .reset{justify-content:center;width:46px;height:46px;padding:0}.actions .freeze .l{display:none}.turns{left:auto;right:calc(14px + var(--safe-r));bottom:calc(112px + var(--safe-b))}.actions .claw{margin-top:62px}}@media (pointer:coarse) and (orientation:landscape) and (max-height:480px){.actions{bottom:calc(18px + var(--safe-b));flex-direction:row;align-items:flex-end}.actions .claw{height:58px;margin-top:0}.turns{right:calc(14px + var(--safe-r));bottom:calc(88px + var(--safe-b))}.stick{bottom:calc(18px + var(--safe-b))}.bottom{left:43%;right:auto;bottom:calc(6px + var(--safe-b));text-align:center;flex-direction:column;gap:4px;width:min(270px,35vw);position:absolute;transform:translate(-50%)}.bottom .credit{margin:0;font-size:10px}.bottom .approx{padding:3px 8px;font-size:9.5px;display:inline-flex}.mission{max-width:300px}}@media (max-width:720px){.top .brand{grid-area:1/1}.top .top-right{grid-area:1/2}}@media (max-height:520px),(max-width:1080px){.legend{display:none}}@media (pointer:coarse){.act .k{display:none}}.hud.booting .actions,.hud.booting .touch,.hud.booting .mission,.hud.booting .modes,.hud.booting .timer{visibility:hidden}.depth-label{left:calc(16px + var(--safe-l));bottom:calc(52px + var(--safe-b));width:max(var(--inset-w,162px), 200px);background:color-mix(in srgb, var(--cream-0) 92%, transparent);border:1px solid var(--line);color:var(--muted);pointer-events:none;z-index:4;border-radius:0 0 10px 10px;padding:6px 8px 7px;font-size:10.5px;line-height:1.3;position:absolute}.depth-label[hidden]{display:none}.depth-label b{color:var(--charcoal);font-size:11px;display:block}.depth-label .ramp{background:linear-gradient(90deg,#faedcc,#f28c4d 15%,#5fc4a6 40%,#294d6b 75%,#17191f);border-radius:3px;height:6px;margin-top:5px;display:block}.depth-label .ends{justify-content:space-between;display:flex}.depth-label .ends em{font-style:normal}@media (pointer:coarse){.depth-label{left:auto;right:calc(14px + var(--safe-r));bottom:auto;top:calc(250px + var(--safe-t));width:172px}}