.gears-player{width:100%;max-width:420px;margin:auto;color:#fff}.gears-stage{position:relative;aspect-ratio:9/16;max-height:72svh;overflow:hidden;background:#08090e;border:1px solid #ffffff20;border-radius:16px}.gears-video{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;filter:blur(6px);transform:scale(1.025);transition:opacity .65s ease,filter .65s ease,transform .8s ease;pointer-events:none}.gears-video.is-active{z-index:2;opacity:1;filter:none;transform:scale(1)}.gears-video.is-previous{z-index:1;opacity:1;filter:none;transform:none}.gears-video.is-preparing{opacity:0}.gears-stage[data-transitioning=true] .gears-video.is-active{animation:gears-enter .9s cubic-bezier(.16,1,.3,1) both}.gears-stage[data-transitioning=true] .gears-video.is-previous{animation:gears-exit .9s ease both}.gears-stage[data-segment=outro]{--gears-direction: -1}.gears-stage{--gears-direction: 1}@keyframes gears-enter{0%{transform:translate(calc(9% * var(--gears-direction))) scale(1.16);filter:blur(9px) brightness(1.3);opacity:.25}55%{opacity:1}to{transform:none;filter:none;opacity:1}}@keyframes gears-exit{to{transform:translate(calc(-12% * var(--gears-direction))) scale(1.08);filter:blur(8px);opacity:0}}.gears-cover{z-index:3;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;background:radial-gradient(ellipse at bottom,#7a260c,#11121c 65%);text-align:center}.gears-cover>span,.gears-segment{font-size:11px;letter-spacing:.2em}.gears-cover strong{font-size:clamp(32px,8vw,60px);font-weight:900;line-height:.95}.gears-cover strong span{color:#f05e07}.gears-cover button,.gears-skip{border:1px solid #ffffff70;background:#111b;padding:12px 18px;border-radius:5px;min-height:44px}.gears-skip{position:absolute;bottom:24px;right:16px;z-index:6}.gears-segment{z-index:6;position:absolute;top:18px;left:18px;background:#0008;padding:8px;border-radius:4px}.gears-controls{display:flex;align-items:center;gap:12px;padding:12px 0}.gears-controls button{min-width:44px;min-height:44px;background:#f05e07;border-radius:8px}.gears-seek{flex:1;font-size:11px}.gears-controls input{display:block;width:100%;accent-color:#f05e07;min-height:28px}.gears-volume{width:65px;font-size:10px}.gears-status{font-size:12px;min-height:24px;color:#fffa}.gears-player button:focus-visible,.gears-player input:focus-visible{outline:2px solid #f99b60;outline-offset:4px}.gears-player button:disabled{opacity:.5}.gears-transition{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.gears-shutter{position:absolute;inset:-1px;background:#08090e;animation:gears-shutter .8s cubic-bezier(.65,0,.25,1) both}.gears-shutter-top{clip-path:polygon(0 0,100% 0,100% 40%,0 65%);--gears-shutter-y: -105%}.gears-shutter-bottom{clip-path:polygon(0 65%,100% 40%,100% 100%,0 100%);--gears-shutter-y: 105%}@keyframes gears-shutter{0%{transform:translateY(var(--gears-shutter-y))}28%,40%{transform:translateY(0)}to{transform:translateY(var(--gears-shutter-y))}}.gears-sweep{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#08090ef0 45%,#f05e07cf 50%,#08090ef0 55%,transparent 70%);animation:gears-wipe .8s cubic-bezier(.65,0,.25,1) both;z-index:2}.gears-flare{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 40%,#ffc06d80,transparent 65%);mix-blend-mode:screen;animation:gears-flare .85s ease both}.gears-streaks{position:absolute;inset:-35%;background:repeating-linear-gradient(155deg,transparent 0 42px,#ff9e4c70 43px 44px,transparent 45px 90px);animation:gears-streaks .8s ease-out both}.gears-brand{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#08090eee 0%,#08090e88 32%,transparent 70%);animation:gears-brand 1.1s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.gears-brand img{width:36%;max-width:145px;height:auto;filter:drop-shadow(0 0 18px #f05e0790)}.gears-brand span{font-family:Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.24em;color:#fff;text-shadow:0 2px 12px #000}.gears-brand i{width:90px;height:2px;background:linear-gradient(90deg,transparent,#f05e07,transparent);box-shadow:0 0 14px #f05e07}@keyframes gears-brand{0%{opacity:0;transform:scale(.65) rotate(-9deg);filter:blur(5px)}22%,62%{opacity:1;transform:scale(1);filter:none}to{opacity:0;transform:scale(1.3);filter:blur(3px)}}@keyframes gears-flare{0%,to{opacity:0}40%{opacity:.7}}@keyframes gears-streaks{0%{transform:translate(-35%);opacity:0}40%{opacity:.65}to{transform:translate(35%);opacity:0}}@keyframes gears-wipe{0%{transform:translate(-110%)}to{transform:translate(110%)}}@media(prefers-reduced-motion:reduce){.gears-video,.gears-stage[data-transitioning=true] .gears-video.is-active,.gears-stage[data-transitioning=true] .gears-video.is-previous{animation:none;transition:opacity .15s;transform:none;filter:none}.gears-shutter,.gears-sweep,.gears-flare,.gears-streaks{display:none}.gears-brand{animation:none;transform:none;opacity:1;will-change:auto;background:#08090ed9}}@media(max-width:360px){.gears-volume{width:46px}.gears-controls{gap:8px}}.gears-cover{background:radial-gradient(ellipse at 82% 13%,rgba(240,94,7,.42),transparent 42%),radial-gradient(ellipse at 12% 86%,rgba(1,3,158,.65),transparent 54%),linear-gradient(152deg,#060719 7%,#121543 47%,#060719);padding:26px;isolation:isolate}.gears-cover:before{content:"";position:absolute;inset:4%;border:1px solid rgba(255,255,255,.14);border-radius:14px;pointer-events:none;transform:skewY(-3deg)}.gears-cover:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(113deg,transparent 40%,rgba(240,94,7,.24) 49%,transparent 57%)}.gears-cover strong{font-family:The Soul Nation,Inter,sans-serif;font-style:italic;text-shadow:0 8px 40px #000}.gears-stage:fullscreen,.gears-stage:-webkit-full-screen{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#02030a}.gears-stage:fullscreen .gears-video{object-fit:contain}.gears-stage:fullscreen .gears-skip{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}
