/* Etapa 11 · Espaço profundo: voo livre */
html,body{touch-action:none}
body.voando,body.voando *{cursor:grabbing!important}
body.voando #stage{user-select:none;-webkit-user-select:none}
.voo{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);transform:translate(-50%,6px);z-index:6;width:max-content;max-width:min(620px,calc(100vw - 32px));box-sizing:border-box;text-align:center;white-space:pre-line;font:400 9.5px/1.7 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#8a8279;pointer-events:none;opacity:0;transition:opacity .9s,transform .9s}
.voo.on{opacity:1;transform:translate(-50%,0)}
body.dica .hint{opacity:0!important;transition:opacity .4s}
.centro{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 64px);transform:translateY(8px);z-index:6;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--line);color:#8a8279;font:500 9.5px var(--f-mono);letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s,color .3s,border-color .3s}
.centro.on{opacity:1;transform:none;pointer-events:auto}
.centro svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4}
.centro:hover,.centro:focus-visible{color:#ffdcb8;border-color:rgba(255,185,121,.35)}
@media (max-width:900px){.voo{bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}}
@media (max-width:599px){.voo{letter-spacing:.12em;max-width:calc(100vw - 48px)}.centro{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 100px)}}