Flip phone green 🪲

<!-- // Sony Ericsson du - UNLOCK EDITION (⁠´⁠ε⁠｀⁠ ⁠) 🔓 // --> <div id="se-du-trigger"></div> <div class="se-du-container"> <style> #se-du-trigger { position: fixed; top: 0; left: 0; visibility: hidden; } .se-du-container { position: fixed; bottom: 20px; right: 20px; width: 140px; z-index: 9999; cursor: pointer; } .se-screen { position: absolute; z-index: 1; overflow: hidden; background: #000; image-rendering: pixelated; } .se-chasis { width: 100%; height: auto; display: block; position: relative; z-index: 4; border: none !important; } /* COORDENADAS */ .se-externa { top: 74.5%; left: 32.5%; width: 34.5%; height: 12.8%; border-radius: 1px; } .se-principal { top: 15.0%; height: 26.4%; width: 76.3%; left: 11.8%; } /* ANIMACIÓN DE DESBLOQUEO */ @keyframes lockFade { 0% { opacity: 1; visibility: visible; } 80% { opacity: 1; } 100% { opacity: 0; visibility: hidden; } } .se-lock { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 5; animation: lockFade 2.5s ease-out forwards; } .se-menu { width: 100%; height: 100%; object-fit: cover; z-index: 1; } .se-open { display: none; } #se-du-trigger:target ~ .se-du-container .se-open { display: block; } #se-du-trigger:target ~ .se-du-container .se-closed { display: none; } .se-audio-invisible { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .se-link { text-decoration: none !important; outline: none !important; } </style> <!-- ESTADO CERRADO --> <a href="#se-du-trigger" class="se-link se-closed"> <div style="position:relative;"> <img src="https://i.postimg.cc/pLw15CPC/264-sin-titulo-20260329142721.png" class="se-chasis"> <div class="se-screen se-externa"> <img src="https://i.postimg.cc/WbcrQTB4/832656cd2f02bad90c1ef9a8326966f6.gif" style="width:100%; height:100%; object-fit:cover;"> </div> </div> </a> <!-- ESTADO ABIERTO (CON DESBLOQUEO) --> <div class="se-open"> <a href="#close" class="se-link"> <div style="position:relative;"> <img src="https://i.postimg.cc/tgww5DqR/264-sin-titulo-20260329133943.png" class="se-chasis"> <div class="se-screen se-principal"> <!-- Pantalla Bloqueo --> <img src="https://i.postimg.cc/Dy3stn9g/3a671958beced5aa0b39596cc532c979.gif" class="se-lock"> <!-- Menú Real --> <img src="https://i.postimg.cc/nLNf0RXH/86199b7099d2905da68790b319a2fd0c.jpg" class="se-menu"> </div> <iframe class="se-audio-invisible" src="https://www.youtube.com/embed/uDpp7VhOJ2w?autoplay=1" allow="autoplay"></iframe> </div> </a> </div> </div>