.v2-tutorial-head{display:flex;flex-direction:column}.v2-tutorial-title{margin:0;font-size:var(--v2-fs-card-title);line-height:var(--v2-lh-title);font-weight:700;color:var(--v2-dark)}.v2-tutorial-subtitle{margin:0;font-size:var(--v2-fs-secondary);line-height:var(--v2-lh-secondary);color:var(--v2-muted)}.v2-tutorial-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:1.25rem;padding-bottom:1.25rem}.v2-tutorial-main{min-width:0}@media (max-width: 820px){.v2-tutorial-body{grid-template-columns:minmax(0,1fr)}}.v2-tutorial-stage{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;border:1px solid var(--v2-border);border-radius:var(--v2-item-radius);background:var(--v2-bg)}.v2-tutorial-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.v2-tutorial-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:1rem;text-align:center;font-size:var(--v2-fs-body);line-height:var(--v2-lh-body);color:var(--v2-muted)}.v2-tutorial-tag{position:absolute;z-index:2;padding:.25rem .625rem;border-radius:var(--v2-radius-pill);background:var(--v2-dark);color:var(--v2-white);font-size:var(--v2-fs-secondary);line-height:1.3;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.v2-tutorial-tag:after{content:"";position:absolute;left:var(--arrow-x, 50%);bottom:-4px;width:8px;height:8px;border-radius:1px;background:var(--v2-dark);transform:translate(-50%) rotate(45deg)}.v2-tutorial-tag-on{opacity:1;transform:none}.v2-tutorial-tag-below{transform:translateY(-4px)}.v2-tutorial-tag-below.v2-tutorial-tag-on{transform:none}.v2-tutorial-tag-below:after{top:-4px;bottom:auto}.v2-tutorial-bubble{position:absolute;z-index:3;width:max-content;max-width:min(34%,280px);padding:.5rem .75rem;border:1px solid var(--v2-field-border);border-radius:var(--v2-item-radius);background:var(--v2-white);box-shadow:0 6px 16px color-mix(in srgb,var(--v2-dark) 12%,transparent);font-size:var(--v2-fs-body);line-height:1.45;font-weight:500;pointer-events:none}.v2-tutorial-bubble:after{content:"";position:absolute;width:10px;height:10px;background:var(--v2-white)}.v2-tutorial-bubble-tail-bottom:after{left:var(--arrow-x, 19px);bottom:-6px;border-right:1px solid var(--v2-field-border);border-bottom:1px solid var(--v2-field-border);transform:translate(-50%) rotate(45deg)}.v2-tutorial-bubble-tail-top:after{left:var(--arrow-x, 19px);top:-6px;border-left:1px solid var(--v2-field-border);border-top:1px solid var(--v2-field-border);transform:translate(-50%) rotate(45deg)}.v2-tutorial-bubble-tail-left:after{top:var(--arrow-y, 19px);left:-6px;border-left:1px solid var(--v2-field-border);border-bottom:1px solid var(--v2-field-border);transform:translateY(-50%) rotate(45deg)}.v2-tutorial-bubble-tail-right:after{top:var(--arrow-y, 19px);right:-6px;border-right:1px solid var(--v2-field-border);border-top:1px solid var(--v2-field-border);transform:translateY(-50%) rotate(45deg)}.v2-tutorial-bubble-big{max-width:none;padding:.5rem 1.125rem;font-size:var(--v2-fs-card-title);font-weight:700;text-align:center;white-space:nowrap}@media (max-width: 576px){.v2-tutorial-bubble{max-width:62%}}.v2-tutorial-hud,.v2-tutorial-extra{position:absolute;top:8px;z-index:2;display:flex;align-items:center;gap:.5rem;padding:.3rem .875rem .3rem .625rem;border:1px solid var(--v2-border);border-radius:var(--v2-radius-pill);background:var(--v2-white);font-size:var(--v2-fs-card-title);line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}.v2-tutorial-hud{right:8px;color:var(--v2-muted)}.v2-tutorial-hud .material-symbols-rounded{font-size:20px}.v2-tutorial-hud-run{color:var(--v2-dark)}.v2-tutorial-hud-run:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--v2-pink-dark);animation:v2-tutorial-pulse 1s ease-in-out infinite}.v2-tutorial-hud-done{border-color:transparent;background:var(--v2-success-tint);color:var(--v2-success)}@keyframes v2-tutorial-pulse{50%{opacity:.25}}.v2-tutorial-extra{left:8px;padding-left:.875rem;color:var(--v2-dark)}.v2-tutorial-result{position:absolute;top:3rem;right:8px;max-width:calc(100% - 16px);z-index:2;padding:.5rem .875rem;border:1px solid var(--v2-border);border-radius:var(--v2-item-radius);background:var(--v2-white);font-size:var(--v2-fs-secondary);line-height:var(--v2-lh-secondary);color:var(--v2-muted);opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}.v2-tutorial-result-on{opacity:1;transform:none}.v2-tutorial-result div{display:flex;justify-content:space-between;gap:1.125rem}.v2-tutorial-result b{color:var(--v2-dark);font-weight:700;font-variant-numeric:tabular-nums}.v2-tutorial-controls{display:flex;align-items:center;gap:.625rem;margin-top:.75rem}.v2-tutorial-play{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--v2-pink-dark);color:var(--v2-white);cursor:pointer}.v2-tutorial-play:hover{background:var(--v2-pink-hover)}.v2-tutorial-icon-btn{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--v2-border);border-radius:var(--v2-icon-radius);background:var(--v2-white);color:var(--v2-muted);cursor:pointer}.v2-tutorial-icon-btn:hover{border-color:var(--v2-pink-dark)}.v2-tutorial-scrub{flex:1;min-width:0;height:20px;accent-color:var(--v2-dark)}.v2-tutorial-speeds{flex:none;display:inline-flex;gap:.25rem}.v2-tutorial-speed{padding:.3rem .625rem;border:1px solid var(--v2-border);border-radius:var(--v2-icon-radius);background:var(--v2-white);color:var(--v2-dark);font:inherit;font-size:var(--v2-fs-secondary);font-variant-numeric:tabular-nums;cursor:pointer}.v2-tutorial-speed:hover{border-color:var(--v2-pink-dark)}.v2-tutorial-speed[aria-pressed=true]{border-color:var(--v2-dark);background:var(--v2-bg)}.v2-tutorial-play:focus-visible,.v2-tutorial-icon-btn:focus-visible,.v2-tutorial-speed:focus-visible,.v2-tutorial-scrub:focus-visible,.v2-tutorial-step:focus-visible{outline:2px solid var(--v2-pink-dark);outline-offset:2px}.v2-tutorial-caption{min-height:5.6em;margin-top:.75rem}.v2-tutorial-caption-title{margin:0 0 .125rem;font-size:var(--v2-fs-card-title);line-height:var(--v2-lh-title);font-weight:700;color:var(--v2-dark)}.v2-tutorial-caption-text{max-width:64ch;margin:0;font-size:var(--v2-fs-body);line-height:var(--v2-lh-body)}.v2-tutorial-steps{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none;align-self:start}.v2-tutorial-step{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5625rem .75rem;border:1px solid var(--v2-border);border-radius:12px;background:var(--v2-white);color:var(--v2-dark);font:inherit;font-size:var(--v2-fs-body);line-height:1.35;font-weight:500;text-align:left;cursor:pointer}.v2-tutorial-step:hover{border-color:var(--v2-pink-dark)}.v2-tutorial-step-current{border-color:var(--v2-dark);background:var(--v2-bg)}.v2-tutorial-step-dot{flex:none;display:grid;place-items:center;width:24px;height:24px;border:2px solid var(--v2-choice-indicator-border);border-radius:50%;background:var(--v2-white);color:var(--v2-muted);font-size:var(--v2-fs-label);font-weight:700}.v2-tutorial-step-dot .material-symbols-rounded{font-size:14px}.v2-tutorial-step-current .v2-tutorial-step-dot,.v2-tutorial-step-done .v2-tutorial-step-dot{border-color:var(--v2-dark);background:var(--v2-dark);color:var(--v2-white)}@media (prefers-reduced-motion: reduce){.v2-tutorial-tag,.v2-tutorial-result{transition:none}.v2-tutorial-hud-run:after{animation:none}}