.rotating-tip{position:fixed;z-index:6;bottom:calc(env(safe-area-inset-bottom) + 120px);left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 36px));min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;font:inherit;font-size:14px;line-height:1.45;color:#a6b2c1;opacity:1;transition:opacity .6s ease;pointer-events:auto}
.rotating-tip.fading{opacity:0}
.rotating-tip a{color:inherit;text-decoration:none}
.rotating-tip a:hover{text-decoration:underline}
.rotating-tip a:focus-visible,.tutorial-shortcuts button:focus-visible{outline:2px solid #58b6ff;outline-offset:4px}
.tutorial-shortcuts{position:fixed;z-index:9;bottom:calc(env(safe-area-inset-bottom) + 62px);left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 24px));display:flex;gap:8px}
.tutorial-shortcuts button{flex:1;min-width:0;min-height:44px;border:1px solid #64758c55;border-radius:12px;background:#222a35;color:#e4ebf4;font:inherit;font-size:14px;line-height:1.25;padding:8px 6px;cursor:pointer}
.tutorial-shortcuts button:hover{background:#303c4b}
[data-theme=light] .rotating-tip{color:#617085}
[data-theme=light] .tutorial-shortcuts button{color:#334e6c;background:#f3f6fa;border-color:#bacce0}
[data-theme=light] .tutorial-shortcuts button:hover{background:#e2ebf5}
.stage:has(.info:not([hidden])){padding-bottom:calc(env(safe-area-inset-bottom) + 120px)}
body:has(.tutorial-open)>.rotating-tip,.tutorial-open>.rotating-tip{visibility:hidden;pointer-events:none}
body:has(.chooser)>.rotating-tip{bottom:calc(env(safe-area-inset-bottom) + 62px);min-height:36px;font-size:14px}
body:has(.chooser) .picker-controls{bottom:calc(env(safe-area-inset-bottom) + 112px)}
body:has(.chooser){--hardware-bottom:calc(env(safe-area-inset-bottom) + 230px)}
@media(max-width:760px){.stage:has(.info:not([hidden])){padding-bottom:calc(env(safe-area-inset-bottom) + 120px)}}
@media(max-height:500px){.rotating-tip{font-size:12px;bottom:calc(env(safe-area-inset-bottom) + 102px)}.tutorial-shortcuts{bottom:calc(env(safe-area-inset-bottom) + 48px)}.tutorial-shortcuts button{font-size:13px;min-height:40px}body:has(.chooser) .picker-controls{bottom:calc(env(safe-area-inset-bottom) + 92px)}body:has(.chooser){--hardware-bottom:calc(env(safe-area-inset-bottom) + 180px)}}
@media(prefers-reduced-motion:reduce){.rotating-tip{transition:none}}
