.tutorial{z-index:100000;pointer-events:none;position:fixed;inset:0}.tutorial-shade{pointer-events:auto;background:#0a0614b8;position:fixed}.tutorial-shield{pointer-events:auto;position:fixed}.tutorial-ring{border:3px solid var(--gold);pointer-events:none;border-radius:14px;position:fixed;box-shadow:0 0 18px #ffc83dbf}.tutorial-ring.action{animation:1.1s ease-in-out infinite tutorial-pulse}@keyframes tutorial-pulse{50%{transform:scale(1.02);box-shadow:0 0 34px 6px #ffc83df2}}.tutorial-bubble{color:#2a1e3b;pointer-events:auto;background:#fff8e7;border:3px solid #2a1e3b;border-radius:16px;grid-template-columns:56px 1fr;gap:8px 12px;width:min(380px,100vw - 24px);padding:14px;display:grid;position:fixed;box-shadow:0 6px #2a1e3b8c}.tutorial-guide{object-fit:contain;width:56px;height:56px}.tutorial-text h3{font-family:var(--font-display), system-ui, sans-serif;margin:0 0 4px;font-size:1.1rem;font-weight:400}.tutorial-text p{margin:0;font-size:.95rem;font-weight:700;line-height:1.35}.tutorial-progress{background:#2a1e3b26;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.tutorial-progress span{border-radius:inherit;background:var(--gold-2);height:100%;display:block}.tutorial-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 12px;display:flex}.tutorial-count{opacity:.7;margin-left:auto}@media (prefers-reduced-motion:reduce){.tutorial-ring.action{animation:none}}