/* Shared first-time tutorial (mode-tutorial.mjs). Same look as the Snake Room .kd-tut. */
.mt-help{font:800 16px/1 Inter;color:#cfe;min-width:36px}
.mt-tut{position:fixed;inset:0;z-index:260;cursor:pointer}
.mt-tut[hidden]{display:none}
.mt-tut.is-interactive{pointer-events:none;cursor:auto}
.mt-tut.is-interactive .mt-tut-bubble,.mt-tut.is-interactive .mt-tut-skip{pointer-events:auto}
.mt-tut-spot{position:fixed;border-radius:14px;box-shadow:0 0 0 200vmax #03080ec2,0 0 0 2px #03ffcc,0 0 22px 4px #03ffcc66;pointer-events:none;transition:top .28s cubic-bezier(.2,.8,.2,1),left .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1)}
.mt-tut.is-free .mt-tut-spot{box-shadow:0 0 0 200vmax #03080ec2}
.mt-tut:not(.is-reduced) .mt-tut-spot{animation:mtTutPulse 1.8s ease-in-out infinite}
@keyframes mtTutPulse{50%{box-shadow:0 0 0 200vmax #03080ec2,0 0 0 2px #03ffcc,0 0 30px 8px #03ffcc88}}
.mt-tut-bubble{position:fixed;display:flex;align-items:flex-start;gap:12px;padding:14px 16px 14px 14px;border-radius:16px;border:1px solid #03ffcc55;background:#0B1A26;box-shadow:0 18px 44px #000c;cursor:default;transition:top .28s,left .28s}
.mt-tut:not(.is-reduced) .mt-tut-bubble{animation:mtTutIn .22s ease-out}
@keyframes mtTutIn{from{opacity:0;transform:translateY(6px) scale(.98)}}
.mt-tut-dog{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid #03ffcc;background:#03ffcc22;object-fit:cover}
.mt-tut-body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.mt-tut-body p{margin:0;font:700 15px/1.35 Inter;color:#f3f7fb}
.mt-tut-next{align-self:flex-start;border:0;background:#03ffcc;color:#04241d;font:800 12.5px/1 Inter;padding:8px 12px;border-radius:999px;cursor:pointer}
.mt-tut-next[hidden],.mt-tut-wait[hidden]{display:none}
.mt-tut-wait{font:700 11.5px/1 Inter;color:#03ffcc}
.mt-tut-count{position:absolute;right:12px;bottom:10px;font:700 10px/1 Inter;color:#64788e}
.mt-tut-skip{position:fixed;top:calc(env(safe-area-inset-top) + 12px);right:12px;border:1px solid #ffffff33;background:#0B1A26;color:#dfe9f3;font:700 12.5px/1 Inter;padding:9px 13px;border-radius:999px;cursor:pointer}
.mt-tut.is-reduced .mt-tut-spot,.mt-tut.is-reduced .mt-tut-bubble{transition:none;animation:none}
@media (prefers-reduced-motion:reduce){.mt-tut-spot,.mt-tut-bubble{transition:none!important;animation:none!important}}
@media (max-width:600px){.mt-tut-body p{font-size:14px}.mt-tut-dog{width:44px;height:44px}}