.story-navigation{position:absolute;top:87px;left:4vw;right:4vw;max-width:620px;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:9px;z-index:11;color:#fff}
.story-navigation button,.story-navigation select{min-height:48px;border:1px solid #bdcfdd78;border-radius:999px;background:#07111deb;color:#f4f8fc;font:600 12px/1.2 Inter,sans-serif;box-shadow:0 4px 18px #0004;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.story-navigation button{min-width:112px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 17px;cursor:pointer}
.story-navigation button>span[aria-hidden]{font:22px/1 Arial,sans-serif}
.story-navigation select{width:100%;min-width:0;padding:12px 26px 12px 15px;text-overflow:ellipsis;cursor:pointer;font-size:11px}
.story-navigation select option{background:#07111d;color:#fff}
.story-navigation button:hover:not(:disabled),.story-navigation select:hover{background:#142a3e;border-color:#ffce9a}
.story-navigation button:disabled{background:#101722ed;color:#9ba9b6;border-color:#536272;box-shadow:none;cursor:not-allowed}
.story-navigation :is(button,select):focus-visible{outline:3px solid #ffce9a;outline-offset:4px}
.story-navigation[hidden],.story-steps[hidden]{display:none!important}
@media(max-width:700px){.story-navigation{top:79px;left:5vw;right:5vw;gap:7px}.story-navigation button{min-width:88px;padding:12px 10px;gap:6px;font-size:11px}.story-navigation select{font-size:10px;padding-left:10px;padding-right:20px}}
@media(max-width:359px){.story-navigation{gap:5px}.story-navigation button{min-width:77px;padding-inline:8px;gap:4px;font-size:10px}}
@media(max-height:500px){.story-navigation{top:74px}}
@media(prefers-reduced-motion:reduce){.story-navigation{backdrop-filter:none}.story-navigation button,.story-navigation select{backdrop-filter:none}}