.tour-layer{position:fixed;inset:0;z-index:60}.tour-scrim{position:absolute;inset:0;background:#193451a6}.tour-scrim.clear{background:transparent}.tour-spot{position:fixed;border:3px solid var(--yellow);border-radius:22px;box-shadow:0 0 0 4px var(--doodle),0 0 0 200vmax #193451a6;pointer-events:none;transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease}.tour-bubble{position:fixed;width:min(380px,calc(100vw - 32px));padding:18px 20px;border:var(--outline);border-radius:26px 22px 28px 20px/22px 28px 20px 26px;background:var(--paper);box-shadow:var(--sticker);outline:none;animation:tour-in .25s ease-out}.tour-bubble.wide{width:min(600px,calc(100vw - 32px))}.tour-bubble.centered{top:50%;left:50%;translate:-50% -50%}.tour-head{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center}.tour-flame{width:40px;animation:tour-bob 2.4s ease-in-out infinite}.tour-count{color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.06em}.tour-head h2{margin:0;font-size:1.25rem}.tour-close{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--line);border-radius:50%;background:var(--paper)}.tour-body{margin:10px 0 12px;color:var(--ink);font-size:.95rem;line-height:1.6}.tour-body p{margin:0 0 8px;line-height:1.6}.tour-commands{display:grid;grid-gap:6px;gap:6px;max-height:min(44vh,360px);margin:0;padding:0;overflow:auto;list-style:none}.tour-commands li{display:grid;grid-template-columns:9.5rem 1fr;grid-gap:10px;gap:10px;align-items:baseline;padding:7px 10px;border-radius:12px;background:var(--canvas)}.tour-commands code{font-weight:700}.tour-commands em{margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--yellow-soft);font-size:.72rem;font-style:normal;font-weight:800}.tour-progress{display:flex;gap:4px;margin-bottom:12px}.tour-progress span{flex:1 1;height:5px;border-radius:999px;background:var(--line)}.tour-progress span.on{background:var(--yellow)}.tour-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tour-button{display:inline-flex;gap:8px;align-items:center;padding:0;border:0;background:none;color:inherit;font-weight:700}.tour-button:hover{color:var(--blue-strong)}.tour-offer{position:fixed;right:20px;bottom:20px;z-index:50;display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:center;width:min(360px,calc(100vw - 32px));padding:14px 16px;border:var(--outline);border-radius:24px;background:var(--paper);box-shadow:var(--sticker);animation:tour-in .4s ease-out}.tour-offer p{margin:2px 0 10px;color:var(--muted);font-size:.9rem;line-height:1.5}.tour-offer .tour-actions{justify-content:flex-start}.tour-offer-flame{width:54px;animation:tour-bob 2.4s ease-in-out infinite}@keyframes tour-in{0%{opacity:0;scale:.94}}@keyframes tour-bob{0%,to{rotate:-4deg}50%{rotate:4deg}}@media (max-width:639px){.tour-bubble:not(.centered){right:12px;bottom:12px;left:12px;width:auto}.tour-commands li{grid-template-columns:1fr;gap:2px}}