@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box;font-family:Pixelify Sans}body{font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;max-height:100vh;max-width:100vw;font-size:22px;color:#f0f8ff;background:#020617;background-image:linear-gradient(to right,rgba(71,85,105,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(71,85,105,.15) 1px,transparent 1px),radial-gradient(circle at 50% 60%,rgba(236,72,153,.15) 0%,rgba(168,85,247,.05) 40%,transparent 70%);background-size:40px 40px,40px 40px,100% 100%}.overlay{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px}.glass{width:500px;transition:transform .4s ease-in-out}.glass.down{transform:translateY(0)}.glass.up{transform:translateY(-250px)}.diamond{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:200px;border-radius:20px;transition:opacity .5s ease-in-out,transform 4s ease-in-out}.diamond.win{animation:protrude 1s forwards}@keyframes protrude{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.6)}to{opacity:1;transform:translate(-1%,50%) scale(.4)}}.dim{opacity:.2}.bright{opacity:1}