body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0e0f14;font-family:system-ui,sans-serif;color:#eaeaea}*{margin:0;padding:0;box-sizing:border-box}main{max-width:80rem;margin:0 auto;padding:1.5rem}h1{font-size:3rem;color:#36f1a4;margin-bottom:1.5rem}h2{color:#ebeff5;font-size:1.4rem;margin-bottom:1rem;text-align:center}.difficulty{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.difficulty input{position:absolute;opacity:0}.difficulty input:checked+label{background:#36f1a4;color:#0c121a;border-color:#36f1a4;font-weight:600}.difficulty label{padding:.5rem 1.25rem;border-radius:1rem;border:2px solid oklch(28% .02 260deg);background:#192230;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.25s ease}.difficulty label:hover{background:#273347;border-color:#36f1a4}.difficulty label:focus-within{outline:2px solid oklch(85% .18 160deg);outline-offset:2px}.difficulty input:focus-visible+label{outline:2px solid oklch(85% .18 160deg);outline-offset:2px}.content{display:flex;flex-direction:column;gap:1.5rem}.machine{border:2px solid oklch(28% .02 260deg);border-radius:1.5rem;background:#0c121a;padding:2rem 1.5rem;text-align:center;box-shadow:0 10px 40px #0000004d;transition:.25s ease}.machine.winner{border-color:#36f1a4;box-shadow:0 0 40px #00f5a066}.slots{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;list-style:none;margin-bottom:1.5rem}.slot{display:grid;place-items:center;width:6rem;height:6rem;background:#192230;border-radius:1rem;border:2px solid oklch(28% .02 260deg);font-size:3rem;box-shadow:inset 0 4px 8px #0000004d}.stats{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:oklch(85% .18 160deg) oklch(18% .02 260deg);background:#ffffff0d;border-radius:1rem;padding:1.25rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat{display:flex;flex-direction:column}.label{color:#8c8f95;font-size:.9rem}.value{font-size:1.2rem;color:#ebeff5}.value.budget{font-size:1.4rem;font-weight:700;color:#36f1a4}button{padding:1.25rem 2.5rem;border-radius:1rem;border:2px solid oklch(28% .02 260deg);background:linear-gradient(135deg,#192230,#273347);color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;transition:.25s ease;margin:1rem}button:hover:not(:disabled){background:linear-gradient(135deg,#273347,#398d77,#36f1a4)}button:focus-visible{outline:2px solid oklch(85% .18 160deg);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.status{margin-top:1rem;color:#36f1a4;font-style:italic}.celebration{margin-top:1rem;font-size:3rem;color:#36f1a4;text-shadow:0 0 30px rgba(0,245,160,.5)}.history-section{background:#0c121a;border-radius:1.5rem;padding:1.5rem;border:2px solid oklch(28% .02 260deg)}.history-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:oklch(85% .18 160deg) oklch(18% .02 260deg);max-height:15rem}.history{list-style:none}.history li{padding:.9rem 1.2rem;background:#ffffff08;border-radius:1rem;margin-bottom:.5rem;color:#ebeff5;text-align:center;transition:.25s ease}.history li:hover{background:#ffffff14;transform:translate(4px)}.roll-enter-active,.roll-leave-active{transition:transform .15s ease,opacity .15s ease;position:absolute}.roll-enter-from{transform:translateY(-50%);opacity:0}.roll-leave-to{transform:translateY(50%);opacity:0}.history-enter-active,.history-leave-active{transition:all .4s ease}.history-enter-from{opacity:0;transform:translate(-20px)}.history-leave-to{opacity:0;transform:translate(20px)}.history-move{transition:transform .4s ease}@media(min-width:50rem){.content{display:grid;grid-template-columns:1fr 20rem;align-items:start}.content.no-history{display:flex;flex-direction:column;justify-content:center;align-items:center}.history-section{min-width:auto}.history-scroll{max-height:calc(100vh - 10rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:oklch(85% .18 160deg) oklch(18% .02 260deg)}}