.tutorial-root{z-index:80;color:#142226;background:#f3efe6;flex-direction:column;display:flex;position:fixed;left:0;right:0;overflow:hidden}.tutorial-banner{color:#fff;background:#0b3b4a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 16px;font-size:14px;line-height:1.35;display:flex}.tutorial-banner strong{font-weight:600}.tutorial-skip{color:#ffffffb8;min-height:44px;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-weight:600;text-decoration:underline}.tutorial-skip:disabled{opacity:.6;cursor:wait}.tutorial-stage{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 16px 20px;overflow:auto}.tutorial-step{max-width:880px;margin:0 auto}.tutorial-root .group-settings{margin:0}.tutorial-root .group-settings h3{margin-top:0}.tutorial-banner,.tutorial-nav,.tutorial-error{z-index:7;position:relative}.tutorial-dim{z-index:4;pointer-events:none;background:#0b3b4a4d;position:absolute;inset:0}.tutorial-ring{z-index:6;box-sizing:border-box;pointer-events:none;background:#ffd63c47;border:4px solid #ff8c00;border-radius:12px;animation:1.35s ease-in-out infinite tutorial-pulse;position:absolute;box-shadow:0 0 0 5px #ffb0008c,0 0 18px 4px #ffa000e6}@keyframes tutorial-pulse{0%,to{border-color:#ff8c00;box-shadow:0 0 0 4px #ffb00073,0 0 12px 2px #ff9600a6}50%{border-color:#ffe14a;box-shadow:0 0 0 11px #ffc82838,0 0 24px 8px #ffba00f2}}.tutorial-root .is-tutorial-spot{z-index:5;caret-color:#1a1400;position:relative;color:#1a1400!important}.tutorial-root input.is-tutorial-spot,.tutorial-root button.is-tutorial-spot{background:#ffe14a!important;border-color:#ff8c00!important}.tutorial-root button.is-tutorial-spot{min-height:48px;font-size:16px;background:#ffb000!important}.tutorial-tip,.tutorial-finish{z-index:9;visibility:hidden;width:min(340px,100vw - 16px);margin:0;position:fixed}.tutorial-tip.is-placed,.tutorial-finish.is-placed{visibility:visible}.tutorial-tip{background:#fff;border:2px solid #ff8c00;border-radius:14px;margin:0;padding:12px 14px;box-shadow:0 12px 28px #14222633}.tutorial-finish.is-placed{text-align:left;background:#fff;border:2px solid #ff8c00;border-radius:14px;margin:0;padding:14px 16px;box-shadow:0 12px 28px #14222633}.tutorial-arrow{pointer-events:none;border-style:solid;width:0;height:0;position:absolute}.tutorial-tip[data-side=above] .tutorial-arrow,.tutorial-finish[data-side=above] .tutorial-arrow{border-width:22px 16px 0;border-color:#ff8c00 #0000 #0000;bottom:-22px}.tutorial-tip[data-side=below] .tutorial-arrow,.tutorial-finish[data-side=below] .tutorial-arrow{border-width:0 16px 22px;border-color:#0000 #0000 #ff8c00;top:-22px}.tutorial-tip[data-side=left] .tutorial-arrow,.tutorial-finish[data-side=left] .tutorial-arrow{border-width:16px 0 16px 22px;border-color:#0000 #0000 #0000 #ff8c00;right:-22px}.tutorial-tip[data-side=right] .tutorial-arrow,.tutorial-finish[data-side=right] .tutorial-arrow{border-width:16px 22px 16px 0;border-color:#0000 #ff8c00 #0000 #0000;left:-22px}.tutorial-tip p{margin:0}.tutorial-tip-kicker{letter-spacing:.04em;text-transform:uppercase;color:#0b3b4a;font-size:12px;font-weight:650;margin-bottom:4px!important}.tutorial-live{font-variant-numeric:tabular-nums;margin:8px 0 0}.tutorial-nav{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e4ddd2;flex:none;align-items:center;gap:8px;display:flex}.tutorial-count{font-variant-numeric:tabular-nums;color:#3d4c50;margin-right:auto;font-size:14px}.tutorial-nav .btn{min-width:72px;min-height:44px}.tutorial-nav .btn-primary{color:#1a1400;background:#ffb000;border:2px solid #e08600;min-width:112px;min-height:48px;padding:12px 18px;font-size:17px;font-weight:700;box-shadow:0 2px #c97800}.tutorial-nav .btn-primary:hover,.tutorial-nav .btn-primary:focus-visible{color:#1a1400;background:#ffc533}.tutorial-nav .btn-ghost-ink{color:#6a787c;box-shadow:none;background:0 0;border:0;font-weight:600}.tutorial-nav .btn-ghost-ink:disabled{opacity:.4}.tutorial-finish{text-align:left;max-width:32rem;margin:12vh auto 0}.tutorial-finish h2{margin:0 0 8px;font-size:1.6rem}.tutorial-readout{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px 16px;margin:0 0 10px;font-weight:600;display:flex}.tutorial-saved{color:#0b3b4a;margin:8px 0 0;font-weight:650}.tutorial-share-note{margin:8px 0 0;font-size:14px}.tutorial-error{color:#8a2b1b;margin:8px 16px 0}.tutorial-print .save-set-btn{display:none!important}.tutorial-replay-row{margin:0 0 10px}#practice-groups{scroll-margin-top:72px}.home-add-group.is-tour-once{outline-offset:4px;box-shadow:0 0 0 6px #c4552a59;outline:3px solid #c4552a!important}.home-title .tutorial-replay-nav{color:#0b3a4a;background:0 0;border-color:#0b3a4a;margin-left:auto}.home-title .tutorial-replay-nav:hover{color:#0b3a4a;background:#f4efe3;border-color:#0b3a4a}.coach-tutorial-reset{margin:6px 0 4px}@media (width<=420px){.home-title .tutorial-replay-nav{margin-left:0}}@media (prefers-reduced-motion:reduce){.tutorial-ring{animation:none}}@media print{:is(body:has(.tutorial-root) .site-page,body:has(.tutorial-root) .deck-root,body:has(.tutorial-root) .site-legal-foot,body:has(.tutorial-root) .tutorial-banner,body:has(.tutorial-root) .tutorial-nav,body:has(.tutorial-root) .tutorial-tip,body:has(.tutorial-root) .tutorial-dim,body:has(.tutorial-root) .tutorial-ring,body:has(.tutorial-root) .tutorial-arrow,body:has(.tutorial-root) .tutorial-error){display:none!important}body:has(.tutorial-root) .tutorial-root{background:#fff;position:static;overflow:visible;height:auto!important}body:has(.tutorial-root) .tutorial-stage{overflow:visible}}