/* Tours use the active Momentum skin and leave the highlighted controls interactive. */
.tutorial-entry{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}.tutorial-entry h2{margin:5px 0}.tutorial-entry p{margin:0}.tutorial-entry button{white-space:nowrap}
.tutorial-halo{position:fixed;z-index:14000;pointer-events:none;border:2px solid color-mix(in srgb,var(--accent2,#8b7cff) 80%,white);border-radius:18px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#8b7cff) 15%,transparent),0 0 32px color-mix(in srgb,var(--accent2,#8b7cff) 48%,transparent);transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;max-width:calc(100vw - 6px);max-height:calc(100dvh - 6px)}
.tutorial-halo[hidden]{display:none}
.tutorial-card,.tutorial-prompt,.tutorial-centre{color:var(--text,#fff);background:color-mix(in srgb,var(--panel,#262944) 91%,var(--bg2,#223446));border:1px solid color-mix(in srgb,var(--accent2,#8b7cff) 35%,var(--line,#ffffff30));box-shadow:0 16px 52px color-mix(in srgb,var(--bg,#101729) 50%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tutorial-card{position:fixed;z-index:14001;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border-radius:20px;padding:18px 19px;line-height:1.45;transition:top .18s ease,left .18s ease}
.tutorial-kicker{display:flex;justify-content:space-between;gap:12px;color:var(--muted,#ced0dd);font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:750}.tutorial-kicker span{white-space:nowrap}.tutorial-meter{height:3px;border-radius:5px;background:color-mix(in srgb,var(--text,#fff) 12%,transparent);margin:11px 0 15px;overflow:hidden}.tutorial-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent,#8b7cff),var(--accent2,#22d3ee))}.tutorial-card h2,.tutorial-prompt h2{font-size:21px;line-height:1.18;letter-spacing:-.02em;margin:0 0 8px}.tutorial-card p,.tutorial-prompt p{font-size:13px;color:var(--muted,#c4c7d1);margin:0 0 12px}.tutorial-action{display:block;color:var(--accent2,#c1b3ff);font-size:11px;margin:0 0 12px}.tutorial-actions,.tutorial-actions>div,.tutorial-prompt>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tutorial-actions{justify-content:space-between}.tutorial-card button,.tutorial-prompt button,.tutorial-list button{border:1px solid color-mix(in srgb,var(--text,#fff) 20%,transparent);background:color-mix(in srgb,var(--text,#fff) 7%,transparent);color:inherit;border-radius:11px;padding:9px 11px;font-size:11px;font-weight:700;min-height:38px}.tutorial-card button:hover,.tutorial-prompt button:hover,.tutorial-list button:hover{border-color:var(--accent2,#22d3ee)}.tutorial-card button.tutorial-primary,.tutorial-prompt button.tutorial-primary,.tutorial-list button{background:color-mix(in srgb,var(--accent,#8b7cff) 48%,var(--panel,#242838));border-color:color-mix(in srgb,var(--accent2,#22d3ee) 45%,transparent)}.tutorial-card button:focus-visible,.tutorial-prompt button:focus-visible,.tutorial-centre button:focus-visible{outline:3px solid var(--accent2,#22d3ee);outline-offset:2px}
.tutorial-prompt{position:fixed;z-index:14002;right:max(16px,env(safe-area-inset-right));bottom:calc(92px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 32px));padding:20px;border-radius:20px}.tutorial-prompt>div{justify-content:flex-end}
.tutorial-centre{position:fixed;z-index:14003;inset:0;margin:auto;width:min(740px,calc(100vw - 26px));max-height:min(86dvh,850px);border-radius:22px;padding:0;overflow:hidden}.tutorial-centre::backdrop{background:color-mix(in srgb,var(--bg,#101729) 34%,transparent);backdrop-filter:blur(3px)}.tutorial-centre header{display:flex;justify-content:space-between;gap:15px;padding:25px 26px 18px;border-bottom:1px solid var(--line,#ffffff26)}.tutorial-centre header small{letter-spacing:.12em;color:var(--accent2,#22d3ee);font-weight:800}.tutorial-centre h2{font-size:29px;margin:4px 0}.tutorial-centre header p{font-size:12px;color:var(--muted,#c4c7d1);margin:0}.tutorial-centre [data-tour-close]{align-self:flex-start;border:0;background:transparent;color:inherit;font-size:30px;line-height:1;padding:0 8px}.tutorial-list{overflow-y:auto;max-height:calc(min(86dvh,850px) - 140px);padding:13px 24px 25px;overscroll-behavior:contain}.tutorial-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 1px;border-bottom:1px solid var(--line,#ffffff26)}.tutorial-list article:last-child{border:0}.tutorial-list h3{font-size:14px;margin:0 0 4px}.tutorial-list p{font-size:11px;color:var(--muted,#c4c7d1);margin:0 0 5px}.tutorial-list small{font-size:10px;color:var(--accent2,#22d3ee)}.tutorial-list button{flex:none}
@media(max-width:600px){.tutorial-entry{align-items:flex-start;flex-direction:column;padding:18px}.tutorial-centre header{padding:18px}.tutorial-list{padding:8px 16px 20px}.tutorial-list article{align-items:flex-start;flex-direction:column;gap:9px}.tutorial-list button{width:100%}.tutorial-card{padding:15px}.tutorial-prompt{left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.tutorial-halo,.tutorial-card{transition:none}}