:root{--bg:#000;--surface:#0a0a0a;--surface-hover:#111;--text-primary:#fff;--text-secondary:#86868b;--accent:#fff;--border:#ffffff1a;--glass:#000000b3;--font-main:"Inter", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:32px;--spacing-xl:64px;--ruby:#e11d48;--elite:#6366f1;--x:#fff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.nav-blur{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:var(--glass)}h1{letter-spacing:-.04em;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.05}h2{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:600}h3{letter-spacing:-.01em;font-size:1.75rem;font-weight:600}p{color:var(--text-secondary);max-width:600px;font-size:1.2rem}.tier-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.2,0,0,1);position:relative}.tier-card.ruby{border-color:#e11d4833}.tier-card.ruby:hover{border-color:var(--ruby);box-shadow:0 0 30px #e11d481a}.tier-card.elite{border-color:#6366f133}.tier-card.elite:hover{border-color:var(--elite);box-shadow:0 0 30px #6366f11a}.tier-card.x{border-color:#ffffff1a}.card-slot{background:#050505;border:2px solid #222;border-radius:12px;width:24px;height:280px;transition:all .4s;position:relative;overflow:visible;box-shadow:inset 2px 0 10px #000,0 0 20px #e11d480d}.card-slot.active{border-color:#22c55e;box-shadow:inset 2px 0 10px #000,0 0 30px #22c55e33}.card-slot:after{content:"";opacity:.3;background:#e11d48;border-radius:2px;width:2px;height:85%;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #e11d48}.card-slot.active:after{opacity:1;background:#22c55e;box-shadow:0 0 15px #22c55e}.progress-circle-container{cursor:pointer;-webkit-user-select:none;user-select:none;width:200px;height:200px;transition:transform .1s active;justify-content:center;align-items:center;display:flex;position:relative}.progress-circle-container:active{transform:scale(.95)}.progress-ring-circle{transform-origin:50%;transition:stroke-dashoffset .35s;transform:rotate(-90deg)}.tier-label-badge{letter-spacing:-.05em;text-transform:uppercase;z-index:10;filter:drop-shadow(0 0 30px #ffffff26);pointer-events:none;color:#fff;font-size:8rem;font-style:italic;font-weight:950;line-height:.9}.card-visual{border-radius:16px;flex-direction:column;justify-content:space-between;width:320px;height:190px;padding:24px;transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.card-visual.premier{background:linear-gradient(135deg,#111,#333);border:1px solid #444}.card-visual.ruby{background:linear-gradient(135deg,#4c0519,#e11d48);border:1px solid #f43f5e}.card-visual.elite{background:linear-gradient(135deg,#713f12,#ca8a04);border:1px solid #eab308}.card-visual.x{position:relative;overflow:hidden;color:#000!important;background:linear-gradient(135deg,#fff,#e2e8f0)!important;border:1px solid #fff!important;box-shadow:0 20px 100px #fff6!important}.card-visual.x:after{content:"";mix-blend-mode:multiply;z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 15%,#ff00ff1a 20%,#00ffff1a 25%,#00ff001a 30%,#0000 35% 45%,#ff00ff1a 50%,#00ffff1a 55%,#00ff001a 60%,#0000 65%);width:400%;height:100%;animation:12s linear infinite diamond-sweep;position:absolute;top:0;left:-150%}.card-visual.x:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 45%,#fff 50%,#0000 55%) 0 0/200% 100%,repeating-linear-gradient(45deg,#ffffff0d 0 1px,#0000 1px 15px) 0 0/100% 100%;animation:4s linear infinite diamond-shimmer;position:absolute;inset:0}@keyframes diamond-sweep{0%{transform:translate(0)skew(-15deg)}to{transform:translate(50%)skew(-15deg)}}@keyframes diamond-shimmer{0%{background-position:200% 0,0 0}to{background-position:-200% 0,0 0}}.card-visual.x .status-label,.card-visual.x div,.card-visual.x span,.card-visual.x img{z-index:10;text-transform:uppercase;position:relative;color:#000!important;font-weight:950!important}.card-visual:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff1a 45%,#fff3 50%,#ffffff1a 55%,#0000 60%) 0 0/200% 100%;animation:3s infinite card-shimmer;position:absolute;inset:0}@keyframes card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-slot-machine{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0006;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;gap:24px;width:100%;max-width:800px;padding:30px;display:flex}.video-reels-container{background:#000;border:2px solid #222;border-radius:24px;gap:10px;padding:15px;display:flex;overflow:hidden}.video-reel{background:#0a0a0a;border-radius:12px;flex:1;height:240px;position:relative;overflow:hidden}.video-reel-inner{flex-direction:column;align-items:center;display:flex}.video-symbol{border-bottom:1px solid #ffffff05;justify-content:center;align-items:center;width:100%;height:80px;font-size:2.2rem;display:flex}@keyframes reel-drop{0%{opacity:0;transform:translateY(-300px)}30%{opacity:1}to{transform:translateY(0)}}.dropping-symbol{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards reel-drop}.spin-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;padding:20px 60px;font-size:1.25rem;font-weight:800;transition:all .2s;box-shadow:0 10px 30px #ffffff1a}.spin-button:hover{transform:scale(1.05);box-shadow:0 15px 40px #fff3}.spin-button:active{transform:scale(.95)}.bet-display{font-family:var(--mono);gap:20px;display:flex}.bet-badge{color:#fff;background:#ffffff0d;border:1px solid #222;border-radius:8px;padding:8px 16px;font-size:.9rem}.member-card-mini{cursor:pointer;z-index:2;transform-origin:0;background:linear-gradient(135deg,#4c0519,#e11d48);border-radius:12px;flex-direction:column;justify-content:space-between;width:280px;height:170px;padding:20px;transition:all .8s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 20px 50px #00000080}.member-card-mini:hover:not(.inserted){transform:scale(1.02)rotateY(-5deg);box-shadow:0 30px 60px #e11d4833}.member-card-mini.inserted{filter:brightness(.6);transform:translate(-190px)scale(.95);box-shadow:0 5px 15px #00000080}@keyframes pointsPop{0%{transform:scale(1)}50%{color:#22c55e;text-shadow:0 0 50px #22c55e;transform:scale(1.2)}to{transform:scale(1)}}.points-pop{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards pointsPop}.game-preview-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;padding:30px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.game-content-blur{filter:grayscale()blur(8px);opacity:.4;transition:all .5s}.game-preview-card.unlocked .game-content-blur{filter:grayscale(0)blur();opacity:1}.game-preview-card.unlocked{border-color:var(--ruby);box-shadow:0 0 40px #e11d4826}.lock-overlay{z-index:10;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:all .5s;display:flex;position:absolute;inset:0}.game-preview-card.unlocked .lock-overlay{opacity:0;pointer-events:none;transform:scale(1.1)}.lock-badge{color:#fff;letter-spacing:.05em;background:#333;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700}.bg-ruby-vivid{background:linear-gradient(#7f1d1d 0%,#e11d48 50%,#7f1d1d 100%);transition:background .8s cubic-bezier(.4,0,.2,1);position:relative}.bg-gold-vivid{background:linear-gradient(#713f12 0%,#a16207 50%,#713f12 100%);transition:background .8s cubic-bezier(.4,0,.2,1);position:relative}.bg-diamond-vivid{background:linear-gradient(#0f172a 0%,#1e293b 50%,#0f172a 100%);transition:background .8s cubic-bezier(.4,0,.2,1);position:relative}.bg-ruby-vivid:before,.bg-gold-vivid:before,.bg-diamond-vivid:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 80%);position:absolute;inset:0}.btn-primary{background-color:var(--text-primary);color:var(--bg);border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0;border-radius:50px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.bento-grid{padding:var(--spacing-lg);grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.bento-item{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px;transition:transform .3s cubic-bezier(.2,0,0,1),border-color .3s;position:relative;overflow:hidden}.bento-item:hover{border-color:#fff3;transform:scale(1.02)}.game-tile{transition:all .4s cubic-bezier(.2,1,.3,1)}.game-tile:hover{transform:translateY(-25px)scale(1.05);z-index:10!important}.game-tile:hover .game-icon-img{filter:drop-shadow(0 30px 60px #fff3)}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.wobble-cta .game-icon-img{animation:1.5s ease-in-out infinite wobble}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.shake-locked-pill{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 0 30px #ef444480!important}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:1s cubic-bezier(.2,0,0,1) forwards fadeIn}.text-gradient{background:linear-gradient(90deg,#e11d48,gold,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-ruby{background:linear-gradient(90deg,#e11d48,#f43f5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gold{background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gold-shine}@keyframes gold-shine{0%{background-position:0%}to{background-position:200%}}.text-diamond{background:linear-gradient(135deg,#fff 0% 40%,#b0e9ff 45%,#fff 50%,#ffd1f9 55%,#fff 60%,#fff4b0 65%,#fff 70% 100%) 0 0/300%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ffffff4d);-webkit-background-clip:text;background-clip:text;animation:5s linear infinite diamond-shine}@keyframes diamond-shine{0%{background-position:0%}to{background-position:300%}}.hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#ffffff0d 0%,#0000 70%);width:100vw;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes promo-shimmer{0%{transform:translate(-150%)skew(-25deg)}to{transform:translate(150%)skew(-25deg)}}.shimmer-sweep{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:skew(-25deg)}.promo-tile:hover .shimmer-sweep{animation:.8s ease-out promo-shimmer}.char-reel-container{justify-content:center;width:.7em;height:1.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.char-reel-column{flex-direction:column;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:flex}.char-reel-column.spinning{filter:blur(2px)}.char-reel-item{text-align:center;justify-content:center;align-items:center;height:1.1em;display:flex}.char-reel-item.final{background:linear-gradient(90deg,#e11d48,#f43f5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-lime{background:linear-gradient(90deg,#22c55e,#a8ff78);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes meditative-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blob-float{0%{transform:translate(0)scale(1)}33%{transform:translate(10vw,10vh)scale(1.1)}66%{transform:translate(-5vw,15vh)scale(.9)}to{transform:translate(0)scale(1)}}.nebula-container{z-index:0;background:#000;position:absolute;inset:0;overflow:hidden}.blob{filter:blur(120px);opacity:.15;mix-blend-mode:screen;border-radius:50%;width:60vw;height:60vw;position:absolute}.blob-blue{background:#0c4a6e;animation:30s infinite alternate blob-float;top:-10%;left:-10%}.blob-orange{background:#ea580c;animation:25s infinite alternate-reverse blob-float;bottom:-10%;right:-10%}.blob-yellow{background:#ca8a04;animation:35s infinite alternate blob-float;top:20%;right:10%}.bg-text-large{color:#ffffff05;text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:0;letter-spacing:-.08em;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:18rem;font-style:italic;font-weight:950;font-stretch:125%;position:absolute;transform:skew(-5deg)}.kinetic-bg-container{opacity:.05;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:0}.kinetic-row{white-space:nowrap;letter-spacing:-.05em;gap:100px;font-size:15rem;font-weight:950;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee{animation:60s linear infinite marquee}.animate-marquee-reverse{animation:60s linear infinite marquee-reverse}.text-outline{-webkit-text-stroke:2px #fff3;color:#0000}.hilo-playing-card,div.hilo-playing-card,.hilo-playing-card div{background:#fff!important}.hilo-playing-card{color:#000!important;border:10px solid #fff!important;box-shadow:0 30px 100px #000c!important}.card-visual.premier{color:#fff!important;background:linear-gradient(135deg,#050505,#1a1a1a)!important;border:1px solid #ffffff1a!important}.foil-pack{background:linear-gradient(135deg,#1a1a1a 0%,#333 25%,#111 50%,#333 75%,#1a1a1a 100%) 0 0/400% 400%;border:1px solid #ffffff1a;animation:3s infinite foil-shimmer;box-shadow:0 0 50px #00000080,inset 0 0 20px #ffffff0d}@keyframes foil-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pack-tear-top{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;filter:blur(10px);transform:translateY(-150px)rotate(-10deg)}}@keyframes pack-tear-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:blur(10px);transform:translateY(150px)}}.pack-tear-top{animation:.8s cubic-bezier(.4,0,.2,1) forwards pack-tear-top}.pack-tear-bottom{animation:.8s cubic-bezier(.4,0,.2,1) forwards pack-tear-bottom}.foil-texture{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3 Jacques %3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}