.spinning__container--item{width:20px;height:40px;border:1px solid #000;position:relative;overflow:hidden}.spinning__container--item:before{display:flex;justify-content:center;align-items:center;content:"X";animation:rolling .3s ease-in infinite;position:absolute;width:100%;height:100%}.game-container{max-width:100vw;margin:0 auto;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh;font-family:Arial,sans-serif}.slot-machine{background:linear-gradient(145deg,#2a2a3e,#1e1e32);border-radius:20px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);border:2px solid gold;overflow:hidden}.slot-machine,.slot-machine-header{margin-bottom:30px;position:relative}.slot-machine-header{display:flex;justify-content:space-between;align-items:center;z-index:1}.game-title{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#ffd700,#ffed4a,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0}.balance-display{background:linear-gradient(45deg,#27ae60,#2ecc71);padding:15px 25px;border-radius:15px;border:2px solid gold;box-shadow:0 5px 15px rgba(0,0,0,.2)}.balance-display hr{border:.3px solid #fff}.balance-display .balance-label{color:#fff;font-size:1rem;margin-right:3px}.balance-display .balance-amount{color:gold;font-weight:700}.spinning__container{display:flex;justify-content:center;gap:20px;margin:40px 0;position:relative;z-index:1}.slot-reel{background:linear-gradient(145deg,#34495e,#2c3e50);border-radius:15px;padding:20px;border:3px solid gold;box-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden}.button-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cash-out-button,.roll-button{border-radius:15px;color:#fff;font-size:1.3rem;font-weight:700;padding:20px 40px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;border:2px solid gold;position:relative;z-index:1;overflow:hidden}.cash-out-button:hover,.roll-button:hover{transform:translateY(-2px)}.cash-out-button:active,.roll-button:active{transform:translateY(0)}.roll-button{background:linear-gradient(45deg,#e74c3c,#c0392b);box-shadow:0 8px 16px rgba(231,76,60,.3)}.roll-button.active:hover{box-shadow:0 12px 24px rgba(231,76,60,.4);background:linear-gradient(45deg,#c0392b,#e74c3c)}.roll-button.disabled{background:linear-gradient(45deg,#7f8c8d,#95a5a6);cursor:not-allowed;box-shadow:0 4px 8px rgba(127,140,141,.3)}.roll-button.disabled:hover{transform:none}.cash-out-button{background:linear-gradient(45deg,#27ae60,#2ecc71);box-shadow:0 8px 16px rgba(39,174,96,.3)}.cash-out-button:hover{box-shadow:0 12px 24px rgba(39,174,96,.4);background:linear-gradient(45deg,#2ecc71,#27ae60)}.cash-out-button.disabled{background:linear-gradient(45deg,#7f8c8d,#95a5a6);cursor:not-allowed;box-shadow:0 4px 8px rgba(127,140,141,.3)}.cash-out-button.disabled:hover{transform:none}.game-info-panel{display:grid;grid-template-columns:1fr 2fr;grid-gap:30px;gap:30px;margin-top:30px}.history-section,.session-info{background:linear-gradient(145deg,#2a2a3e,#1e1e32);border-radius:15px;padding:25px;border:1px solid gold;box-shadow:0 10px 20px rgba(0,0,0,.2)}.history-section h3,.session-info h3{color:gold;margin:0 0 15px;font-size:1.3rem}.session-id{color:#ecf0f1;font-family:Courier New,monospace;font-size:.9rem;background:rgba(52,73,94,.5);padding:10px;border-radius:8px;border:1px solid #34495e}.history-container{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:gold #2a2a3e}.history-container::-webkit-scrollbar{width:8px}.history-container::-webkit-scrollbar-track{background:#2a2a3e;border-radius:4px}.history-container::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.history-item{background:rgba(52,73,94,.3);border-radius:10px;padding:15px;margin-bottom:10px;border-left:4px solid #34495e;transition:all .3s ease}.history-item.win{border-left-color:#27ae60;background:rgba(39,174,96,.1)}.history-item.loss{border-left-color:#e74c3c;background:rgba(231,76,60,.1)}.history-item:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.history-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.roll-result{color:#ecf0f1;font-weight:700;font-size:1.1rem}.win-amount{color:#27ae60;font-weight:700}.loss-amount{color:#e74c3c;font-weight:700}.game-id{color:#95a5a6;font-size:.8rem;font-family:Courier New,monospace}.no-history{color:#95a5a6;text-align:center;padding:20px;font-style:italic}@media(max-width:768px){.game-info-panel{grid-template-columns:1fr}.slot-machine-header{flex-direction:column;gap:20px}.game-title{font-size:2rem}.spinning__container{gap:10px}.button-container{flex-direction:column;align-items:center}.cash-out-button,.roll-button{width:100%;max-width:300px}}.rolling-cell{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#34495e,#2c3e50);border:2px solid gold;box-shadow:0 8px 16px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative}.rolling-cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}.symbol{font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all .5s ease}.symbol.default{color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.symbol.revealed{color:#ecf0f1;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:revealPop .6s cubic-bezier(.68,-.55,.265,1.55)}.symbol.spinning{position:relative;overflow:hidden}.spinner{position:relative;width:100%;height:100%}.spinner:before{display:flex;justify-content:center;align-items:center;content:"🎰";animation:rolling .3s ease-in infinite;position:absolute;width:100%;height:100%;color:#ecf0f1;font-size:3rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes rolling{0%{transform:translateY(-100%);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes revealPop{0%{transform:scale(.3) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0deg);opacity:1}}