:root{--surface:#fbefe2;--panel:#fff9f1f0;--ink:#2c2442;--muted:#6d6483;--line:#2c244224;--btn:#2c2442;--btn-ink:#fff7ee;--seg:#f1e4d4;--blue:#3aa0ff;--orange:#ff8c2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#1e1a2c;--panel:#262138ed;--ink:#fbf3e8;--muted:#b8afca;--line:#fbf3e829;--btn:#ffd36b;--btn-ink:#2c2442;--seg:#332c4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--surface:#1e1a2c;--panel:#262138ed;--ink:#fbf3e8;--muted:#b8afca;--line:#fbf3e829;--btn:#ffd36b;--btn-ink:#2c2442;--seg:#332c4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html,body{background:var(--surface);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Fredoka,Nunito,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}.chip{left:calc(12px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));background:var(--panel);max-width:min(420px,100vw - 140px);color:var(--ink);border:2px solid var(--line);cursor:pointer;border-radius:20px;padding:10px 16px 12px;position:fixed;box-shadow:0 6px #2c24421f}.chip .num{color:var(--muted);font-size:13px;font-weight:500}.chip .name{margin:1px 0 4px;font-size:22px;font-weight:700;line-height:1.1}.chip .hint{color:var(--muted);font-size:15px;line-height:1.38}.chip.collapsed .hint,.chip.collapsed .tap{display:none}.chip .tap{color:var(--muted);opacity:.8;margin-top:5px;font-size:12px}.iconbtn{top:calc(12px + env(safe-area-inset-top,0px));border:2px solid var(--line);background:var(--panel);width:48px;height:48px;color:var(--ink);cursor:pointer;z-index:11;border-radius:16px;place-items:center;padding:0;font-family:inherit;font-size:24px;font-weight:600;line-height:1;display:grid;position:fixed;box-shadow:0 4px #2c24421f}.iconbtn:active{transform:translateY(2px);box-shadow:0 2px #2c24421f}#resetBtn{right:calc(12px + env(safe-area-inset-right,0px))}#gearBtn{right:calc(68px + env(safe-area-inset-right,0px))}#gearBtn svg{width:24px;height:24px}.iconbtn:focus-visible,.cta:focus-visible,.seg button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}#xhair{pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;position:fixed;top:50%;left:50%}#xhair path{fill:none;stroke-width:4px;stroke-linecap:round;opacity:.3;transition:opacity .15s}#xhair path.on{opacity:1}#toast{background:var(--panel);color:var(--ink);border:2px solid var(--line);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:500;transition:opacity .2s;position:fixed;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#toast.show{opacity:1}#resume{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));background:var(--panel);color:var(--ink);border:2px solid var(--line);pointer-events:none;border-radius:999px;padding:8px 16px;font-size:15px;display:none;position:fixed;transform:translate(-50%)}#touch{display:none}#touch.on{display:block}.tbtn{border:3px solid var(--line);background:var(--panel);width:72px;height:72px;color:var(--ink);touch-action:none;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1;display:grid;position:fixed;box-shadow:0 5px #2c244226}.tbtn.down{transform:translateY(3px)scale(.95);box-shadow:0 2px #2c244226}#bOrange{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(110px + env(safe-area-inset-bottom,0px));border-color:var(--orange);border-width:5px}#bBlue{right:calc(104px + env(safe-area-inset-right,0px));bottom:calc(110px + env(safe-area-inset-bottom,0px));border-color:var(--blue);border-width:5px}#bJump{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px))}#bGrab{right:calc(104px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px))}.tbtn .dot{border-radius:50%;width:28px;height:28px}#bOrange .dot{background:var(--orange)}#bBlue .dot{background:var(--blue)}#joyBase{border:3px solid var(--line);background:var(--panel);opacity:.8;pointer-events:none;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;display:none;position:fixed}#joyKnob{background:var(--ink);opacity:.55;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}#overlay{z-index:10;background:#281c3c59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#overlay.hidden{display:none}#overlay.peek{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:0 0;align-items:end}.card{background:var(--panel);color:var(--ink);border:2px solid var(--line);border-radius:28px;width:100%;max-width:520px;max-height:calc(100% - 20px);padding:28px 28px 24px;overflow:auto;box-shadow:0 10px #2c244224}.card h1{margin:0 0 8px;font-size:46px;font-weight:700;line-height:1}.card h1 .ring{border:.12em solid var(--blue);vertical-align:-.06em;border-radius:50%;width:.6em;height:.84em;margin-right:.06em;display:inline-block}.card h1 .ring.o{border-color:var(--orange);margin-left:-.26em}.card h2{margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.1}.card p{color:var(--muted);margin:10px 0;font-size:17px;line-height:1.45}.card p strong{color:var(--ink);font-weight:600}.keys{grid-template-columns:auto 1fr;gap:5px 14px;margin:14px 0 4px;font-size:15.5px;display:grid}.keys dt{font-weight:600}.keys dd{color:var(--muted);margin:0}.cta{background:var(--btn);width:100%;color:var(--btn-ink);cursor:pointer;border:0;border-radius:18px;margin-top:16px;padding:15px 18px;font-family:inherit;font-size:20px;font-weight:600;line-height:1;box-shadow:0 5px #2c244240}.cta:active{transform:translateY(3px);box-shadow:0 2px #2c244240}.seg{background:var(--seg);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 6px;padding:4px;display:grid}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 4px;font-family:inherit;font-size:16px;font-weight:600}.seg button[aria-checked=true]{background:var(--btn);color:var(--btn-ink)}.qrow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.qrow p{margin:6px 0}.fps{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)!important}.qnote{font-size:15px!important}@media (max-height:520px){.card h1{font-size:34px}.card{padding:18px}.card p{margin:6px 0;font-size:15.5px}}@media (prefers-reduced-motion:reduce){#toast,#xhair path{transition:none}}