:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-height:100vh;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#0006;position:fixed;top:0;left:0;width:100%;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000004d}.user-info{display:flex;align-items:center;gap:10px}.avatar img{width:40px;height:40px;border-radius:50%;border:2px solid #fff}.user-details{display:flex;flex-direction:column}.username{font-weight:700;font-size:.9rem}.vip-badge{font-size:.7rem;background:linear-gradient(90deg,gold,#ff8c00);padding:1px 6px;border-radius:4px;color:#333;font-weight:700;width:fit-content}.wallet-info{display:flex;align-items:center;gap:10px}.balance-pill{background:#4a148c;border:1px solid #7c43bd;border-radius:20px;padding:5px 5px 5px 12px;display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:inset 0 2px 5px #0000004d}.coin-icon{color:gold}.btn-buy{background:linear-gradient(180deg,#00e676,#00c853);border:none;border-radius:15px;color:#fff;font-weight:700;padding:5px 12px;cursor:pointer;box-shadow:0 2px 5px #0003}.btn-exit{background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;padding:5px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#1a1a2e;display:flex;justify-content:space-around;padding:10px 0;border-top:2px solid #333;z-index:100}.nav-item{background:none;border:none;color:#888;display:flex;flex-direction:column;align-items:center;font-size:.75rem;gap:4px;transition:color .2s;cursor:pointer}.nav-item svg{font-size:1.2rem}.nav-item.active{color:gold}.nav-item:hover{color:#fff}.game-lobby{padding:20px 15px;position:relative;width:100%;max-width:1200px;margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:10px;width:100%}@media(min-width:600px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.games-grid{grid-template-columns:repeat(4,1fr)}}.game-card{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s}.game-card:hover{transform:scale(1.02)}.game-image{width:100%;aspect-ratio:1/1;border-radius:20px;border:3px solid #ffd700;box-shadow:0 5px 15px #0006;position:relative;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fffc;overflow:hidden}.game-title{font-weight:700;font-size:.9rem;text-shadow:0 2px 2px rgba(0,0,0,.5);background:#0000004d;padding:2px 8px;border-radius:10px}.hot-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(180deg,#ff3d00,#dd2c00);color:#fff;font-size:.7rem;font-weight:700;padding:3px 6px;border-radius:5px;box-shadow:0 2px 4px #0000004d;border:1px solid #fff;z-index:10}.game-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.bg-shark{background:linear-gradient(135deg,#0288d1,#01579b)}.bg-slots{background:linear-gradient(135deg,#6a1b9a,#4a148c)}.bg-dragon{background:linear-gradient(135deg,#c62828,#b71c1c)}.bg-space{background:linear-gradient(135deg,#311b92,#1a237e)}.bg-pharaoh{background:linear-gradient(135deg,#fbc02d,#f57f17)}.bg-pirate{background:linear-gradient(135deg,#00695c,#004d40)}.bg-buffalo{background:linear-gradient(135deg,#795548,#3e2723)}.bg-zeus{background:linear-gradient(135deg,#1565c0,#0d47a1)}.hud-btn{position:fixed;z-index:90;background:none;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font-size:.8rem;text-shadow:0 2px 2px rgba(0,0,0,.5)}.icon-container{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid #fff;box-shadow:0 4px 8px #0000004d}.hud-left{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:90}.hud-right{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:90}@media(max-width:600px){.hud-left{left:5px}.hud-right{right:5px}.icon-container{width:40px;height:40px;font-size:1.2rem}.hud-btn span{font-size:.7rem}}.gift-glow{background:linear-gradient(135deg,#ff4081,#f50057);animation:pulse 2s infinite}.event-glow{background:linear-gradient(135deg,#7c4dff,#651fff);animation:bounce 3s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff4081b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ff408100}to{transform:scale(1);box-shadow:0 0 #ff408100}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}:root{--primary-bg: #2b1055;--secondary-bg: #1a1a2e;--text-primary: #ffffff;--text-secondary: #888888;--accent-gold: #ffd700;--accent-green: #00e676;--accent-red: #ff3d00;--modal-overlay: rgba(0, 0, 0, .7)}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(180deg,#2b1055,#7597de);color:var(--text-primary);min-height:100vh;width:100%;padding-top:100px;padding-bottom:70px;overflow-x:hidden}#root{width:100%}@media(max-width:600px){body{padding-top:90px;padding-bottom:60px}}button{cursor:pointer;border:none;outline:none}ul{list-style:none}.activity-detail-view{padding:20px;height:100%;display:flex;flex-direction:column;color:#fff}.nav-header{margin-bottom:20px}.back-btn{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:8px}.activity-detail-content{flex:1;background:#ffffff0d;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center}.weekend-party .activity-icon{font-size:4rem;color:gold;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.event-list{display:flex;flex-direction:column;gap:15px;margin-top:20px;width:100%}.event-item{background:#ffffff1a;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px}.event-icon{font-size:2rem}.event-info h4{margin:0;color:gold}.event-info p{margin:5px 0 0;font-size:.9rem;color:#ccc}.gift-pack-list{margin-top:20px;width:100%}.gift-pack{background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border:1px solid #ffd700;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px}.pack-icon{font-size:2rem}.pack-info{flex:1}.pack-info h4{margin:0;color:gold}.pack-info p{margin:5px 0 0;font-size:.9rem;color:#eee}.pack-btn{background:linear-gradient(180deg,gold,#ff8c00);border:none;padding:8px 15px;border-radius:20px;color:#000;font-weight:700;cursor:pointer}.timer-badge{background:#ff3d00;padding:5px 15px;border-radius:20px;font-weight:700;margin:15px 0}.checkin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin:20px 0}.checkin-day{background:#ffffff1a;border-radius:8px;padding:10px;text-align:center;position:relative;border:1px solid transparent}.checkin-day.checked{background:#00e67633;border-color:#00e676}.day-7{grid-column:span 2;background:#ffd70033;border-color:gold}.check-mark{position:absolute;top:5px;right:5px;color:#00e676;font-size:.8rem}.wheel-container{position:relative;width:280px;height:280px;margin:20px 0}.wheel{width:100%;height:100%;border-radius:50%;border:8px solid #ffd700;position:relative;overflow:hidden;background:conic-gradient(#ff9100 0deg 45deg,#ff3d00 45deg 90deg,#d500f9 90deg 135deg,#2979ff 135deg 180deg,#00e676 180deg 225deg,#ffea00 225deg 270deg,#ff1744 270deg 315deg,#651fff 315deg 360deg);box-shadow:0 0 20px #00000080}.wheel-section{position:absolute;top:50%;left:50%;width:100%;height:2px;transform-origin:0 0;pointer-events:none}.prize-text{position:absolute;left:60px;transform:translateY(-50%) rotate(22.5deg);font-size:1.5rem}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#d50000;z-index:10;cursor:pointer;box-shadow:0 4px 8px #0000004d;border:4px solid #ffd700;text-align:center;font-size:.8rem;line-height:1.2}.wheel-pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;z-index:20;text-shadow:0 2px 4px rgba(0,0,0,.5)}.invite-card{background:#ffffff1a;padding:15px;border-radius:10px;width:100%;margin:15px 0}.code-box{background:#000;padding:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;border:1px dashed #666}.code-text{color:gold;font-family:monospace;font-size:1.2rem;letter-spacing:2px}.copy-btn{background:#333;border:1px solid #666;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer}.action-btn{background:linear-gradient(180deg,gold,#ff8c00);border:none;padding:12px 30px;border-radius:25px;color:#000;font-weight:700;font-size:1rem;cursor:pointer;margin-top:20px;width:80%;box-shadow:0 4px 6px #0003}.action-btn:disabled{background:#666;cursor:not-allowed;color:#ccc}.glow-effect{animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 20px #ff8c00,0 0 10px #fff}}