#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.machine[data-v-aba138c8]{min-height:100vh;background:radial-gradient(circle at center,#1a1a1a,#000 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Trebuchet MS,sans-serif;padding:2rem}h1[data-v-aba138c8]{font-size:3rem;margin-bottom:2rem;color:gold;text-shadow:0 0 15px rgba(255,215,0,.7)}.slots[data-v-aba138c8]{display:flex;gap:2rem;margin-bottom:2rem}.slot[data-v-aba138c8]{width:320px;height:320px;border-radius:15px;background:linear-gradient(145deg,#111,#1f1f1f);border:3px solid gold;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:inset 0 0 15px #ffffff1a,0 0 15px #ffd70066;transition:transform .2s ease,box-shadow .3s ease}.slot span[data-v-aba138c8]{font-size:3rem}.slot.spinning[data-v-aba138c8]{animation:spin-aba138c8 .2s linear infinite}@keyframes spin-aba138c8{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}button[data-v-aba138c8]{background:linear-gradient(145deg,gold,orange);color:#000;border:none;padding:.8rem 2rem;margin:.5rem;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 5px 15px #ffa50066}button[data-v-aba138c8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa500b3}button[data-v-aba138c8]:disabled{opacity:.5;cursor:not-allowed;transform:none}h2[data-v-aba138c8]{margin-top:2rem;font-size:2.5rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}h2[style*=green][data-v-aba138c8]{text-shadow:0 0 20px limegreen}h2[style*=red][data-v-aba138c8]{text-shadow:0 0 20px red}