:root{--ink:#edf5ff;--muted:#a8b2c4;--void:#070b14;--panel:#080e19e6;--line:#d2e7ff29;--accent:#8de9ff;--good:#75e5c2;--gold:#ffd166;--danger:#ff7187;--display:"Space Grotesk", "Avenir Next", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--void);height:100%;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}canvas{cursor:crosshair;outline:none;display:block}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[data-ui]{pointer-events:auto}.icon-btn{border:1px solid var(--line);background:#080e1999;border-radius:50%;width:44px;height:44px;font-size:18px}.icon-btn:hover{background:#1c2a39}.action-dock{bottom:max(22px, env(safe-area-inset-bottom));z-index:11;pointer-events:none;border:1px solid var(--line);background:var(--panel);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:stretch;gap:18px;width:min(400px,100vw - 32px);padding:12px 12px 12px 18px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 36px #0003}.mission{flex-direction:column;flex:1;justify-content:center;gap:7px;min-width:0;display:flex}.mission-title{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.mission-title strong{font-weight:600}.mission-title>span{color:var(--accent);font-variant-numeric:tabular-nums}.mission-hint{color:var(--muted);font-size:11px;line-height:1.4}.charge-line>div{background:var(--good);transition:transform .16s ease-out}.action-dock[data-exit=true]{border-color:#8de9ff80}.hook-action{border:1px solid var(--line);width:98px;min-height:62px;color:var(--muted);touch-action:manipulation;background:#ffffff06;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px;transition:background .13s,color .13s,box-shadow .13s;display:flex}.hook-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:24px}.hook-action>span{gap:3px;font-size:14px;font-weight:600;display:grid}.hook-action kbd{font:10px var(--display);opacity:.75;font-weight:400}.hook-action[data-state=ready]{background:var(--good);color:#09241d;border-color:#0000;box-shadow:0 0 18px #75e5c22e}.hook-action[data-state=hooking]{color:#09241d;background:#fff}.hook-action:active{transform:scale(.97)}.screen{z-index:20;padding:max(30px, env(safe-area-inset-top)) 24px max(30px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);background:radial-gradient(at 50% 40%,#0d1c2bde,#050911f5);place-items:safe center;display:grid;position:fixed;inset:0;overflow-y:auto}.screen-inner{text-align:center;justify-items:center;gap:24px;width:min(360px,100%);display:grid}.title-bear{filter:drop-shadow(0 0 28px #8de9ff33);width:124px;height:auto;animation:4s ease-in-out infinite alternate bear-float}@keyframes bear-float{to{transform:translateY(-7px)}}.wordmark{letter-spacing:-.05em;white-space:nowrap;margin:0;font-size:clamp(32px,7vw,42px);font-weight:700}.wordmark span{color:var(--good);margin:0 2px}.lede{color:var(--muted);margin:-8px 0 4px;font-size:18px;line-height:1.6}.screen-title{letter-spacing:-.035em;margin:0 0 6px;font-size:40px;font-weight:600}.btn{border:1px solid var(--line);border-radius:15px;min-width:220px;padding:15px 28px;font-size:17px;font-weight:600}.btn.primary{background:var(--good);color:#0b241e;border-color:#0000}.btn.primary:hover{background:#99f2d6}.btn:active{transform:translateY(1px)}.text-btn{color:var(--muted);background:0 0;border:0;padding:8px 18px;font-size:14px}.text-btn:hover{color:#fff}.controls{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;font-size:12px;line-height:1.6;display:flex}.controls b{color:var(--ink);font-weight:500}.quiet{color:var(--muted);margin:0;font-size:14px}.dot{opacity:.6;padding:0 12px}.settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%}.setting{background:0 0;border:0;justify-content:space-between;width:100%;padding:16px 6px;font-size:14px;display:flex}.setting+.setting{border-top:1px solid var(--line)}.setting>span{color:var(--muted)}.setting b{font-weight:500}.loading{z-index:30;background:var(--void);color:var(--muted);place-items:center;display:grid;position:fixed;inset:0}@media (max-width:560px){.action-dock{bottom:max(14px, env(safe-area-inset-bottom));gap:12px;padding-left:14px}.hook-action{width:84px}}@media (pointer:coarse){.keyboard-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pause-corner{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:13;position:fixed}.charge-line{background:#ffffff21;border-radius:5px;height:8px;overflow:hidden}.charge-line>div{transform-origin:0;height:100%}.action-dock[data-pickup=true] .charge-line>div{background:#c1ffed}.action-dock[data-hit=true]{border-color:var(--danger)}.action-dock[data-hit=true] .charge-line>div{background:var(--danger)}.action-dock[data-hit=true] .mission-hint{color:var(--danger)}