.sugar-phone{display:block;width:100%;aspect-ratio:147/250;position:relative;padding:0;border:1px solid #ff7378;border-radius:47px;background:linear-gradient(145deg,#ffd8d9 0%,#a84046 6%,#1a1011 18%,#050405 61%,#5c2024 85%,#ff6267 96%);box-shadow:0 38px 75px #000c,inset 0 0 0 3px #ffffff24,0 0 0 4px #090509,0 0 58px #ef27304a;transition:transform .25s,filter .25s}.sugar-phone:hover{transform:translateY(-5px) rotate(.5deg);filter:brightness(1.06)}.sugar-phone::after{content:'';position:absolute;inset:4px;border:1px solid #ffffff30;border-radius:42px;pointer-events:none}.sugar-phone-screen{position:absolute;inset:9px;border:5px solid #050405;border-radius:38px;overflow:hidden;clip-path:inset(0 round 38px);-webkit-mask-image:-webkit-radial-gradient(white,black);contain:paint;transform:translateZ(0);background:#130a0b}.sugar-phone-screen video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:32px;pointer-events:none}.sugar-phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:16px;background:#030303;box-shadow:0 2px 6px #000}.sugar-phone-island::after{content:'';position:absolute;right:10px;top:7px;width:6px;height:6px;border-radius:50%;background:#2c1516;box-shadow:inset 1px 1px 2px #ff777588}.phone-side-key{position:absolute;left:-4px;top:106px;width:3px;height:44px;border-radius:4px;background:linear-gradient(#ff8585,#55191d)}
@media(max-width:760px){.sugar-phone{border-radius:40px;box-shadow:0 30px 58px #000c,inset 0 0 0 3px #ffffff24,0 0 0 4px #090509,0 0 42px #ef27303b}.sugar-phone::after{border-radius:35px}.sugar-phone-screen{inset:8px;border-radius:32px;clip-path:inset(0 round 32px)}}