.rp-tutorial{margin:16px 0;border:1px solid var(--color-border);border-radius:22px;overflow:hidden;background:var(--color-surface);color:var(--color-fg)}.rp-tutorial-launch{display:flex;align-items:center;gap:18px;padding:16px;width:100%;text-align:start;min-height:160px}.rp-tutorial-launch>img{width:88px;height:156px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border-radius:12px}.rp-tutorial-copy{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;line-height:1.6}.rp-tutorial-copy strong{font-size:17px;line-height:1.4}.rp-tutorial-copy small{font-size:11px;opacity:.75}.rp-tutorial-cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--color-primary-text,#178353)}.rp-tutorial-player{display:block;width:100%;max-height:65dvh;aspect-ratio:9/16;-o-object-fit:contain;object-fit:contain;background:#101713}.rp-tutorial-player:fullscreen{max-height:none;width:100%;height:100%;background:#000}.rp-tutorial-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:12px}.rp-tutorial-controls label{display:flex;align-items:center;gap:6px}.rp-tutorial-controls select{max-width:100%;min-height:44px;background:transparent;border:1px solid rgb(var(--color-primary-rgb)/.25);border-radius:10px;padding:4px;font-size:16px}.rp-tutorial-controls button,.rp-tutorial-retry{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px;border-radius:10px}.rp-tutorial button:focus-visible,.rp-tutorial select:focus-visible{outline:2px solid var(--color-ring);outline-offset:-3px}.rp-tutorial button:active{transform:scale(.98)}.rp-tutorial-status{margin:0;padding:0 12px;font-size:12px;line-height:1.6}.rp-tutorial-status:not(:empty){padding-bottom:12px}.rp-tutorial-reward{padding:12px 16px;border-top:1px solid rgb(var(--color-primary-rgb)/.15);font-size:12px;line-height:1.7}.rp-tutorial-reward small{display:block;font-size:11px}.rp-tutorial-reward button{display:block;min-height:44px;text-decoration:underline}@media (max-width:360px){.rp-tutorial-launch{gap:12px;padding:12px}.rp-tutorial-launch>img{width:68px;height:121px}.rp-tutorial-copy strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.rp-tutorial button:active{transform:none}}