#scenario{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;background:#101b2b;color:#fff;border:2px solid #f5f9ff;border-radius:10px;font:16px/1.5 Arial,Helvetica,sans-serif}#scenario::backdrop{background:#000b}#scenario h2{margin:0 0 12px;font-size:24px}#scenario p{margin:12px 0}#scenario label{display:block;margin-top:16px}#scenario input{display:block;width:100%;height:44px;accent-color:#f5f9ff;touch-action:pan-y}#scenario .scenario-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}#scenario button{padding:12px 18px;min-height:44px;border:1px solid #f5f9ff;border-radius:5px;background:#f5f9ff;color:#101b2b;font-weight:bold;cursor:pointer}#scenario button:disabled{opacity:.45;cursor:default}#scenario button[data-cancel]{background:transparent;color:white}#scenario a{color:#f5f9ff}#scenario :focus-visible{outline:3px solid white;outline-offset:3px}
#scenario label{font-weight:800;color:#f5f9ff;font-size:18px;margin-bottom:12px}#scenario input{appearance:none;-webkit-appearance:none;height:58px;margin:0;border:2px solid #f5f9ff;border-radius:30px;background:#23364d;cursor:ew-resize;box-shadow:inset 0 2px 8px #0007}#scenario input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:50px;height:50px;border:3px solid #fff;border-radius:50%;background:#f5f9ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 14h16m-7-7 7 7-7 7' fill='none' stroke='%23101b2b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/28px no-repeat;box-shadow:0 0 14px #b9e2ff66}#scenario input::-moz-range-thumb{width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:#f5f9ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M6 14h16m-7-7 7 7-7 7' fill='none' stroke='%23101b2b' stroke-width='3'/%3E%3C/svg%3E") center no-repeat}#scenario input:disabled{opacity:.65}
#scenario{width:min(380px,calc(100vw - 32px));padding:20px;background-color:#1c3348;box-shadow:0 16px 60px #0009;font-size:14px;line-height:1.45}#scenario h2{font-size:21px;margin-bottom:10px}#scenario label{font-size:16px;margin-top:12px;margin-bottom:10px}#scenario p{margin:10px 0;text-shadow:0 1px 3px #000}#scenario .scenario-actions{margin-top:12px}#scenario input{background-color:#23364de8}
#scenario{position:fixed;isolation:isolate;overflow:hidden;min-height:190px;padding-top:110px;background:#101b2b}
#scenario .scenario-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:-2;pointer-events:none}
#scenario::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#09121fe6);pointer-events:none}
#scenario [hidden]{display:none}
#scenario{inset:0;width:min(420px,calc(100vw - 32px));height:fit-content;min-height:0;max-height:calc(100dvh - 32px);margin:auto;border:1px solid #d9edff;border-radius:12px 12px 26px 26px;padding:0;background:#101b2b;overflow:auto}
#scenario[open]{display:block}
#scenario .scenario-video{position:static;display:block;width:100%;height:min(55dvh,calc((min(420px,100vw - 32px) - 2px)*9/16));object-fit:cover;z-index:auto}
#scenario::before{content:none}
#scenario input,#scenario [role=status],#scenario [data-fallback],#scenario .scenario-actions{width:min(100%,440px)}
#scenario .swipe-track{position:relative;width:100%;padding:0 8px 8px}
#scenario .swipe-track input{width:100%}
#scenario .swipe-guide{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.14em;pointer-events:none}
#scenario .swipe-track:has(input:active) .swipe-guide{opacity:0}