*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;font-size:15px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;background:linear-gradient(135deg,#ffd6e8,#d6e4ff);color:#2a2a2a}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center}#app{width:100%;padding:2rem}.container{width:100%;max-width:500px;margin:0 auto;background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 20px 40px #00000014;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}div{margin:0}p{display:flex;flex-direction:column}@media(hover:hover){a:hover{background-color:#00bd7e33}}.machine{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.machine h1{margin:0;font-size:2.2rem;font-weight:700;color:#2a2a2a}.slots{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;width:100%}.slots .slot{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#ffe4f0,#e4f0ff);border-radius:16px;overflow:hidden;box-shadow:0 8px 16px #00000014;border:2px solid rgba(255,139,171,.2);transition:transform .2s ease,box-shadow .2s ease}.slots .slot:hover{box-shadow:0 12px 24px #0000001f}.slots .slot span{display:flex;align-items:center;justify-content:center}.slot-enter-active{animation:roll .12s linear}button{border:none;padding:.7rem 1.5rem;margin:2rem;font-size:.95rem;font-weight:600;border-radius:999px;background:linear-gradient(135deg,#ff8fab,#a0c4ff);color:#fff;cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001f}button:active{transform:translateY(0);box-shadow:none}@keyframes roll{0%{transform:translateY(-50%)}to{transform:translateY(50%)}}