@layer components{.tutorial-coach{z-index:65;top:max(64px, calc(env(safe-area-inset-top) + 56px));left:max(12px, env(safe-area-inset-left));pointer-events:none;width:clamp(240px,22vw,320px);transition:left .45s cubic-bezier(.16,1,.3,1),top .45s cubic-bezier(.16,1,.3,1),opacity .2s ease-out;position:fixed}.tutorial-coach[data-resolving]{opacity:0}.tutorial-coach[data-placed]{transform:none}@media (prefers-reduced-motion:reduce){.tutorial-coach{transition:none}}.tutorial-coach button{pointer-events:auto}@media (max-aspect-ratio:20/23){.tutorial-coach{--stage:min(calc(100vw / 680), calc(100dvh / 1280));top:calc(50dvh + (488 - 640) * var(--stage));width:min(calc(640 * var(--stage)), calc(100vw - 24px));font-size:.875rem;left:50%;transform:translate(-50%,-50%)}.tutorial-coach-step{display:none}}@keyframes tutorial-focus{0%,to{filter:drop-shadow(0 0 4px #ffd6788c)drop-shadow(0 0 10px #ffbe5059)}50%{filter:drop-shadow(0 0 8px #ffe08cf2)drop-shadow(0 0 22px #ffbe50b3)}}@keyframes tutorial-point{0%,to{filter:drop-shadow(0 0 3px #ffd678cc)drop-shadow(0 0 8px #ffbe5080);scale:1}50%{filter:drop-shadow(0 0 6px #ffe896)drop-shadow(0 0 16px #ffbe50d9);scale:1.3}}@media (prefers-reduced-motion:reduce){@keyframes tutorial-point{0%,to{filter:drop-shadow(0 0 5px #ffe08cf2)drop-shadow(0 0 12px #ffbe50b3);scale:1.15}}@keyframes tutorial-focus{0%,to{filter:drop-shadow(0 0 6px #ffd678d9)drop-shadow(0 0 16px #ffbe508c)}}}.tutorial-offer{width:min(520px,100vw - 32px);max-width:none;color:inherit;background:0 0;border:0;margin:auto;padding:40px 0 0;overflow:visible}.tutorial-offer::backdrop{background:radial-gradient(circle,#0a060399,#0a0603e6)}}