.mv{z-index:4;pointer-events:none;width:118px;height:118px;filter:drop-shadow(0 0 6px var(--c));margin-left:-59px;position:absolute;top:-8px;left:50%}.mv:before{content:"";background:radial-gradient(circle, #fff 0%, var(--c) 42%, transparent 72%);border-radius:50%;animation:.42s ease-out forwards mv-flash;position:absolute;inset:32%}@keyframes mv-flash{0%{opacity:1;transform:scale(.25)}55%{opacity:.75}to{opacity:0;transform:scale(1.7)}}.mv i{position:absolute;top:50%;left:50%}.mv-splash:after,.mv-ice:after,.mv-impact:after{content:"";border:3px solid var(--c);border-radius:50%;animation:.5s cubic-bezier(.2,.7,.3,1) forwards mv-ring;position:absolute;inset:22%}@keyframes mv-ring{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(1.9)}}.mv-splash i,.mv-ice i,.mv-leaf i,.mv-spark i,.mv-impact i{animation:.5s cubic-bezier(.15,.7,.3,1) forwards mv-burst}.mv i:first-child{--a:0deg;animation-delay:0s}.mv i:nth-child(2){--a:60deg;animation-delay:20ms}.mv i:nth-child(3){--a:120deg;animation-delay:40ms}.mv i:nth-child(4){--a:180deg;animation-delay:10ms}.mv i:nth-child(5){--a:240deg;animation-delay:30ms}.mv i:nth-child(6){--a:300deg;animation-delay:50ms}@keyframes mv-burst{0%{transform:rotate(var(--a)) translateY(-6px) scale(.3);opacity:0}18%{opacity:1}to{transform:rotate(var(--a)) translateY(-56px) scale(1.05);opacity:0}}.mv-splash i{background:radial-gradient(circle at 36% 26%, #fff, var(--c) 72%);border-radius:50%;width:13px;height:13px;margin:-6.5px}.mv-ice i{background:linear-gradient(var(--c), #fff);clip-path:polygon(50% 0,100% 100%,0 100%);width:7px;height:24px;margin:-12px -3.5px}.mv-leaf i{background:linear-gradient(120deg, #fff, var(--c) 55%);border-radius:50% 0 50% 50%;width:18px;height:11px;margin:-5.5px -9px;animation:.6s ease-out forwards mv-leaf}@keyframes mv-leaf{0%{transform:rotate(var(--a)) translateY(-6px) scale(.3) rotate(0deg);opacity:0}18%{opacity:1}to{transform:rotate(var(--a)) translateY(-58px) scale(1.1) rotate(420deg);opacity:0}}.mv-spark i{background:var(--c);width:16px;height:16px;filter:drop-shadow(0 0 5px var(--c));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);margin:-8px}.mv-impact i{background:linear-gradient(var(--c), transparent);border-radius:4px;width:8px;height:26px;margin:-13px -4px}.mv-flame i{background:radial-gradient(circle at 50% 22%, #fff, #ffd34d 30%, var(--c) 62%, transparent 80%);border-radius:50% 50% 45% 45%/62% 62% 38% 38%;width:16px;height:22px;margin:-11px -8px;animation:.6s ease-out forwards mv-rise}.mv-flame i:first-child{--x:-28px;animation-delay:0s}.mv-flame i:nth-child(2){--x:-14px;animation-delay:50ms}.mv-flame i:nth-child(3){--x:0px;animation-delay:.1s}.mv-flame i:nth-child(4){--x:14px;animation-delay:40ms}.mv-flame i:nth-child(5){--x:28px;animation-delay:20ms}.mv-flame i:nth-child(6){--x:8px;animation-delay:.12s}@keyframes mv-rise{0%{transform:translate(var(--x), 26px) scale(.5);opacity:0}25%{opacity:1}60%{transform:translate(calc(var(--x) * 1.1), -8px) scale(1.15);opacity:.9}to{transform:translate(calc(var(--x) * 1.2), -40px) scale(.7);opacity:0}}.mv-bolt i{display:none}.mv-bolt i:first-child,.mv-bolt i:nth-child(2){background:linear-gradient(#fff, var(--c));filter:drop-shadow(0 0 8px var(--c));clip-path:polygon(55% 0,28% 45%,50% 45%,22% 100%,72% 38%,48% 38%,72% 0);animation:.42s steps(3,end) forwards mv-bolt;display:block}.mv-bolt i:first-child{width:34px;height:92px;margin:-46px -17px}.mv-bolt i:nth-child(2){opacity:.85;width:22px;height:60px;margin:-30px 2px;transform:scaleX(-1)rotate(12deg)}@keyframes mv-bolt{0%{opacity:0}12%{opacity:1}45%{opacity:1}55%{opacity:.15}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mv,.mv *{animation-duration:.01ms!important}}
.dsl{--sil-hi:#f4f6f8;--sil:#d9dee3;--sil-lo:#b4bbc3;--sil-edge:#9aa1a9;--blk:#16161b;background:linear-gradient(158deg, var(--sil-hi) 0%, var(--sil) 52%, var(--sil-lo) 100%);color:#2a2d33;border-radius:16px 16px 18px 18px;width:100%;max-width:620px;margin:0 auto;padding:14px 14px 16px;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffff80,inset 0 -3px 6px #0000002e,0 14px 28px #00000073}.dsl-frame{background:linear-gradient(#202028, var(--blk));border-radius:9px;width:92%;max-width:460px;margin:0 auto;padding:9px;box-shadow:inset 0 0 0 1px #0a0a0d,inset 0 2px 6px #000000b3,0 1px #fff9}.dsl-frame--touch{width:100%;max-width:360px}.ds-screen{background:#cfe3ef;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #00000073}.ds-screen:after{content:"";pointer-events:none;z-index:30;background:linear-gradient(125deg,#ffffff29 0%,#fff0 38%);position:absolute;inset:0}.ds-screen--touch{background:#11203c}.ds-top-inner{width:100%;display:block}.ds-bottom-inner{flex-direction:column;gap:8px;width:100%;padding:10px;display:flex}.dsl-hinge{justify-content:center;align-items:center;gap:90px;width:96%;height:16px;margin:9px auto;display:flex;position:relative}.dsl-hinge:before{content:"";background:linear-gradient(var(--sil-lo), var(--sil-edge));border-radius:4px;position:absolute;inset:6px 0;box-shadow:inset 0 1px #ffffff80,inset 0 -2px 3px #00000040}.dsl-hinge-cyl{z-index:1;background:linear-gradient(var(--sil-hi), var(--sil-lo));border-radius:8px;width:58px;height:16px;position:relative;box-shadow:inset 0 1px #fff,inset 0 -2px 4px #0000004d,0 1px 1px #0003}.dsl-led{z-index:1;background:#58ff7a;border-radius:50%;width:7px;height:7px;animation:2.6s ease-in-out infinite dsl-led;position:relative;box-shadow:0 0 6px 2px #58ff7acc,inset 0 0 2px #0a5a22}@keyframes dsl-led{0%,to{opacity:.85}50%{opacity:1}}.dsl-base{justify-content:center;align-items:stretch;gap:10px;display:flex}.dsl-side{flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:76px;padding-top:10px;display:flex}.dsl-center{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.dsl-speaker{opacity:.85;background-image:radial-gradient(circle,#0000006b 0 1.1px,#0000 1.6px);background-position:50%;background-size:6px 6px;border-radius:4px;width:46px;height:22px;box-shadow:inset 0 1px 2px #00000040}.dsl-dpad{width:58px;height:58px;position:relative}.dsl-dpad-v,.dsl-dpad-h{background:linear-gradient(#43464d,#2c2e34);border-radius:5px;position:absolute;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 3px #00000080,0 1px 1px #0000004d}.dsl-dpad-v{width:20px;height:58px;top:0;left:19px}.dsl-dpad-h{width:58px;height:20px;top:19px;left:0}.dsl-dpad:after{content:"";z-index:1;background:radial-gradient(circle at 40% 35%,#4b4e55,#2a2c31);border-radius:50%;width:12px;height:12px;position:absolute;top:23px;left:23px}.dsl-face{width:70px;height:70px;position:relative}.dsl-btn{width:26px;height:26px;font-family:var(--font-sans), sans-serif;color:#5a5f67;background:radial-gradient(circle at 38% 32%,#eef0f3,#c2c7cf 70%,#aab0b8);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #00000047,0 1px 1px #0000004d}.dsl-x{top:0;left:22px}.dsl-y{top:22px;left:0}.dsl-a{top:22px;right:0}.dsl-b{bottom:0;left:22px}.dsl-sysrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:2px;display:flex}.dsl-mic{background:radial-gradient(circle,#2a2c31,#54585f);border-radius:50%;width:5px;height:5px}.dsl-pill{font-family:var(--font-sans), sans-serif;letter-spacing:.06em;color:#565b63;background:linear-gradient(var(--sil-hi), var(--sil-lo));border-radius:8px;padding:3px 9px;font-size:6.5px;font-weight:700;transform:rotate(-12deg);box-shadow:inset 0 1px #fff,inset 0 -1px 2px #0000004d}.dsl-wordmark{font-family:var(--font-sans), sans-serif;letter-spacing:.12em;color:#8b9099;text-shadow:0 1px #fff;font-size:7px;font-weight:800}@media (max-width:560px){.dsl{padding:10px 8px 12px}.dsl-base{gap:4px}.dsl-side{gap:10px;width:56px}.dsl-speaker{width:34px;height:16px}.dsl-dpad{width:46px;height:46px}.dsl-dpad-v{width:16px;height:46px;left:15px}.dsl-dpad-h{width:46px;height:16px;top:15px}.dsl-dpad:after{width:10px;height:10px;top:18px;left:18px}.dsl-face{width:52px;height:52px}.dsl-btn{width:19px;height:19px;font-size:8px}.dsl-x{left:16.5px}.dsl-y,.dsl-a{top:16.5px}.dsl-b{left:16.5px}.dsl-hinge{gap:50px}.dsl-hinge-cyl{width:42px}.dsl-wordmark{display:none}}