@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Tenor+Sans&display=swap";@font-face{font-family:Fjalla;src:url(/fonts/Fjalla.ttf)format("truetype")}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Bangers.woff2)format("woff2")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpecialElite.woff2)format("woff2")}@font-face{font-family:Limelight;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Limelight.woff2)format("woff2")}#root{width:100%;height:100dvh}*{box-sizing:border-box;margin:0;padding:0}button{touch-action:manipulation}:root{--up-burgundy-900:#2a0d17;--up-burgundy-800:#3d1320;--up-burgundy-700:#5a1d31;--up-cream:#e8dcc4;--up-cream-soft:#f1e7d3;--up-gold:#c9a96e;--up-ink:#1a0a10;--up-line:#e8dcc42e;--up-line-strong:#e8dcc452;--theme-bg:#1a0a10;--theme-surface:#0e050ab8;--theme-surface-hover:#14080fe0;--theme-border:#e8dcc424;--theme-border-strong:#e8dcc447;--theme-text:#e8dcc4;--theme-text-muted:#e8dcc480;--theme-text-faint:#e8dcc447;--theme-shadow:#00000080;--theme-shadow-soft:#0000003d}body{color:var(--theme-text);overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0d0308;height:100dvh;font-family:Fjalla,sans-serif;overflow:hidden}.home{height:100dvh;padding:max(env(safe-area-inset-top), 24px) 20px calc(env(safe-area-inset-bottom,0px) + 8px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='0.038'/%3E%3C/svg%3E"),radial-gradient(110% 52% at 50% -4%,#a0284857 0%,#0000 62%),radial-gradient(60% 100% at -8%,#3c0e1a73 0%,#0000 55%),radial-gradient(60% 100% at 108%,#3c0e1a73 0%,#0000 55%),radial-gradient(100% 50% at 50% 115%,#080205cc 0%,#0000 55%),linear-gradient(175deg,#110508 0%,#1a0a10 38%,#160809 65%,#0d0308 100%);flex-direction:column;display:flex;overflow-y:auto}.home-header{text-align:center;flex-direction:column;align-items:center;padding:32px 0 28px;display:flex}.logo-wrapper{width:88px;height:88px;margin-bottom:16px;position:relative}.logo-wrapper:before{content:"";filter:blur(10px);z-index:0;background:linear-gradient(135deg,#5a1d31b3,#2a0d1780);border-radius:28px;position:absolute;inset:-6px}.home-header .logo{z-index:1;border:1px solid var(--up-line-strong);border-radius:22px;width:88px;height:88px;display:block;position:relative}.home-header h1{letter-spacing:5px;background:linear-gradient(135deg, #fff 30%, var(--up-cream) 70%, var(--up-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bangers,sans-serif;font-size:2.8rem;font-weight:400}.home-header p{color:var(--theme-text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;font-family:Inter,-apple-system,sans-serif;font-size:.85rem}.games-grid{flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.game-card{background:radial-gradient(ellipse at 50% -10%, var(--card-gradient-top,#d2375fe0) 0%, #781c3af5 50%, #280814fc 100%);color:#f1e7d3;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform, box-shadow;border:1px solid #dc8ca55c;border-top-color:#eb9bb294;border-radius:20px;align-items:center;gap:16px;width:100%;height:78px;padding:0 22px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;animation:4.6s ease-in-out infinite play-breathe;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 44px #00000094,inset 0 1px #ffbed226,inset 0 0 28px #d2375f1a}.game-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(108deg,#0000 20%,#ffbed212 38%,#ffdce82e 50%,#ffbed212 62%,#0000 80%);animation:8s ease-in-out infinite play-shine;position:absolute;inset:0;transform:translate(-130%)}.game-card:active{animation:none;box-shadow:0 2px 10px #000000b3,inset 0 3px 12px #0000008c,inset 0 0 0 1px #ffbed214;transition:transform 90ms cubic-bezier(.4,0,1,1),box-shadow 60ms!important;transform:scale(.95)!important}.game-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffbed22e 0%,#0000 65%);transition:opacity 80ms,transform 80ms;position:absolute;inset:0;transform:scale(.6)}.game-card:active:before{opacity:1;transform:scale(1)}@keyframes play-breathe{0%,to{transform:scale(1);box-shadow:0 12px 38px #00000085,0 0 12px #d2375f0f,inset 0 1px #ffbed21a,inset 0 0 18px #d2375f0f}50%{transform:scale(1.013);box-shadow:0 20px 58px #0000009e,0 0 52px #d2375f4d,inset 0 1px #ffbed242,inset 0 0 44px #d2375f2e}}@keyframes play-shine{0%{opacity:0;transform:translate(-130%)}5%{opacity:1}30%{opacity:0;transform:translate(130%)}31%,to{opacity:0;transform:translate(-130%)}}.game-card--active{border-color:#f05064b3 #dc3c5073 #dc3c5073;box-shadow:0 14px 44px #0009,0 0 28px #d2324638,inset 0 1px #ffa0aa2e,inset 0 0 28px #c8283c1a}.sonar-dot{z-index:3;pointer-events:none;width:9px;height:9px;position:absolute;top:11px;left:11px}.sonar-dot:before{content:"";background:#e03050;border-radius:50%;animation:2.4s ease-in-out infinite dot-breathe;position:absolute;inset:0;box-shadow:0 0 6px #e03050cc}@keyframes dot-breathe{0%,to{opacity:1;box-shadow:0 0 5px #e03050b3}50%{opacity:.45;box-shadow:0 0 2px #e0305040}}.game-card--active .game-card-content p{color:#f0a0aad9;letter-spacing:.06em}.game-card-icon{color:#f1e7d3;background:#e8dcc414;border:1px solid #e8dcc44d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.game-card-content{z-index:1;flex:1;min-width:0;position:relative}.game-card-content h2{letter-spacing:.26em;text-transform:uppercase;color:#f1e7d3;white-space:nowrap;text-overflow:ellipsis;font-family:Tenor Sans,serif;font-size:1.1rem;font-weight:400;overflow:hidden}.game-card-content p{color:#f1e7d399;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-family:Inter,-apple-system,sans-serif;font-size:.72rem;overflow:hidden}.game-info-btn{z-index:2;color:#e8dcc480;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e8dcc40f;border:1px solid #e8dcc433;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;line-height:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.game-info-btn:hover{color:var(--up-gold);background:#c9a96e24;border-color:#c9a96e73}.game-info-btn:active{color:var(--up-gold);background:#c9a96e38;border-color:#c9a96e99;transform:scale(.82);box-shadow:0 0 0 4px #c9a96e1f;transition:transform 80ms cubic-bezier(.4,0,1,1)!important}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.info-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 100px);z-index:200;-webkit-backdrop-filter:blur(28px)saturate(1.4);pointer-events:none;background:linear-gradient(145deg,#2a0d17f5 0%,#0e050afa 100%);border:1px solid #e8dcc41f;border-top-color:#c9a96e4d;border-radius:16px;flex-direction:column;gap:4px;width:calc(100% - 48px);max-width:300px;padding:14px 18px;animation:.22s cubic-bezier(.2,.7,.2,1) both toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0009,0 0 0 1px #c9a96e0d}.info-toast-name{letter-spacing:.14em;text-transform:uppercase;color:var(--up-gold);font-family:Tenor Sans,serif;font-size:11px;line-height:1}.info-toast-detail{color:#e8dcc4cc;font-family:Inter,-apple-system,sans-serif;font-size:13px;line-height:1.5}.shop-cta{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:14px 4px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .1s;display:flex}.shop-cta:active{opacity:.75;transform:scaleX(.96)scaleY(.9);transition:transform 90ms cubic-bezier(.4,0,1,1)!important}.shop-cta-line{background:linear-gradient(90deg,#0000 0%,#c9a96e38 40%,#c9a96e61 100%);flex:1;height:1px}.shop-cta-line:last-child{background:linear-gradient(90deg,#c9a96e61 0%,#c9a96e38 60%,#0000 100%)}.shop-cta-text{letter-spacing:.14em;text-transform:uppercase;color:var(--up-gold);white-space:nowrap;background:linear-gradient(90deg,#c9a96eb3 0%,#f1e7d3 45%,#c9a96eb3 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Tenor Sans,serif;font-size:11px;animation:5s ease-in-out infinite shop-shimmer}@keyframes shop-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.shop-cta:active .shop-cta-text{-webkit-text-fill-color:var(--up-cream-soft);animation:none}.shop-cta:active .shop-cta-line{opacity:.6}.home-footer{gap:10px;margin-top:auto;padding-top:16px;padding-bottom:24px;display:flex}.access-btn{-webkit-backdrop-filter:blur(32px)saturate(1.8);color:#e8dcc4b8;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#16080f94 0%,#0e050a6b 100%);border:1px solid #e8dcc414;border-top-color:#e8dcc42e;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;height:58px;padding:0 14px;font-family:Tenor Sans,serif;font-size:12px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #00000073}.access-btn:active{transform:scale(.93);box-shadow:inset 0 3px 14px #0009,0 1px 4px #0006;transition:transform 90ms cubic-bezier(.4,0,1,1),box-shadow 60ms!important}.access-btn svg{opacity:.6;flex-shrink:0}.access-btn span{flex-shrink:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}.popup-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0a030899;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.popup-overlay--in{animation:.28s forwards overlayIn}.popup-overlay--out{animation:.28s forwards overlayOut}.popup--in{animation:.32s cubic-bezier(.32,.72,0,1) forwards sheetIn}.popup--out{animation:.28s cubic-bezier(.32,.72,0,1) forwards sheetOut}.popup{width:100%;max-width:480px;padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 28px);-webkit-backdrop-filter:blur(28px)saturate(1.4);border:1px solid var(--theme-border);background:linear-gradient(160deg,#2a0d17f5 0%,#0e050afa 100%);border-bottom:none;border-radius:28px 28px 0 0;position:relative;box-shadow:0 -8px 40px #78143c4d}.popup:before{content:"";background:linear-gradient(90deg, transparent, var(--up-line-strong), transparent);border-radius:1px;height:1px;display:block;position:absolute;top:0;left:10%;right:10%}.popup-handle{background:var(--up-line-strong);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.popup h3{letter-spacing:4px;text-align:center;background:linear-gradient(135deg, #fff 40%, var(--up-cream));-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-family:Bangers,sans-serif;font-size:1.4rem;font-weight:400}.popup-clubs{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.popup-club-btn{background:var(--theme-surface);border:1px solid var(--theme-border);color:var(--theme-text);letter-spacing:.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;font-family:Fjalla,sans-serif;font-size:1.05rem;transition:background .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.popup-club-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#5a1d312e 0%,#0000 70%);position:absolute;inset:0}.popup-club-btn:after{content:"";background:linear-gradient(90deg, transparent, var(--up-line), transparent);height:1px;position:absolute;top:0;left:0;right:0}.popup-club-btn:active{background:var(--theme-surface-hover);border-color:var(--up-gold)}.club-logo{object-fit:contain;z-index:1;width:auto;max-width:240px;height:28px;display:block;position:relative}.club-logo-invert{filter:invert()}.club-logo-newera{letter-spacing:.32em;text-transform:uppercase;background:linear-gradient(90deg, var(--up-gold) 0%, var(--up-cream-soft) 50%, var(--up-gold) 100%);-webkit-text-fill-color:transparent;z-index:1;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;justify-content:flex-start;align-items:center;gap:8px;font-family:Tenor Sans,serif;font-size:15px;animation:4s ease-in-out infinite newera-shimmer;display:flex;position:relative}.club-logo-newera-pre{opacity:.7;font-size:9px}@keyframes newera-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.club-arrow{z-index:1;opacity:.5;color:var(--up-gold);font-size:.9rem;position:relative}.popup-close{background:var(--theme-surface);border:1px solid var(--theme-border);width:100%;color:var(--theme-text-muted);letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:14px;font-family:Fjalla,sans-serif;font-size:.85rem;transition:background .15s,border-color .15s}.popup-close:active{background:var(--theme-surface-hover);border-color:var(--theme-border-strong)}.webview-container{flex-direction:column;height:100dvh;display:flex;position:relative}.webview-header{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;background:var(--theme-bg);border-bottom:1px solid var(--theme-border);flex-shrink:0;align-items:center;min-height:52px;display:flex;position:relative}.back-btn{z-index:1;color:var(--up-gold);letter-spacing:.4px;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#c9a96e14;border:1px solid #c9a96e38;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-family:Fjalla,sans-serif;font-size:.9rem;transition:background .18s,color .18s,border-color .18s,transform .12s;display:flex;position:relative}.back-btn:hover{color:var(--up-cream-soft);background:#c9a96e29;border-color:#c9a96e66}.back-btn:active{border-color:var(--up-gold);background:#c9a96e38;transform:scale(.95)}.webview-title{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:55%;color:var(--theme-text);font-size:1rem;font-weight:700;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.webview-frame{background:#fff;border:none;flex:1;width:100%;min-height:0}.webview-error{text-align:center;background:var(--theme-bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 32px;display:flex;position:absolute;inset:0}.offline-screen{z-index:999;text-align:center;background:radial-gradient(110% 52% at 50% -4%,#a0284857 0%,#0000 62%),radial-gradient(100% 50% at 50% 115%,#080205cc 0%,#0000 55%),linear-gradient(175deg,#110508 0%,#1a0a10 38%,#160809 65%,#0d0308 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 32px;display:flex;position:fixed;inset:0}.offline-icon{opacity:.85;margin-bottom:8px;font-size:3.5rem;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.offline-screen h2{letter-spacing:4px;background:linear-gradient(135deg, #fff 40%, var(--up-cream));-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-family:Bangers,sans-serif;font-size:2rem;font-weight:400}.offline-screen p{color:var(--theme-text-muted);letter-spacing:.5px;max-width:260px;font-family:Inter,-apple-system,sans-serif;font-size:.9rem;line-height:1.6}.offline-retry-btn{background:linear-gradient(135deg, var(--up-burgundy-700), var(--up-burgundy-900));color:var(--up-cream);letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #c9a96e4d;border-radius:14px;margin-top:8px;padding:14px 36px;font-family:Fjalla,sans-serif;font-size:.95rem;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #5a1d3166}.offline-retry-btn:active{transform:scale(.96);box-shadow:0 2px 10px #5a1d314d}.resume-banner{-webkit-backdrop-filter:blur(12px);background:#5a1d3138;border:1px solid #c9a96e40;border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;animation:.35s cubic-bezier(.34,1.56,.64,1) both bannerIn;display:flex}@keyframes bannerIn{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.resume-banner span{color:var(--theme-text-muted);letter-spacing:.3px;flex:1;font-family:Inter,-apple-system,sans-serif;font-size:.82rem}.resume-banner strong{color:var(--theme-text)}.resume-btn{color:var(--up-gold);letter-spacing:.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#c9a96e2e;border:1px solid #c9a96e59;border-radius:10px;padding:8px 14px;font-family:Fjalla,sans-serif;font-size:.8rem;transition:background .15s,border-color .15s}.resume-btn:active{border-color:var(--up-gold);background:#c9a96e4d}.resume-dismiss{color:var(--theme-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem;line-height:1}@media (orientation:landscape) and (height<=500px){.home-header{padding:10px 0 8px}.home-header h1{letter-spacing:4px;font-size:1.8rem}.home-header p{display:none}.games-grid{gap:8px;padding-bottom:10px}.game-card{height:60px}.game-card-icon{width:34px;height:34px}.home-footer{padding-top:6px;padding-bottom:8px}.access-btn{height:46px}.shop-cta{padding:8px 4px}}@media (width>=700px){.games-grid,.shop-cta{width:100%;max-width:520px;margin-left:auto;margin-right:auto}}