body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;background-color:#2c3e50;color:#fff}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:12px;box-sizing:border-box}.slot-machine{background-color:#34495e;padding:10px;border-radius:10px;box-shadow:0 0 20px #00000080;display:flex;flex-direction:row;align-items:center;width:100%;box-sizing:border-box;gap:10px}.reels-container{display:flex;flex-direction:column;position:relative;flex:1;min-width:0}.reels{display:flex;justify-content:space-around;margin-bottom:10px;width:100%}.reel{width:30%;aspect-ratio:1;background-color:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:clamp(20px,6vw,48px);color:#2c3e50;position:relative;z-index:1}.lever{width:44px;flex:0 0 44px;align-self:stretch;min-height:150px;background-color:#e74c3c;border-radius:20px;cursor:pointer;position:relative;transition:transform .3s;border:0;padding:0}.lever:hover{background-color:#c0392b}.lever:active{transform:translateY(10px)}.lever:focus-visible{outline:3px solid white;outline-offset:3px}.lever:disabled{cursor:wait;opacity:.6}.lever:after{content:"";position:absolute;width:30px;height:30px;background-color:#f39c12;border-radius:50%;top:10px;left:7px}#result,#balance{margin-top:20px;font-size:18px;text-align:center;min-height:24px}.paytable{background-color:#34495e;padding:20px;border-radius:10px;box-shadow:0 0 20px #00000080;margin-top:20px;width:100%;display:none;box-sizing:border-box}.paytable h2{text-align:center;margin-top:0}.paytable table{width:100%;border-collapse:collapse}.paytable th,.paytable td{border:1px solid #fff;padding:8px;text-align:center}.paytable th{background-color:#2c3e50}.highlight{animation:pulse .5s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 5px #ff0}to{box-shadow:0 0 20px 10px #ff0}}#winLines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.button-container{display:flex;flex-direction:column;align-items:flex-start;margin-right:0;flex:0 0 70px}.toggle-button{margin-top:10px;padding:10px;background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;width:100%;box-sizing:border-box}.toggle-button:hover{background-color:#2980b9}#rules{background-color:#34495e;padding:20px;border-radius:10px;box-shadow:0 0 20px #00000080;margin-top:20px;width:100%;display:none;box-sizing:border-box}
