:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-panel: rgba(20, 20, 35, .9);--bg-panel-hover: rgba(30, 30, 50, .95);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--accent-primary: #00d4ff;--accent-secondary: #ff00ff;--accent-gold: #ffd700;--accent-green: #00ff88;--accent-red: #ff4444;--neon-blue: 0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff;--neon-pink: 0 0 10px #ff00ff, 0 0 20px #ff00ff, 0 0 40px #ff00ff;--neon-gold: 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 40px #ffd700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-display: "Orbitron", sans-serif;--font-body: "Noto Sans TC", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;max-width:100vw;background-image:radial-gradient(ellipse at top,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(255,0,255,.05) 0%,transparent 50%)}#app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid rgba(0,212,255,.2);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:900;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--neon-blue)}.pool-balance{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#00d4ff26;border:2px solid rgba(0,212,255,.4);border-radius:var(--radius-lg);box-shadow:0 0 20px #00d4ff33}.pool-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.pool-amount{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-gold);text-shadow:var(--neon-gold)}.pool-unit{font-size:1rem;color:var(--text-secondary)}.main-content{flex:1;display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);padding:var(--spacing-lg);max-width:1400px;margin:0 auto;width:100%}.panel{background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal)}.panel:hover{background:var(--bg-panel-hover);border-color:#00d4ff4d}.panel-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:.875rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.panel-icon{font-size:1rem}.info-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.intro-panel{background:linear-gradient(135deg,#00d4ff14,#ff00ff0d);border-color:#00d4ff4d}.intro-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.intro-highlight{font-size:1rem;font-weight:700;color:var(--accent-gold);text-align:center;padding:var(--spacing-sm) var(--spacing-md);background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-md);text-shadow:0 0 10px rgba(255,215,0,.3)}.intro-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0;margin:0}.intro-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);background:#00d4ff0d;border-radius:var(--radius-sm);border-left:3px solid var(--accent-green)}.intro-features li:before{content:"✓";color:var(--accent-green);font-weight:700}.tutorial-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tutorial-warning{padding:var(--spacing-sm) var(--spacing-md);background:#ff646426;border:1px solid rgba(255,100,100,.4);border-radius:var(--radius-sm);color:#ff6b6b;font-size:.875rem;font-weight:600;line-height:1.5}.tutorial-steps{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tutorial-step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#00d4ff0d;border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary)}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-primary);color:var(--bg-primary);border-radius:50%;font-family:var(--font-display);font-size:.75rem;font-weight:700}.step-text{font-size:.875rem;color:var(--text-secondary)}.wallet-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-md)}.wallet-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.wallet-address-container{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.wallet-address{flex:1;font-family:Courier New,monospace;font-size:.95rem;color:var(--accent-gold);white-space:nowrap;-webkit-user-select:all;user-select:all}.copy-btn{background:#00d4ff33;border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:var(--transition-fast)}.copy-btn:hover{background:#00d4ff4d;border-color:var(--accent-primary)}.copy-btn:active{transform:scale(.95)}.copy-icon{font-size:1rem}.copy-feedback{font-size:.75rem;color:var(--accent-green);text-align:center;opacity:0;transition:opacity .3s ease}.copy-feedback.show{opacity:1}.current-bet-content{min-height:80px}.no-bet{color:var(--text-muted);text-align:center;padding:var(--spacing-lg);font-style:italic}.bet-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bet-row{display:flex;justify-content:space-between;align-items:center}.bet-label{color:var(--text-secondary);font-size:.875rem}.bet-value{font-family:var(--font-display);font-weight:700}.bet-address{font-family:Courier New,monospace;font-size:.7rem;color:var(--accent-primary);word-break:break-all}.bet-amount{font-size:1.25rem;color:var(--accent-gold)}.result-panel{border-color:var(--accent-gold);animation:glow-pulse 1.5s ease-in-out infinite}.result-content{text-align:center}.result-prize{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--accent-gold);text-shadow:var(--neon-gold);margin-bottom:var(--spacing-sm)}.result-payout{font-size:1.5rem;color:var(--accent-green);margin-bottom:var(--spacing-md)}.result-tx-link{display:inline-block;color:var(--accent-primary);text-decoration:none;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);background:#00d4ff1a;border-radius:var(--radius-sm);transition:var(--transition-fast)}.result-tx-link:hover{background:#00d4ff33}.queue-count{margin-left:auto;background:var(--accent-primary);color:var(--bg-primary);padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem}.queue-list{max-height:200px;overflow-y:auto}.queue-empty{color:var(--text-muted);text-align:center;padding:var(--spacing-md);font-style:italic}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.queue-item:last-child{margin-bottom:0}.queue-address{font-family:Courier New,monospace;font-size:.65rem;color:var(--text-secondary);word-break:break-all}.queue-amount{font-family:var(--font-display);font-weight:700;color:var(--accent-gold)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.875rem;font-weight:700;cursor:pointer;transition:var(--transition-normal);text-transform:uppercase}.btn-history{width:100%;background:linear-gradient(135deg,#00d4ff33,#f0f3);color:var(--text-primary);border:1px solid rgba(0,212,255,.3)}.btn-history:hover{background:linear-gradient(135deg,#00d4ff4d,#ff00ff4d);border-color:var(--accent-primary);transform:translateY(-2px)}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.modal.active{display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:var(--bg-secondary);border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:80vh;overflow:hidden;animation:modal-in .3s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-family:var(--font-display);font-size:1rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{color:var(--accent-red)}.modal-body{padding:var(--spacing-md);max-height:60vh;overflow-y:auto}.history-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-panel .history-list{max-height:300px;overflow-y:auto}.history-empty{color:var(--text-muted);text-align:center;padding:var(--spacing-md);font-style:italic}.history-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);border-left:3px solid transparent;font-size:.8rem}.history-item:last-child{margin-bottom:0}.history-item.jackpot{border-left-color:var(--accent-gold);background:#ffd7000d}.history-item.big{border-left-color:#ff6b6b}.history-item.medium{border-left-color:var(--accent-primary)}.history-address{font-family:Courier New,monospace;font-size:.65rem;color:var(--accent-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-details{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.history-time{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.history-bet{white-space:nowrap}.history-bet-amount{color:var(--text-secondary);font-weight:500}.history-prize{font-weight:700;color:var(--text-primary);font-size:.75rem;white-space:nowrap}.history-payout{font-weight:600;color:var(--accent-green);white-space:nowrap}.history-payout.loss{color:var(--accent-red)}.history-links{display:flex;justify-content:center;gap:var(--spacing-xs)}.history-tx-link{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:.65rem;text-decoration:none;transition:var(--transition-fast)}.history-tx-link:hover{background:#00d4ff33;border-color:var(--accent-primary)}.connection-status{position:fixed;bottom:var(--spacing-md);left:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-panel);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary);z-index:50}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-gold);animation:blink 1s ease-in-out infinite}.connection-status.connected .status-dot{background:var(--accent-green);animation:none}.connection-status.disconnected .status-dot{background:var(--accent-red);animation:none}.loading{text-align:center;padding:var(--spacing-lg);color:var(--text-muted)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--accent-gold),0 0 10px var(--accent-gold)}50%{box-shadow:0 0 10px var(--accent-gold),0 0 20px var(--accent-gold),0 0 30px var(--accent-gold)}}.bet-notification{position:fixed;top:50%;left:16px;right:16px;transform:translateY(-50%) scale(.8);z-index:500;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);max-width:400px;margin:0 auto;box-sizing:border-box;overflow:hidden}.bet-notification.show{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.bet-notification-content{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(145deg,#141428fa,#0a0a14fa);border:3px solid var(--accent-gold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 60px #ffd70066,0 0 100px #00d4ff33,0 20px 60px #0009;width:100%;box-sizing:border-box;overflow:hidden;animation:popup-pulse 2s ease-in-out infinite}@keyframes popup-pulse{0%,to{box-shadow:0 0 60px #ffd70066,0 0 100px #00d4ff33,0 20px 60px #0009}50%{box-shadow:0 0 80px #ffd70099,0 0 120px #00d4ff4d,0 20px 60px #0009}}.bet-notification-icon{font-size:3rem;text-align:center;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bet-notification-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:2px;text-align:center}.bet-notification-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--accent-gold);text-align:center;text-shadow:0 0 20px rgba(255,215,0,.5);word-break:break-all;width:100%;line-height:1.4}.bet-notification-amount{font-size:2rem;color:var(--accent-gold);text-shadow:0 0 30px rgba(255,215,0,.8);text-align:center}.result-popup{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);z-index:300;opacity:0;visibility:hidden;transition:all .4s ease;max-width:420px;width:90%}.result-popup.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.result-popup-content{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 0 30px #ffd7004d,0 10px 40px #00000080,inset 0 0 60px #ffd7000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-popup.win .result-popup-content{border-color:var(--accent-gold);animation:popup-glow-win 1.5s ease-in-out infinite}.result-popup.lose .result-popup-content{border-color:var(--accent-red);box-shadow:0 0 20px #f443,0 10px 40px #00000080}@keyframes popup-glow-win{0%,to{box-shadow:0 0 30px #ffd7004d,0 10px 40px #00000080}50%{box-shadow:0 0 50px #ffd70080,0 10px 40px #00000080}}.result-popup-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.result-popup-icon{font-size:1.5rem}.result-popup-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase}.result-popup-body{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.result-popup-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.result-popup-label{font-size:.8rem;color:var(--text-muted)}.result-popup-value{font-family:var(--font-display);font-weight:700}.result-popup-address{font-family:Courier New,monospace;font-size:.65rem;color:var(--accent-primary);word-break:break-all}.result-popup-bet{font-size:.9rem;color:var(--text-secondary)}.result-popup-prize{font-size:1.1rem;color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}.result-popup-payout-row{margin-top:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px dashed rgba(255,255,255,.1)}.result-popup-payout{font-size:1.3rem}.result-popup-payout.win{color:var(--accent-green);text-shadow:0 0 10px rgba(0,255,136,.5)}.result-popup-payout.lose{color:var(--accent-red)}.result-popup-status-row{margin-top:var(--spacing-xs)}.result-popup-status{font-size:.95rem;font-weight:600}.result-popup-status.sending{color:var(--accent-gold);animation:pulse-opacity 1.5s ease-in-out infinite}.result-popup-status.confirmed{color:var(--accent-green)}.result-popup-status.failed{color:var(--accent-red)}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.result-popup-links{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.result-popup-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:.7rem;text-decoration:none;transition:var(--transition-fast)}.result-popup-link:hover{background:#00d4ff33;border-color:var(--accent-primary);transform:translateY(-2px)}.result-popup-link .link-icon{font-size:.8rem}.result-popup-countdown{text-align:center;font-size:.75rem;color:var(--text-muted)}.result-popup-countdown span{display:inline-block;font-family:var(--font-display);font-weight:700;color:var(--accent-primary);min-width:1em}.helper-panel{background:linear-gradient(135deg,#ffd70014,#ff64640d);border-color:#ffd7004d}.helper-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.helper-message{font-size:.9rem;line-height:1.6;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);background:#00d4ff14;border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.helper-warning{padding:var(--spacing-sm) var(--spacing-md);background:#ff64641f;border:1px solid rgba(255,100,100,.3);border-radius:var(--radius-sm);color:#f88;font-size:.8rem;font-weight:500;text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media (max-width: 768px){.panel{-webkit-backdrop-filter:none;backdrop-filter:none}.bet-notification{left:12px;right:12px;max-width:none}.bet-notification-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 10px;gap:6px}.bet-notification-icon{font-size:1.75rem}.bet-notification-title{font-size:.7rem;letter-spacing:.5px}.bet-notification-text{font-size:.8rem}.bet-notification-amount{font-size:1.1rem}.result-popup-content{-webkit-backdrop-filter:none;backdrop-filter:none}}.wheel-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-md);gap:var(--spacing-md)}.wheel-container{position:relative;width:100%;max-width:700px;aspect-ratio:1}.wheel-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:105%;height:105%;background:radial-gradient(circle,rgba(0,212,255,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:wheel-glow 3s ease-in-out infinite}@keyframes wheel-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}.wheel-canvas{position:relative;width:100%;height:100%;z-index:2}.wheel-pointer{position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:40px solid var(--accent-gold);filter:drop-shadow(0 0 10px var(--accent-gold));z-index:10;transition:var(--transition-fast)}.wheel-pointer:after{content:"";position:absolute;top:50%;right:-45px;transform:translateY(-50%);width:15px;height:15px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 10px var(--accent-gold),0 0 20px var(--accent-gold)}.wheel-container.spinning .wheel-pointer{animation:pointer-shake .1s ease-in-out infinite}@keyframes pointer-shake{0%,to{transform:translateY(-50%) rotate(-2deg)}50%{transform:translateY(-50%) rotate(2deg)}}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:3px solid var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:5;box-shadow:0 0 20px #00d4ff80,inset 0 0 20px #00d4ff33}.wheel-center span{font-family:var(--font-display);font-size:.55rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;line-height:1.2}.wheel-center.countdown span{color:var(--accent-gold);font-size:2.5rem;text-shadow:var(--neon-gold);animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.wheel-center.spinning span{color:var(--accent-primary);animation:pulse .5s ease-in-out infinite}.wheel-center.result span{color:var(--accent-gold);font-size:1.25rem;text-shadow:var(--neon-gold)}.wheel-center.result.jackpot{animation:jackpot-glow .5s ease-in-out infinite}@keyframes jackpot-glow{0%,to{box-shadow:0 0 20px var(--accent-gold),0 0 40px var(--accent-gold),0 0 60px var(--accent-gold)}50%{box-shadow:0 0 40px var(--accent-gold),0 0 80px var(--accent-gold),0 0 120px var(--accent-gold)}}.wheel-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 8px);height:calc(100% + 8px);border:2px solid var(--accent-primary);border-radius:50%;opacity:.6;z-index:1}.wheel-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 16px);height:calc(100% + 16px);border:1px solid rgba(0,212,255,.3);border-radius:50%;z-index:0}.wheel-slot-highlight{position:absolute;width:100%;height:100%;pointer-events:none;z-index:3}[data-tier=jackpot]{animation:jackpot-slot 2s ease-in-out infinite}[data-tier=mega]{animation:mega-slot 3s ease-in-out infinite}@keyframes jackpot-slot{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}@keyframes mega-slot{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.wheel-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden;border-radius:50%}.wheel-sparkles .spark{position:absolute;width:6px;height:6px;background:gold;border-radius:50%;opacity:0;box-shadow:0 0 10px gold,0 0 20px #ff6b00;animation:spark-float 2s ease-in-out infinite}.wheel-sparkles .spark:nth-child(1){top:10%;left:50%;animation-delay:0s}.wheel-sparkles .spark:nth-child(2){top:20%;left:85%;animation-delay:.2s}.wheel-sparkles .spark:nth-child(3){top:50%;left:95%;animation-delay:.4s}.wheel-sparkles .spark:nth-child(4){top:80%;left:85%;animation-delay:.6s}.wheel-sparkles .spark:nth-child(5){top:90%;left:50%;animation-delay:.8s}.wheel-sparkles .spark:nth-child(6){top:80%;left:15%;animation-delay:1s}.wheel-sparkles .spark:nth-child(7){top:50%;left:5%;animation-delay:1.2s}.wheel-sparkles .spark:nth-child(8){top:20%;left:15%;animation-delay:1.4s}@keyframes spark-float{0%,to{opacity:0;transform:scale(.5) translateY(0)}50%{opacity:1;transform:scale(1.5) translateY(-10px)}}.wheel-container.jackpot-highlight{animation:jackpot-border-glow .5s ease-in-out infinite alternate}.wheel-container.jackpot-highlight:before{border-color:gold!important;box-shadow:0 0 30px gold,0 0 60px #ff6b00}@keyframes jackpot-border-glow{0%{filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 40px rgba(255,215,0,.8))}}.fire-sparks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:6}.fire-sparks .fire-particle{position:absolute;width:4px;height:4px;background:linear-gradient(to top,#ff4500,gold);border-radius:50%;animation:fire-rise 1s ease-out infinite}@keyframes fire-rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(0)}}.wheel-labels-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;border-radius:50%}.wheel-label{position:absolute;top:50%;left:50%;font-family:var(--font-display);font-size:clamp(24px,5.5vw,45px);font-weight:900;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,1),3px 3px 6px rgba(0,0,0,.8);white-space:nowrap;transform-origin:0 0;transform:rotate(var(--angle)) translate(var(--radius)) translateY(-50%);line-height:1}.wheel-label.prize-big{font-size:clamp(28px,6vw,50px);color:gold;text-shadow:0 0 12px #FFD700,0 0 24px #FF6B00,0 0 36px #FF4500,0 0 5px rgba(0,0,0,.95);animation:prize-glow 1.5s ease-in-out infinite}@keyframes prize-glow{0%,to{filter:brightness(1) drop-shadow(0 0 4px #FFD700)}50%{filter:brightness(1.4) drop-shadow(0 0 12px #FFD700)}}.wheel-label.prize-medium{font-size:clamp(26px,5.5vw,45px);color:#4ecdc4;text-shadow:0 0 6px #4ECDC4,0 0 4px rgba(0,0,0,.95)}.wheel-label.prize-loss{font-size:clamp(27px,5.5vw,46px);color:#f44;text-shadow:0 0 8px rgba(255,0,0,.6),0 0 4px rgba(0,0,0,.95)}.wheel-label.prize-respin{font-size:clamp(27px,5.5vw,46px);color:#e056fd;text-shadow:0 0 8px #E056FD,0 0 4px rgba(0,0,0,.95);animation:respin-pulse 1s ease-in-out infinite}@keyframes respin-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@media (max-width: 768px){.wheel-glow{animation:none;opacity:.5}.wheel-sparkles .spark{animation:none;opacity:0}.wheel-label.prize-big,[data-tier=jackpot],[data-tier=mega]{animation:none}}#particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.win-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.win-overlay.active{opacity:1}.win-small{background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 70%)}.win-big{background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%)}.win-jackpot{background:radial-gradient(circle at 30% 30%,rgba(255,0,0,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,127,0,.2) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(0,255,0,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,255,.2) 0%,transparent 50%);animation:rainbow-shift 2s linear infinite}@keyframes rainbow-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.win-text{font-family:var(--font-display);font-size:4rem;font-weight:900;text-align:center;color:var(--accent-gold);text-shadow:0 0 20px var(--accent-gold),0 0 40px var(--accent-gold),0 0 60px var(--accent-gold);animation:win-text-pop .5s ease-out forwards}@keyframes win-text-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.win-text.jackpot{font-size:5rem;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:win-text-pop .5s ease-out forwards,rainbow-text 2s linear infinite}@keyframes rainbow-text{0%{background-position:0% 50%}to{background-position:400% 50%}}.confetti{position:absolute;width:10px;height:10px;background:var(--accent-gold);animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle 1s ease-out forwards}@keyframes sparkle{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--accent-gold);border-radius:50%;animation:glow-ring-expand 1s ease-out forwards}@keyframes glow-ring-expand{0%{width:0;height:0;opacity:1}to{width:200%;height:200%;opacity:0}}.loss-effect{position:fixed;top:0;left:0;width:100%;height:100%;background:#ff00001a;pointer-events:none;z-index:999;animation:loss-flash .5s ease-out forwards}@keyframes loss-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.skull-effect{font-size:8rem;animation:skull-shake .5s ease-out}@keyframes skull-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-5deg)}40%{transform:translate(10px) rotate(5deg)}60%{transform:translate(-10px) rotate(-5deg)}80%{transform:translate(10px) rotate(5deg)}}.respin-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;animation:respin-spin 1s linear infinite;z-index:1000}@keyframes respin-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.number-counter{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--accent-gold)}.floating-text{position:absolute;font-family:var(--font-display);font-weight:700;animation:float-up 2s ease-out forwards;pointer-events:none}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.screen-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;z-index:9999;animation:flash .3s ease-out forwards}@keyframes flash{0%{opacity:.8}to{opacity:0}}.coin{position:absolute;font-size:2rem;animation:coin-explode 1.5s ease-out forwards}@keyframes coin-explode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.5);opacity:0}}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid var(--accent-primary);border-radius:50%;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@media (min-width: 1400px){.main-content{max-width:1600px;grid-template-columns:1fr 420px}.wheel-container{max-width:600px}}@media (max-width: 1399px){.main-content{grid-template-columns:1fr 350px;gap:var(--spacing-md)}}@media (max-width: 1023px){.main-content{grid-template-columns:1fr 320px;padding:var(--spacing-md)}.wheel-container{max-width:400px}.wheel-center{width:80px;height:80px}.wheel-center span{font-size:.65rem}.pool-amount{font-size:1rem}}@media (max-width: 767px){.header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.logo-text{font-size:1.25rem}.pool-balance{justify-content:center}.main-content{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--spacing-sm);padding:var(--spacing-xs)}.wheel-section{grid-row:1;padding:var(--spacing-xs)}.wheel-container{max-width:95vw;width:95vw}.info-section{grid-row:2}.panel{padding:var(--spacing-sm)}.panel-title{font-size:.75rem}.queue-list{max-height:150px}.modal-content{width:95%;max-height:90vh}.history-item{grid-template-columns:1fr;gap:var(--spacing-xs)}.win-text{font-size:2.5rem}.win-text.jackpot{font-size:3rem}}@media (max-width: 599px){:root{font-size:14px}.header{padding:var(--spacing-xs) var(--spacing-sm)}.logo-icon{font-size:1.5rem}.logo-text{font-size:1rem}.pool-balance{padding:var(--spacing-xs) var(--spacing-sm)}.pool-label{font-size:.65rem}.pool-amount{font-size:.875rem}.main-content{padding:2px;gap:var(--spacing-xs)}.wheel-section{padding:2px}.wheel-container{max-width:98vw;width:98vw}.wheel-center{width:55px;height:55px}.wheel-center span{font-size:.5rem}.wheel-pointer{border-top-width:18px;border-bottom-width:18px;border-right-width:35px}.wheel-pointer:after{width:12px;height:12px;right:-40px}.panel{border-radius:var(--radius-md)}.bet-amount{font-size:1rem}.queue-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.btn{padding:var(--spacing-sm);font-size:.75rem}.connection-status{bottom:var(--spacing-xs);left:var(--spacing-xs);font-size:.65rem}}@media (max-width: 479px){.wheel-container{max-width:100vw;width:100vw}.wheel-center{width:50px;height:50px}.wheel-center span{font-size:.45rem}.result-prize{font-size:1.5rem}.result-payout{font-size:1.25rem}.win-text{font-size:2rem}.win-text.jackpot{font-size:2.5rem}}@media (max-height: 500px) and (orientation: landscape){.header{padding:var(--spacing-xs) var(--spacing-md)}.main-content{grid-template-columns:1fr 300px;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-sm)}.wheel-section{padding:var(--spacing-xs)}.wheel-container{max-width:280px}.panel{padding:var(--spacing-xs)}.queue-list{max-height:100px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.wheel-pointer{filter:drop-shadow(0 0 5px var(--accent-gold))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wheel-glow,.logo-icon,.pulse-ring{animation:none}}@media print{body{background:#fff;color:#000}.header,.wheel-section,.connection-status,#particles{display:none}}.language-selector{position:relative;margin-left:auto;z-index:1000}.language-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.language-selector-btn:hover{background:#ffffff26;border-color:#00ff8880}.language-flag{font-size:18px;line-height:1}.language-name{font-weight:500}.language-arrow{font-size:10px;opacity:.7;transition:transform .2s ease}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;max-height:400px;overflow-y:auto;background:#14141efa;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.language-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:#fff;font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.language-option:hover{background:#00ff881a}.language-option.active{background:#00ff8826;color:#0f8}.language-option:first-child{border-radius:12px 12px 0 0}.language-option:last-child{border-radius:0 0 12px 12px}.language-check{margin-left:auto;color:#0f8;font-weight:700}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:transparent}.language-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}html[dir=rtl]{direction:rtl}html[dir=rtl] body{text-align:right}html[dir=rtl] .header,html[dir=rtl] .logo,html[dir=rtl] .pool-balance{flex-direction:row-reverse}html[dir=rtl] .language-selector{margin-left:0;margin-right:auto}html[dir=rtl] .language-dropdown{right:auto;left:0}html[dir=rtl] .language-option{flex-direction:row-reverse;text-align:right}html[dir=rtl] .language-check{margin-left:0;margin-right:auto}html[dir=rtl] .main-content{flex-direction:row-reverse}html[dir=rtl] .info-section{text-align:right}html[dir=rtl] .panel-title{flex-direction:row-reverse}html[dir=rtl] .panel-icon{margin-right:0;margin-left:8px}html[dir=rtl] .tutorial-step{flex-direction:row-reverse}html[dir=rtl] .step-number{margin-right:0;margin-left:12px}html[dir=rtl] .wallet-address-container{flex-direction:row-reverse}html[dir=rtl] .copy-btn{border-radius:8px 0 0 8px}html[dir=rtl] .wallet-address{border-radius:0 8px 8px 0}html[dir=rtl] .bet-row{flex-direction:row-reverse}html[dir=rtl] .bet-label{text-align:right}html[dir=rtl] .bet-value{text-align:left}html[dir=rtl] .queue-item{flex-direction:row-reverse}html[dir=rtl] .queue-position{margin-right:0;margin-left:12px}html[dir=rtl] .history-item{flex-direction:row-reverse}html[dir=rtl] .history-info{text-align:right}html[dir=rtl] .history-links,html[dir=rtl] .result-popup-row{flex-direction:row-reverse}html[dir=rtl] .result-popup-label{text-align:right}html[dir=rtl] .result-popup-value{text-align:left}html[dir=rtl] .result-popup-links,html[dir=rtl] .result-popup-link{flex-direction:row-reverse}html[dir=rtl] .link-icon{margin-right:0;margin-left:6px}html[dir=rtl] .bet-notification-content{flex-direction:row-reverse}html[dir=rtl] .connection-status{left:auto;right:20px;flex-direction:row-reverse}html[dir=rtl] .status-dot{margin-right:0;margin-left:8px}html[lang=zh-TW] body,html[lang=zh-TW] .language-option{font-family:Orbitron,Noto Sans TC,sans-serif}html[lang=zh-CN] body,html[lang=zh-CN] .language-option{font-family:Orbitron,Noto Sans SC,sans-serif}html[lang=ja] body,html[lang=ja] .language-option{font-family:Orbitron,Noto Sans JP,sans-serif}html[lang=ko] body,html[lang=ko] .language-option{font-family:Orbitron,Noto Sans KR,sans-serif}html[lang=th] body,html[lang=th] .language-option{font-family:Orbitron,Noto Sans Thai,sans-serif}html[lang=ar] body,html[lang=ar] .language-option{font-family:Orbitron,Noto Sans Arabic,sans-serif}html[lang=hi] body,html[lang=hi] .language-option{font-family:Orbitron,Noto Sans Devanagari,sans-serif}html[lang=ru] body,html[lang=ru] .language-option,html[lang=vi] body,html[lang=vi] .language-option{font-family:Orbitron,Noto Sans,sans-serif}@media (max-width: 768px){.language-selector-btn{padding:6px 10px;font-size:12px}.language-selector-btn .language-name{display:none}.language-flag{font-size:20px}.language-dropdown{min-width:160px;max-height:300px}.language-option{padding:10px 14px;font-size:13px}}@media (max-width: 480px){.language-selector{position:fixed;top:10px;right:10px}html[dir=rtl] .language-selector{right:auto;left:10px}}