.grapple-coach{position:absolute;left:50%;top:23%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #fff6d9a3;border-radius:20px;background:#fff5e9d9;color:#796484;font-size:9px;font-weight:800;white-space:nowrap;box-shadow:0 3px 14px #53436218}.grapple-coach i{width:6px;height:6px;border-radius:50%;background:#b4bb8a}.grapple-coach.attached{background:#f6dfa6ed;color:#725f76}.grapple-coach.attached i{background:#ba8d50}.grapple-interface .key-moment{top:31%}.grapple-thumb-controls{position:absolute;left:14px;right:14px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;gap:8px;pointer-events:none}.grapple-thumb-controls>div{display:flex;gap:7px}.grapple-thumb-controls button{pointer-events:auto;touch-action:none;min-height:50px;min-width:45px;border-radius:16px;background:#fff1e0e3;border:1px solid #fff8e8a1;box-shadow:0 5px 0 #6151754d,0 6px 18px #3d325622;color:#776284!important;font-size:23px;backdrop-filter:blur(6px);transition:transform .12s,box-shadow .12s}.grapple-thumb-controls button.held{transform:translateY(4px);box-shadow:0 1px 0 #6151754d}.grapple-thumb-controls .grapple-hook{width:100px;height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffe8b6ed,#e8cba6f2);border-color:#ffefc9;color:#795e77!important;border-radius:24px}.grapple-hook b{font-size:40px;line-height:34px;font-weight:400}.grapple-hook span{font-size:11px;font-weight:800;margin-top:5px}.grapple-hook.ready{box-shadow:0 5px 0 #8b719e4d,0 0 0 4px #fff2cc44,0 7px 24px #e8ca9866}.grapple-rescue{display:flex;flex-direction:column;align-items:center;justify-content:center;height:53px;width:47px;font-size:24px!important}.grapple-rescue small{font-size:8px;font-weight:700}.grapple-tutorial{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 12px}.grapple-tutorial>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:31px;color:#a188ae}.grapple-tutorial b{font-size:12px;color:#7f668b}.grapple-tutorial small{font-size:8px;letter-spacing:0;font-weight:500;line-height:1.6;color:#9b829f}.grapple-tutorial>i{font-size:22px;color:#bb9cb4;font-style:normal}.grapple-sheet .key-mission{margin-top:14px}@media(max-height:650px){.grapple-thumb-controls{bottom:13px;left:12px;right:12px;gap:6px}.grapple-thumb-controls button{min-height:44px;min-width:44px}.grapple-thumb-controls .grapple-hook{height:70px;width:85px;border-radius:21px}.grapple-hook b{font-size:32px;line-height:29px}.grapple-hook span{font-size:10px;margin-top:3px}.grapple-rescue{height:47px;width:44px}.grapple-coach{top:27%;font-size:8px;padding:7px 10px}.grapple-interface .key-moment{top:36%;font-size:9px}.grapple-tutorial{margin:14px 0 10px}.grapple-tutorial>span{font-size:25px}.grapple-tutorial b{font-size:11px}.grapple-tutorial small{font-size:7px}.grapple-sheet .key-small{font-size:8px}}

.grapple-coach{top:116px}.grapple-interface .key-moment{top:auto;bottom:118px}@media(max-height:650px){.grapple-coach{top:98px}.grapple-interface .key-moment{top:auto;bottom:101px}}

.grapple-ghost-toggle{width:100%;min-height:44px;border:1px solid #c7b6cf;background:#e5ebe1;color:#7d8c78!important;font-size:10px;border-radius:12px;padding:9px;margin-bottom:10px}.grapple-ghost-toggle:disabled{opacity:.55}