:root{--primary: oklch(59.281% .10025 203.621 / .448);--secondary: oklch(50.235% .09876 147.698 / .963);--tertiary: oklch(76.228% .2065 130.462 / .868);--accent: oklch(65.697% .17672 129.991 / .388);--winner: oklch(88.677% .18212 95.338);--bg: oklch(98.983% .01389 186.432);--text-color: oklch(3% .5 348);font-family:Poppins,sans-serif}*,*:before,*:after{box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;margin:0;color:var(--text-color);line-height:1.5;margin-bottom:5rem;height:100vh;background-color:var(--bg)}body .container{display:flex;flex-direction:column;align-items:center;max-width:60rem;margin:0 auto;gap:.5rem;padding:2rem;background-color:var(--primary);border-radius:.5rem;box-shadow:0 10px 30px #0000001a;border:var(--secondary) 1px solid}body .container.winner{border-color:var(--winner);animation:pulse-glow 1s infinite alternate;background-color:var(--secondary)}body .container.winner h1{color:var(--winner);text-shadow:0 0 5px var(--winner)}body .container .machine{display:flex;flex-direction:column;align-items:center}body .container .machine .slots{display:flex;justify-content:space-around;gap:.5rem}body .container .machine .slots .slot{font-size:3rem;background-color:var(--bg);border:var(--text-color) 1px solid;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;overflow:hidden}body .container .machine .slots .slot span{display:inline-block}body .container .machine .slots .slot .roll-enter-from{transform:translateY(-50%) scale(.6)}body .container .machine .slots .slot .roll-leave-to{transform:translateY(50%) scale(.6)}body .container .machine .slots .slot .roll-enter-active,body .container .machine .slots .slot .roll-leave-active{transition:all 50ms ease-in-out}body .container .machine button{border:0;border-radius:.5rem;padding:.75rem 2.5rem;margin-top:1.5rem;background-color:var(--tertiary);font-size:1.2rem;cursor:pointer;box-shadow:0 4px 0 var(--accent);transition:all .05s ease}body .container .machine button:hover:not(:disabled){filter:brightness(1.1)}body .container .machine button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--accent)}body .container .machine button:disabled{background-color:var(--accent);box-shadow:0 4px #6ba50014;cursor:not-allowed;opacity:.7}body .container .machine div[lang=fr]{margin-top:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.2rem;color:#ff4757;animation:neon-flash .8s infinite alternate}body .container .machine .historylist{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0;margin-top:2rem}body .container .machine .historylist .historyitem{font-size:1.5rem}body .container .machine .historylist .list-enter-from{opacity:0;transform:translate(30px)}body .container .machine .historylist .list-enter-active,body .container .machine .historylist .list-move{transition:all .3s ease-out}@keyframes pulse-glow{0%{box-shadow:0 0 10px #ffd70133}to{box-shadow:0 0 30px var(--winner),inset 0 0 15px #ffd70180}}@keyframes neon-flash{0%{opacity:1;text-shadow:0 0 5px oklch(66.889% .21892 20.897deg / .5),0 0 15px oklch(66.889% .21892 20.897deg / .8)}to{opacity:.4;text-shadow:none}}