:root{--primary-color:#7f00ff;--primary-dark:#60c;--primary-light:#93f;--secondary-color:#00d4ff;--accent-color:#ff6b35;--success-color:#00c851;--warning-color:#fb3;--error-color:#f44;--bg-primary:#0f0a19;--bg-secondary:#1a0f2e;--bg-tertiary:#2d1b47;--bg-card:#ffffff0d;--bg-overlay:#000c;--text-primary:#fff;--text-secondary:#b8b8b8;--text-muted:#888;--border-color:#ffffff1a;--border-active:#7f00ff80;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0003;--shadow-lg:0 8px 16px #0000004d;--shadow-glow:0 0 20px #7f00ff4d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-main:Orbitron,Rajdhani,"Microsoft JhengHei",sans-serif;--font-mono:"JetBrains Mono","Courier New","Microsoft JhengHei",monospace;--font-display:Orbitron,Rajdhani,"Microsoft JhengHei",sans-serif;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--z-loading:9999;--z-notification:999999}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}[id*="tidio"],[class*="tidio"],[id*="tidio"] *,[class*="tidio"] *,#tidio-chat,#tidio-chat *,.tidio-chat-container,.tidio-chat-container *,.tidiochat,.tidiochat *,iframe[src*="tidio"],iframe[src*="tidio"] *{margin:initial;padding:initial;box-sizing:border-box;max-width:none}::before,::after{box-sizing:border-box}html,body,#root,#app,.main-container,.container{overflow-x:hidden!important;max-width:100%!important;width:100%!important}div,section,article,main,aside,header,footer,nav{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}img,video,iframe,embed,object{max-width:100%;height:auto}table{max-width:100%;table-layout:fixed;overflow-x:auto;display:block;white-space:nowrap}pre,code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden!important;max-width:100%!important;width:100%!important}body{font-family:"Orbitron","Rajdhani","Microsoft JhengHei","Arial",sans-serif!important;font-size:1rem;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden!important;max-width:100%!important;width:100%!important;position:relative;display:flex;flex-direction:column}body *{font-family:inherit}[id*="tidio"],[class*="tidio"],[id*="tidio"] *,[class*="tidio"] *,#tidio-chat,#tidio-chat *,.tidio-chat-container,.tidio-chat-container *,.tidiochat,.tidiochat *,iframe[src*="tidio"],iframe[src*="tidio"] *{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}code,pre,.mono-font,input[type="text"],input[type="password"],input[type="email"],textarea,select{font-family:"JetBrains Mono","Courier New","Microsoft JhengHei",monospace!important}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.main-container{flex:1;padding-top:80px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:44px;gap:var(--spacing-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-color);background:#7f00ff1a}.btn-success{background:linear-gradient(135deg,var(--success-color),#00a041);color:#fff}.btn-warning{background:linear-gradient(135deg,var(--warning-color),#e6a000);color:#fff}.btn-error{background:linear-gradient(135deg,var(--error-color),#c00);color:#fff}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem;min-height:36px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.125rem;min-height:52px}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7f00ff1a}.form-control::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-active);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{margin-bottom:0;font-size:1.25rem;font-weight:600}.card-body{padding:var(--spacing-lg)}.card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.border{border:1px solid var(--border-color)}.border-0{border:none}.border-primary{border-color:var(--primary-color)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:50%}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}.desktop-only{display:block!important}.mobile-only{display:none!important}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.fade-in{opacity:1!important;visibility:visible!important}.slide-in-up{animation:slideInUp var(--transition-normal) ease}.pulse{animation:pulse 2s infinite}.page-loaded{opacity:1!important;visibility:visible!important}#initial-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:var(--z-loading);transition:opacity .5s ease}#initial-loading.fade-out{opacity:0}#spa-content{flex:1;max-width:100%;width:100%;position:relative}.spa-container,.page-container,.content-wrapper{overflow-x:hidden;max-width:100%;width:100%}.cyber-main-container,.main-container,.upgrade-main,.profile-main,.exchange-main,.lottery-main,.lottery-room-main,.lottery-detail-main,.battle-main,.battlepass-main,.fairness-main,.home-cyber-main{flex:1!important;min-height:auto!important}.page-content,.main-content{min-height:100%}p,h1,h2,h3,h4,h5,h6,span,div{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.grid,.flex,.row,.col{max-width:100%;overflow-x:hidden}.fixed-width{max-width:100%!important;width:auto!important}.no-negative-margin{margin-left:0!important;margin-right:0!important}@media (max-width: 768px){*{max-width:100%!important}[id*="tidio"],[class*="tidio"],[id*="tidio"] *,[class*="tidio"] *,#tidio-chat,#tidio-chat *,.tidio-chat-container,.tidio-chat-container *,.tidiochat,.tidiochat *,iframe[src*="tidio"],iframe[src*="tidio"] *{max-width:none!important;width:auto!important}.container,.main-container,#spa-content{padding-left:15px!important;padding-right:15px!important;margin-left:0!important;margin-right:0!important}}canvas,svg{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.no-print{display:none!important}}.player-join{animation:playerJoinPulse .5s ease-out;transform:scale(1)}.player-leave{animation:playerLeaveFade .5s ease-out}.player-change{animation:playerChangeGlow .5s ease-out}@keyframes playerJoinPulse{0%{transform:scale(1);box-shadow:0 0 0 0 #00ff00b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #00ff004d}100%{transform:scale(1);box-shadow:0 0 0 0 #0f00}}@keyframes playerLeaveFade{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(0.95);box-shadow:0 0 0 5px #ff00004d}100%{opacity:1;transform:scale(1)}}@keyframes playerChangeGlow{0%{box-shadow:0 0 0 0 #ffa500b3}50%{box-shadow:0 0 0 8px #ffa50066}100%{box-shadow:0 0 0 0 #ffa50000}}.realtime-indicator{position:fixed!important;top:20px!important;right:20px!important;background:linear-gradient(45deg,#0f8,#0c6)!important;color:#fff!important;padding:8px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:700!important;z-index:10000!important;transition:all .3s ease!important;box-shadow:0 2px 10px #00ff884d!important;border:1px solid #fff3!important}.realtime-indicator:hover{transform:translateY(-2px)!important;box-shadow:0 4px 15px #00ff8880!important}.gacha_area{transition:all .3s ease;position:relative;overflow:hidden}.gacha_area::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:transparent;border-radius:inherit;z-index:-1;transition:all .3s ease;opacity:0}.player-online .gacha_area::before{background:linear-gradient(45deg,#0f8,#0c6);opacity:.3}.player-waiting .gacha_area::before{background:linear-gradient(45deg,orange,#ff8c00);opacity:.3}@media (max-width: 768px){.realtime-indicator{top:10px!important;right:10px!important;font-size:11px!important;padding:6px 10px!important}}@media (prefers-reduced-motion: reduce){.player-join,.player-leave,.player-change{animation:none}.gacha_area{transition:none}.realtime-indicator{transition:opacity .1s ease!important}}