:root{color:#f2eadc;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--amber:#dfb878;--muted:#a8b3ab;--edge:#dae1cf2e;background:#101919;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #f1c88b}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}#world{touch-action:none;outline:none;width:100%;height:100%;display:block}#world.aiming{cursor:crosshair}.topbar{pointer-events:none;z-index:4;background:linear-gradient(#101919dd,#0000);align-items:center;gap:24px;padding:24px 32px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:9px;font-weight:650;line-height:1.4;display:flex}.brand strong{letter-spacing:5px;font-size:19px}.brand-mark{color:var(--amber);font-size:48px;line-height:1;transform:rotate(-20deg)}.build-tag{letter-spacing:1px;border:1px solid var(--edge);color:var(--muted);align-self:flex-start;margin-top:4px;padding:4px 6px;font-size:10px}.connection{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.connection i{background:#c39e55;border-radius:50%;width:6px;height:6px}.connection[data-state=online] i{background:#a7c794}.connection[data-state=offline] i{background:#ed8d6e}.icon-button{border:1px solid var(--edge);pointer-events:auto;background:#182723b3;border-radius:50%;width:44px;height:44px;font-size:19px}.hud{pointer-events:none;gap:36px;display:flex;position:absolute;top:110px;left:32px}.stat>span{letter-spacing:2px;color:var(--muted);font-size:9px;display:block}.stat strong{font-variant-numeric:tabular-nums;font-size:34px;font-weight:550;line-height:1.4}.stat small{color:var(--muted);font-size:14px}.ability{border:1px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#11211be0;align-items:center;gap:16px;min-width:260px;padding:16px 20px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hook-symbol{color:var(--amber);font-size:38px;line-height:1}.ability>div{flex:1}.ability div>span{letter-spacing:2px;color:var(--muted);font-size:9px;display:block}.ability strong{margin:4px 0 8px;font-size:15px;font-weight:500;display:block}.cooldown{background:#3d463c;height:2px}.cooldown i{background:var(--amber);transform-origin:0;width:100%;height:100%;display:block}.ability[data-ready=true] .hook-symbol{color:#f4dcab}.key{color:var(--muted);border:1px solid var(--edge);padding:6px;font-size:10px}.overlay{z-index:3;background:linear-gradient(90deg,#0d1817f2 0%,#101b18da 35%,#101b1855 65%,#101b1800);align-items:center;padding:100px 7vw 40px;display:flex;position:absolute;inset:0}.panel{width:100%;max-width:460px}.eyebrow{letter-spacing:2.5px;color:var(--amber);margin:0 0 20px;font-size:10px;font-weight:650}h1{letter-spacing:-2px;margin:0 0 22px;font-size:70px;font-weight:700;line-height:.97}h1 span{letter-spacing:0;color:#e2e4d6;margin-top:15px;font-size:19px;font-weight:400;line-height:1.4;display:block}#screen-description{color:var(--muted);max-width:390px;margin:0 0 27px;font-size:15px;line-height:1.7}.instructions{gap:14px;margin-bottom:30px;display:grid}.instructions>div{color:#c7d0c4;align-items:center;gap:14px;font-size:13px;display:flex}.instructions b{color:#c99a57;font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.primary{color:#201c15;background:var(--amber);text-align:left;border:0;width:100%;min-height:54px;padding:15px 20px;font-size:15px;font-weight:650;transition:background .2s}.primary:hover:not(:disabled){background:#efd099}.secondary{border:1px solid var(--edge);text-align:left;background:0 0;width:100%;min-height:46px;margin-top:10px;padding:12px 20px}.control-hint{color:#a0ada0;margin:16px 0 0;font-size:11px;line-height:1.8}.slice-note{color:#72877c;margin-top:23px;font-size:10px;line-height:1.6}.results{grid-template-columns:1fr 1fr;gap:20px 24px;margin:0 0 30px;display:grid}.results dt{color:var(--muted);margin-bottom:5px;font-size:11px}.results dd{font-variant-numeric:tabular-nums;margin:0;font-size:26px}.feedback{color:#ffe1ad;white-space:nowrap;pointer-events:none;background:#17201ede;margin:0;padding:8px 14px;font-size:13px;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}.feedback:empty{display:none}.countdown{color:#f4d295;text-shadow:0 5px 50px #000;pointer-events:none;z-index:3;background:#0f181544;place-items:center;font-size:108px;font-weight:600;display:grid;position:absolute;inset:0}.touch-only,.touch-move,.touch-hint,.landscape-hint{display:none}@media (pointer:coarse){.desktop-only{display:none!important}.touch-only{display:block}body[data-phase=RUNNING] .touch-move{display:flex}body[data-phase=RUNNING] .touch-hint{display:block}.touch-move{touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:43%;height:32%;padding:28px 0 28px 30px;position:absolute;bottom:0;left:0}.joystick{background:#16241b38;border:1px solid #c8d7c136;border-radius:40px;justify-content:center;align-items:center;width:106px;height:64px;display:flex}.joystick span{background:#b1bd9533;border:1px solid #d8dfbf6b;border-radius:50%;width:40px;height:40px;display:block}.touch-move>span{letter-spacing:1.5px;color:#c0c9b1;margin:10px 0 0 15px;font-size:8px}.touch-move.active .joystick{border-color:#d1b275a8}.touch-hint{text-align:right;letter-spacing:1.2px;color:#b4b9a1;pointer-events:none;font-size:8px;line-height:1.8;position:absolute;bottom:35px;right:26px}.touch-hint strong{color:#d5bd8e;font-weight:500}.ability{min-width:230px;padding:11px 15px;bottom:130px}.feedback{bottom:210px}}@media (max-width:600px){.topbar{gap:13px;padding:18px}.brand{letter-spacing:1.6px;gap:8px;font-size:7px}.brand strong{letter-spacing:4px;font-size:15px}.brand-mark{font-size:36px}.build-tag{font-size:8px}.connection{gap:6px;font-size:10px}.icon-button{width:38px;height:38px}.hud{gap:28px;top:91px;left:22px}.stat>span{font-size:8px}.stat strong{font-size:28px}.overlay{background:linear-gradient(#0d181775,#0d1817ed 40%,#0d1817f5);align-items:center;padding:92px 26px 25px}.panel{max-width:460px;margin:auto}h1{margin-bottom:20px;font-size:54px}h1 span{margin-top:12px;font-size:16px}.eyebrow{letter-spacing:1.8px;margin-bottom:16px;font-size:9px}#screen-description{margin-bottom:21px;font-size:13px;line-height:1.7}.instructions{gap:12px;margin-bottom:25px}.instructions>div{font-size:12px}.primary{min-height:52px}.slice-note{margin-top:18px;font-size:9px}.control-hint{font-size:10px}.ability{bottom:130px}.results{gap:18px;margin-bottom:24px}.results dd{font-size:24px}.results dt{font-size:10px}}@media (max-height:690px) and (max-width:600px){.overlay{padding-top:80px;padding-bottom:15px}h1{margin-bottom:15px;font-size:44px}h1 span{font-size:14px}.eyebrow{margin-bottom:12px}#screen-description{margin-bottom:16px}.instructions{gap:9px;margin-bottom:19px}.slice-note{margin:12px 0 0}.control-hint{margin-top:12px}.ability{bottom:120px}}@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){.landscape-hint{color:#e8cea2;z-index:8;background:#15231ee8;padding:8px 12px;font-size:10px;display:block;position:absolute;bottom:8px;right:12px}.overlay{align-items:flex-start;padding-top:80px;overflow:auto}.panel{max-width:480px}.instructions{display:none}h1{font-size:38px}.ability{bottom:20px}.touch-move{height:60%;padding-bottom:20px}.touch-hint{bottom:55px}.hud{top:90px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.hud{border:1px solid var(--edge);background:#11211bdb;padding:8px 12px}@media (pointer:coarse){.touch-move>span{color:#263c2d}.touch-hint{color:#263c2d;background:#f2eadcd9;border-radius:4px;padding:6px 8px}.touch-hint strong{color:#664716}.joystick{background:#16241b66}}