:root{color-scheme:dark;--color-primary: #007bff;--color-secondary: #00ffff;--color-error: #ff4444;--color-success: #00ff00;--color-warning: #ffa500;--color-background: #000000;--color-text: #ffffff;--color-border: #333;--color-shadow: rgba(0, 0, 0, .3);--bg-color-1: #080808;--bg-color-2: #2a0e1e;--bg-color-3: #113719;--bg-color-4: #40220a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--wheel-top: 200px;--wheel-left: 29%;--wheel-size: 400px;--display-top: 45px;--display-width: 600px;--display-height: 85px;--buttons-bottom: 155px;--buttons-gap: 35px;--button-width: 180px;--button-height: 70px;--game-width: 1200px;--game-height: 900px;--bg-animation-duration: 3s}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);overflow:hidden;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh}.background-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:radial-gradient(circle at center,var(--bg-color-1) 0%,var(--bg-color-1) 25%,var(--bg-color-2) 50%,var(--bg-color-3) 75%,var(--bg-color-4) 100%);animation:gradientShift var(--bg-animation-duration) infinite linear;opacity:.8}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(120deg)}66%{filter:hue-rotate(240deg)}}.game-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game-wrapper{position:relative;width:var(--game-width);height:var(--game-height)}.game-wheel{position:absolute;top:var(--wheel-top);left:var(--wheel-left);transform:translate(-50%);width:var(--wheel-size);height:var(--wheel-size);background-image:url(/wheel.png);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;z-index:1}.game-machine{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/machine.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:2;pointer-events:none}.game-buttons{position:absolute;bottom:var(--buttons-bottom);left:50%;transform:translate(-50%);display:flex;gap:var(--buttons-gap);z-index:3;pointer-events:auto}.game-color-button{width:var(--button-width);height:var(--button-height);border:none;border-radius:var(--radius-md);font-weight:700;font-size:22px;color:var(--color-text);cursor:pointer;text-transform:uppercase;text-shadow:2px 2px 4px var(--color-shadow);position:relative;overflow:hidden;box-shadow:inset 0 -8px 0 var(--color-shadow);transition:all var(--transition-fast)}.game-color-button:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-fast)}.game-color-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:inset 0 -8px 0 var(--color-shadow),0 6px 12px #0006}.game-color-button:active{transform:translateY(2px);filter:brightness(.9);box-shadow:inset 0 -4px 0 var(--color-shadow)}.game-color-button:disabled{cursor:not-allowed;opacity:.6;transform:none;filter:none}.game-color-button.selected{animation:button-blink 1.5s ease-in-out infinite}@keyframes button-blink{0%,to{opacity:1}50%{opacity:.7}}.game-display{position:absolute;top:var(--display-top);left:50%;transform:translate(-50%);width:var(--display-width);height:var(--display-height);background:#000000e6;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;z-index:10;border:2px solid var(--color-border);padding:0 var(--spacing-xl)}.game-text-base{color:var(--color-primary);font-size:24px;font-weight:600;text-align:center;transition:opacity var(--transition-fast)}.game-text-utility{color:var(--color-primary);font-size:20px;font-weight:600;text-align:center;transition:opacity var(--transition-fast)}.game-connect-message{color:var(--color-secondary);font-size:24px;font-weight:700;text-align:center}.game-bet-info{display:flex;justify-content:space-between;align-items:center;width:100%}.game-wallet-balance,.game-bet-amount{color:var(--color-primary);font-size:24px;font-weight:600;text-align:center;transition:opacity var(--transition-fast);cursor:pointer}.game-wallet-balance:hover,.game-bet-amount:hover{opacity:.7}.game-user-message{color:var(--color-primary);font-size:20px;font-weight:600;text-align:center;transition:opacity var(--transition-fast);width:100%}.game-error{color:var(--color-error);font-size:18px;text-align:center;margin-top:var(--spacing-sm)}.game-result{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);font-size:28px;font-weight:700;opacity:0;transition:opacity var(--transition-normal);z-index:100;color:var(--color-text)}.game-result.show{opacity:1}.game-result.win{background:#00ff00e6}.game-result.lose{background:#ff0000e6}.game-winnings{font-size:20px;margin-top:10px;font-weight:600;color:#000}.game-result.error{background:orange;min-width:300px}.game-sound-toggle{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#000c;border:2px solid var(--color-border);color:var(--color-text);font-size:20px;cursor:pointer;transition:all var(--transition-fast);z-index:200;display:flex;align-items:center;justify-content:center}.game-sound-toggle:hover{background:#000000e6;border-color:var(--color-primary);transform:scale(1.1)}.game-sound-toggle:active{transform:scale(.95)}.game-disconnect-button{position:absolute;top:20px;left:20px;width:50px;height:50px;border-radius:50%;background:#000c;border:2px solid var(--color-border);color:var(--color-text);font-size:20px;cursor:pointer;transition:all var(--transition-fast);z-index:200;display:flex;align-items:center;justify-content:center}.game-disconnect-button:hover{background:#000000e6;border-color:var(--color-primary);transform:scale(1.1)}.game-disconnect-button:active{transform:scale(.95)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--color-secondary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--sm .spinner{width:20px;height:20px;border-width:2px}.loading-spinner--md .spinner{width:30px;height:30px;border-width:3px}.loading-spinner--lg .spinner{width:40px;height:40px;border-width:4px}.spinner-message{color:var(--color-text);font-size:16px;font-weight:700;text-align:center;opacity:.9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.game-connect-message{font-size:20px}}