:root{--bg-primary: #0A0A0A;--bg-secondary: #1A1A1A;--bg-tertiary: #252525;--bg-card: rgba(26, 26, 26, .95);--gold-primary: #FFD700;--gold-dark: #B8860B;--gold-light: #FFEB99;--gold-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);--magenta: #FF1493;--magenta-dark: #C71585;--magenta-gradient: linear-gradient(135deg, #FF1493 0%, #FF69B4 50%, #FF1493 100%);--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #666666;--success: #00FF88;--danger: #FF4444;--warning: #FFA500;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-gold: 0 0 20px rgba(255, 215, 0, .3);--shadow-magenta: 0 0 20px rgba(255, 20, 147, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--font-primary: "Inter", "Roboto", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.text-gold{color:var(--gold-primary)}.text-magenta{color:var(--magenta)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.uppercase{text-transform:uppercase}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--gold-primary)}50%{box-shadow:0 0 20px var(--gold-primary),0 0 30px var(--gold-dark)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.shimmer-text{background:linear-gradient(90deg,var(--gold-dark) 0%,var(--gold-primary) 25%,var(--gold-light) 50%,var(--gold-primary) 75%,var(--gold-dark) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-magenta{background:var(--magenta-gradient);color:#fff;box-shadow:0 4px 15px #ff149366}.btn-magenta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff149399}.btn-gold{background:var(--gold-gradient);color:#000;box-shadow:0 4px 15px #ffd70066}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.btn-outline{background:transparent;border:2px solid var(--gold-primary);color:var(--gold-primary)}.btn-outline:hover{background:var(--gold-primary);color:#000}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-new{background:var(--success);color:#000}.badge-event{background:var(--gold-primary);color:#000}.badge-warn{background:var(--danger);color:#fff}.number-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--gold-dark);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--gold-primary);transition:all .2s ease}.number-badge:hover{background:var(--gold-primary);color:#000;box-shadow:var(--shadow-gold)}.section{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--gold-primary);margin-bottom:var(--spacing-md)}@media (min-width: 480px){.section{padding:var(--spacing-xl)}}@media (min-width: 768px){html{font-size:18px}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.main-content{flex:1;padding-bottom:80px}@media (min-width: 768px){.main-content{padding-bottom:0}}.header{position:sticky;top:0;z-index:100;background:var(--bg-primary)}.marquee-bar{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);padding:6px 0;overflow:hidden;border-bottom:1px solid rgba(255,215,0,.1)}.marquee-content{display:flex;gap:40px;white-space:nowrap;animation:marquee 30s linear infinite;font-size:.75rem;color:var(--gold-primary);font-weight:500}.marquee-icon{color:var(--magenta)}.header-main{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid rgba(255,215,0,.15)}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.diamond{width:28px;height:28px;background:var(--gold-gradient);transform:rotate(45deg);border-radius:4px;box-shadow:0 0 10px #ffd70080,inset 0 0 10px #ffffff4d;animation:pulse-glow 2s ease-in-out infinite}.diamond:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fffc;border-radius:2px}.logo-text{display:flex;flex-direction:column}.logo-brand{font-size:1.1rem;font-weight:800;letter-spacing:1px}.logo-tagline{font-size:.6rem;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase}.menu-btn{display:flex;flex-direction:column;gap:5px;padding:8px;background:transparent;border:none;cursor:pointer}.menu-line{display:block;width:24px;height:2px;background:var(--gold-primary);border-radius:1px;transition:all .3s ease}.menu-btn:hover .menu-line{background:var(--text-primary);box-shadow:0 0 8px var(--gold-primary)}.menu-btn:hover .menu-line:nth-child(1){transform:translate(4px)}.menu-btn:hover .menu-line:nth-child(3){transform:translate(-4px)}.game-tabs-container{background:var(--bg-secondary);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,215,0,.1)}.game-tabs{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-md);overflow-x:auto;scroll-snap-type:x mandatory}.game-tab{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;scroll-snap-align:start}.game-tab:hover{color:var(--gold-primary);border-color:var(--gold-dark);background:#ffd7000d}.game-tab.active{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:var(--gold-primary);color:var(--gold-primary);box-shadow:0 0 15px #ffd70033,inset 0 1px #ffffff1a}.cta-banner{position:relative;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,#1a1a1af2,#28141ef2,#1a1a1af2);border-bottom:2px solid var(--gold-dark);overflow:hidden}.cta-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle{position:absolute;background:var(--gold-primary);border-radius:50%;opacity:.3}.particle:nth-child(1){width:4px;height:4px;top:20%;left:10%;animation:float 4s ease-in-out infinite}.particle:nth-child(2){width:6px;height:6px;top:60%;right:15%;animation:float 5s ease-in-out infinite 1s}.particle:nth-child(3){width:3px;height:3px;bottom:30%;left:70%;animation:float 3s ease-in-out infinite .5s}.cta-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.cta-warning{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#ff444426;border:1px solid rgba(255,68,68,.3);border-radius:var(--radius-xl);color:var(--danger);font-size:.75rem;font-weight:600}.warning-icon{font-size:.9rem}.cta-main-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cta-brand{font-size:1.5rem;font-weight:800;letter-spacing:2px}.cta-tagline{font-size:.8rem;color:var(--text-secondary);letter-spacing:1px}.cta-subtitle{color:var(--gold-primary);font-size:.9rem;font-weight:600}.cta-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}@media (min-width: 480px){.cta-brand{font-size:2rem}.cta-tagline{font-size:.9rem}}.game-table-section{margin:var(--spacing-md);overflow:hidden}.game-table-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,transparent 100%);border-bottom:1px solid rgba(255,215,0,.2)}.table-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--gold-dark);border-radius:var(--radius-sm)}.icon-diamond{color:var(--gold-primary);font-size:1.2rem}.table-title{font-size:.9rem;font-weight:700;color:var(--gold-primary);text-transform:uppercase;letter-spacing:1px}.game-table-banner{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(40,30,20,1) 100%);text-align:center;border-bottom:1px solid rgba(255,215,0,.1)}.banner-text{font-size:1rem;font-weight:800;letter-spacing:2px}.game-table{width:100%;border-collapse:collapse}.game-table th{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:left;border-bottom:1px solid rgba(255,215,0,.1)}.game-table th:last-child{text-align:right}.game-table td{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.game-table td:last-child{text-align:right}.game-table tbody tr{transition:background .2s ease}.game-table tbody tr:hover{background:#ffd70008}.id-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold-primary) 100%);border-radius:var(--radius-md);color:#000;font-family:var(--font-mono);font-size:.85rem;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.nickname-cell{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.nickname{color:var(--text-primary);font-weight:500}.copy-icon{color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:color .2s}.copy-icon:hover{color:var(--gold-primary)}.numbers{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.rate{font-family:var(--font-mono);font-size:1rem;font-weight:700}.game-table-footer{padding:var(--spacing-md);background:var(--bg-tertiary);border-top:1px solid rgba(255,215,0,.1)}.instruction-text{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.rate-info{font-size:.75rem;color:var(--text-secondary)}@media (min-width: 480px){.game-table th,.game-table td{padding:var(--spacing-md) var(--spacing-lg)}.table-title{font-size:1rem}}.history-section{margin:var(--spacing-md);padding:var(--spacing-md)}.history-icon{color:var(--gold-primary);font-size:1rem}.history-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed rgba(255,215,0,.2);text-align:center}.placeholder-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;border:2px solid var(--gold-dark)}.lock-icon{position:relative;width:24px;height:30px}.lock-body{position:absolute;bottom:0;width:24px;height:18px;background:var(--gold-primary);border-radius:3px}.lock-body:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--bg-secondary);border-radius:50%}.lock-shackle{position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:14px;border:3px solid var(--gold-primary);border-bottom:none;border-radius:7px 7px 0 0}.placeholder-text{font-size:.9rem;color:var(--text-secondary)}.placeholder-buttons{display:flex;gap:var(--spacing-md)}.leaderboard-section{margin:var(--spacing-md);padding:var(--spacing-md)}.crown-icon{color:var(--gold-primary);font-size:1.2rem;animation:float 2s ease-in-out infinite}.leaderboard-info{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.leaderboard-info p{font-size:.75rem;color:var(--text-secondary);margin:var(--spacing-xs) 0}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid transparent;transition:all .3s ease}.leaderboard-item:hover{border-color:#ffd7004d;background:#ffd7000d}.leaderboard-item.medal-gold{background:linear-gradient(90deg,rgba(255,215,0,.15) 0%,var(--bg-tertiary) 100%);border-color:#ffd7004d}.leaderboard-item.medal-silver{background:linear-gradient(90deg,rgba(192,192,192,.15) 0%,var(--bg-tertiary) 100%);border-color:#c0c0c04d}.leaderboard-item.medal-bronze{background:linear-gradient(90deg,rgba(205,127,50,.15) 0%,var(--bg-tertiary) 100%);border-color:#cd7f324d}.rank-badge{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.medal{font-size:1.2rem}.rank-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--text-muted);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.player-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gold-gradient);border-radius:50%;color:#000;font-weight:700;font-size:.9rem}.player-info{flex:1}.player-name{font-weight:600;font-size:.9rem}.player-amount{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--gold-primary)}@media (min-width: 480px){.leaderboard-item{padding:var(--spacing-md)}.player-name{font-size:1rem}.player-amount{font-size:.95rem}}.events-section{margin:var(--spacing-md);padding:var(--spacing-md)}.fire-icon{color:var(--magenta);font-size:1rem;animation:glow-pulse 1.5s ease-in-out infinite}.events-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.event-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid transparent;transition:all .3s ease}.event-item:hover{background:#ffffff08}.event-item.event-new{border-left-color:var(--success)}.event-item.event-event{border-left-color:var(--gold-primary)}.event-item.event-warning{border-left-color:var(--danger)}.event-content{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}.event-title{font-size:.85rem;font-weight:500;color:var(--text-primary)}.event-desc{font-size:.75rem;color:var(--text-secondary)}.event-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--gold-dark);border-radius:var(--radius-sm);color:var(--gold-primary);font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s ease}.event-link:hover{background:var(--gold-primary);color:#000}.event-link .arrow{transition:transform .2s ease}.event-link:hover .arrow{transform:translate(3px)}@media (min-width: 480px){.event-item{flex-wrap:nowrap}}.rules-section{margin:var(--spacing-md);overflow:hidden}.rules-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:transparent;border:none;cursor:pointer;transition:background .2s ease}.rules-header:hover{background:#ffd70008}.rules-icon{color:var(--gold-primary);font-size:1rem}.expand-icon{color:var(--gold-primary);font-size:.8rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.rules-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.rules-content.expanded{max-height:1000px}.rules-intro{padding:var(--spacing-md);background:var(--bg-tertiary);border-top:1px solid rgba(255,215,0,.1);text-align:center}.rules-intro h4{font-size:.95rem;font-weight:700}.rules-list{list-style:none;padding:var(--spacing-md)}.rule-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.rule-item:last-child{border-bottom:none}.rule-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gold-dark);border-radius:50%;color:#000;font-size:.75rem;font-weight:700}.rule-text{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.rules-cta{padding:var(--spacing-md);background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,transparent 100%);border-top:1px solid rgba(255,215,0,.1)}.rules-cta p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0));background:var(--bg-secondary);border-top:1px solid rgba(255,215,0,.15);z-index:100}@media (min-width: 768px){.bottom-nav{display:none}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer;transition:all .2s ease;min-width:48px}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-icon-svg{width:20px;height:20px;fill:none;stroke:var(--text-secondary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:all .2s ease}.nav-label{font-size:.6rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease}.nav-item.active .nav-icon{transform:translateY(-2px)}.nav-item.active .nav-icon-svg{stroke:var(--gold-primary);filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.nav-item.active .nav-label{color:var(--gold-primary)}.nav-item:hover .nav-icon-svg{stroke:var(--gold-primary)}.nav-item:hover .nav-label{color:var(--gold-primary)}.nav-item:first-child.active{position:relative}.nav-item:first-child.active:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--gold-gradient);border-radius:50%;z-index:-1;opacity:.15}