.tutorial-layer{position:fixed;inset:0;z-index:100;pointer-events:none}.tutorial-layer[hidden]{display:none}.tutorial-coach{position:fixed;transform:translateX(-50%);box-sizing:border-box;padding:12px 14px;border:3px solid #f8d982;border-radius:19px;color:#fff5db;background:linear-gradient(135deg,#403574,#242748);box-shadow:0 5px 0 #161b35,0 10px 28px #14183066;pointer-events:auto;animation:tutorial-enter .25s ease-out}.tutorial-heading{display:flex;align-items:center;gap:9px}.tutorial-heading>.menu-art{width:49px;height:49px;flex:none;filter:drop-shadow(0 2px 1px #141830)}.tutorial-heading>div{flex:1;min-width:0}.tutorial-heading small{display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#eed28f}.tutorial-title{display:block;font-size:19px;line-height:1.12;margin-top:3px;text-shadow:0 2px #1b1537}.tutorial-skip{min-width:44px;min-height:44px;align-self:flex-start;border:0;background:transparent;color:#d8d3f0;padding:4px;font-size:12px;text-decoration:underline}.tutorial-copy{font-size:14px;line-height:1.35;margin:9px 0;color:#f9f0dc}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-progress{display:flex;gap:5px}.tutorial-progress i{width:18px;height:4px;border-radius:3px;background:#777294}.tutorial-progress .lit{background:#ffcf61}.tutorial-finish{border:2px solid #274b30;border-radius:10px;padding:6px 16px;background:linear-gradient(#58ef74,#1dc64c);color:#173b27;font-size:16px;font-weight:900;box-shadow:0 2px #173b27}.tutorial-finish[hidden]{display:none}.tutorial-focus{position:fixed;border:3px solid #ffe593;border-radius:16px;box-shadow:0 0 0 3px #4c376f88,0 0 22px #ffd1538c;box-sizing:border-box;animation:tutorial-glow 1.6s ease-in-out infinite}.tutorial-target{outline:3px solid #ffe593!important;outline-offset:3px;filter:drop-shadow(0 0 5px #ffdb6e)!important}.tutorial-layer:not([hidden])~*{--tutorial-active:1}@keyframes tutorial-glow{50%{box-shadow:0 0 0 5px #4c376f44,0 0 26px #ffd153bd}}@keyframes tutorial-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(max-height:650px){.tutorial-coach{padding:8px 11px}.tutorial-heading>.menu-art{width:34px;height:34px}.tutorial-title{font-size:16px}.tutorial-copy{font-size:12px;margin:6px 0}.tutorial-heading small{font-size:8px}}@media(prefers-reduced-motion:reduce){.tutorial-coach,.tutorial-focus{animation:none}}