@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--primary-font: "Roboto Mono", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif;--system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{height:100%;width:100%;margin:0;padding:0}body{font-family:var(--primary-font);overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app{background:#181819;font-family:var(--primary-font);display:flex;flex-direction:column;min-height:100vh;height:100vh;width:100%;overflow:hidden;position:relative;box-sizing:border-box}.app.loading{overflow:hidden}.app.loading .loader-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#181819f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .8s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-content{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;max-width:100%;margin:0 auto}.header-left{display:flex;align-items:center}.app-name{font-style:italic;font-size:1.4rem;font-weight:700;color:#fff;font-family:var(--primary-font);text-shadow:0 0 10px rgba(255,255,255,.3);letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:12px}.balance-container{display:flex;align-items:center;background:#0009;border-radius:20px;padding:6px 12px;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.balance-container:hover{background:#000000b3;transform:scale(1.02)}.balance-icon{font-size:1rem;filter:brightness(1.2)}.balance-amount{font-size:.85rem;font-weight:600;color:#fff;font-family:var(--primary-font);margin-right:2px}.currency-dropdown-icon{font-size:.7rem;color:#ffffffb3;margin-left:2px;transition:transform .3s ease}.currency-dropdown-icon.open{transform:rotate(180deg)}.deposit-button{background:#ffd700e6;color:#000;border:none;padding:2px 7px;border-radius:6px;font-size:.7rem;font-weight:800;cursor:pointer;transition:all .3s ease;font-family:var(--primary-font);margin-left:8px;min-width:24px;min-height:24px}.deposit-button.ton-mode{background:#3498dbe6;color:#fff}.deposit-button:hover{transform:scale(1.05)}.currency-selector{position:relative;display:flex;align-items:center}.currency-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#282828;border-radius:12px;padding:8px;min-width:100px;z-index:1001;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #000}.currency-option{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:#fff;padding:8px 12px;text-align:left;cursor:pointer;border-radius:8px;font-size:.8rem;font-family:var(--primary-font);transition:all .2s ease}.currency-option:hover{background:#ffffff1a}.currency-option.active{background:#ffd70033;color:gold}.currency-option.active.ton-mode{background:#3498db33;color:#3498db}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#2c2c2c;padding:24px;border-radius:16px;width:90%;max-width:300px;text-align:center;transform:scale(.7);opacity:0;animation:modalSlideIn .2s ease-out forwards}@keyframes modalSlideIn{0%{transform:scale(.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-content h3{color:#fff;margin-bottom:16px;font-family:var(--primary-font)}.modal-content p{color:#ffffffa9;margin-bottom:16px;font-family:var(--primary-font);font-size:.9rem;line-height:1.4}.modal-content input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-family:var(--primary-font);margin-bottom:16px}.modal-buttons{display:flex;gap:12px}.modal-buttons button{flex:1;padding:10px;border:none;border-radius:8px;font-family:var(--primary-font);cursor:pointer;transition:all .3s ease}.modal-buttons button:first-child{background:#fff3;color:#fff}.modal-buttons button:last-child{background:gold;color:#000}.menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-button:hover{background:#fff3;transform:scale(1.05)}.menu-icon{font-size:1.1rem;filter:brightness(1.2)}.user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff}.header.bottom-nav{top:auto;bottom:0;background:#181819f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:2px 5px;animation:slideUp .8s ease-out;min-height:60px;max-height:60px}.header-button{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;font-size:.65rem;opacity:.6;transition:all .3s ease;padding:4px 8px;border-radius:12px;position:relative;background:transparent;border:1px solid transparent;flex-shrink:0}.header-button.active{color:#ffd413;opacity:1;background:#ffd4131a;border:1px solid rgba(255,212,19,.3);box-shadow:0 0 12px #ffd41333}.header-button.active .icon{color:#ffd413;filter:drop-shadow(0 0 8px rgba(255,212,19,.4))}.header-button:hover{color:#f6bf19ce;opacity:1;background:#ffd4130d;border:1px solid rgba(255,212,19,.1)}.header-button .icon{font-size:.9rem;padding:1px;flex-shrink:0}.header-button .label{font-family:var(--primary-font);font-weight:400}.app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 2px 2px,rgba(255,255,255,.15) 1px,transparent 0),radial-gradient(circle at 6px 14px,rgba(255,255,255,.08) .5px,transparent 0);background-size:16px 16px,20px 20px,12px 12px,18px 18px;background-position:0 0,8px 8px,4px 4px,12px 12px;opacity:.7;animation:metallicShimmer 4s linear infinite;z-index:0}.app:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(229,167,42,.148) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(222,175,32,.093) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(206,128,39,.03) 0%,transparent 30%);animation:metallicGlow 10s ease-in-out infinite alternate;z-index:0}@keyframes metallicShimmer{0%{background-position:0 0,8px 8px,4px 4px,12px 12px}25%{background-position:4px 0,12px 8px,8px 4px,16px 12px}50%{background-position:8px 0,16px 8px,12px 4px,20px 12px}75%{background-position:4px 0,12px 8px,8px 4px,16px 12px}to{background-position:0 0,8px 8px,4px 4px,12px 12px}}@keyframes metallicGlow{0%{opacity:.4;transform:scale(1)}50%{opacity:.5;transform:scale(1.01)}to{opacity:.4;transform:scale(1)}}.loader-container{text-align:center;position:relative;z-index:1;animation:containerGlow 4s infinite alternate;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:transparent}@keyframes containerGlow{0%{filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}to{filter:drop-shadow(0 0 40px rgba(255,255,255,.6))}}@keyframes backgroundPulse{0%,to{background:radial-gradient(ellipse at 20% 50%,rgba(52,152,219,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(46,204,113,.15) 0%,transparent 50%)}50%{background:radial-gradient(ellipse at 80% 50%,rgba(52,152,219,.25) 0%,transparent 50%),radial-gradient(ellipse at 20% 50%,rgba(46,204,113,.25) 0%,transparent 50%)}}.loading-text{font-size:4.5em;font-weight:500;color:#fff;letter-spacing:.01em;margin-bottom:30px;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.4),2px 2px 4px rgba(0,0,0,.3);position:relative;font-family:var(--primary-font);transform:rotate(-2deg);min-height:1.2em;line-height:1.2}.letter{display:inline-block;opacity:0;transform:translateY(30px) rotate(10deg);transition:all .4s ease;cursor:pointer;visibility:hidden;position:relative;z-index:2;min-width:.6em;text-align:center}.letter.typed{opacity:1!important;transform:translateY(0) rotate(0);animation:letterBounce .8s ease-out forwards;visibility:visible!important}.letter:hover{transform:scale(1.2) rotate(5deg)!important;color:#3498db!important;text-shadow:0 0 15px rgba(52,152,219,.8)}.letter[data-letter="4"].typed,.letter[data-letter="5"].typed,.letter[data-letter="6"].typed{color:#fff!important;text-shadow:0 0 10px rgba(52,152,219,.8),0 0 20px rgba(52,152,219,.6),0 0 30px rgba(52,152,219,.4),0 0 40px rgba(52,152,219,.2),2px 2px 4px rgba(0,0,0,.3);animation:letterBounce .8s ease-out forwards,tonGlow 3s ease-in-out infinite}.letter[data-letter="4"].typed:hover,.letter[data-letter="5"].typed:hover,.letter[data-letter="6"].typed:hover{transform:scale(1.3) rotate(5deg)!important;color:#3498db!important;text-shadow:0 0 15px rgba(52,152,219,1),0 0 25px rgba(52,152,219,.8),0 0 35px rgba(52,152,219,.6),0 0 45px rgba(52,152,219,.4)}@keyframes tonGlow{0%,to{text-shadow:0 0 10px rgba(52,152,219,.8),0 0 20px rgba(52,152,219,.6),0 0 30px rgba(52,152,219,.4),0 0 40px rgba(52,152,219,.2),2px 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 0 15px rgba(52,152,219,1),0 0 25px rgba(52,152,219,.8),0 0 35px rgba(52,152,219,.6),0 0 45px rgba(52,152,219,.4),2px 2px 4px rgba(0,0,0,.3)}}@keyframes letterBounce{0%{transform:translateY(30px) rotate(10deg) scale(.8);opacity:0;visibility:visible}50%{transform:translateY(-8px) rotate(-3deg) scale(1.1);opacity:.8;visibility:visible}to{transform:translateY(0) rotate(0) scale(1);opacity:1;visibility:visible}}.loading-dots{display:flex;justify-content:center;align-items:center;height:40px;margin-bottom:30px;opacity:0;animation:fadeIn 1s ease-in-out 1.5s forwards}.dot{width:12px;height:12px;background:linear-gradient(45deg,#fff,#e0e0e0);border-radius:50%;margin:0 6px;animation:metalDotBounce 1.5s infinite ease-in-out;box-shadow:0 0 15px #fff9,inset 0 0 5px #ffffff4d}.dot:nth-child(1){animation-delay:-.3s}.dot:nth-child(2){animation-delay:-.15s}.dot:nth-child(3){animation-delay:0s}@keyframes metalDotBounce{0%,80%,to{transform:scale(.7) translateY(0);box-shadow:0 0 10px #fff6,inset 0 0 3px #fff3}40%{transform:scale(1.1) translateY(-20px);box-shadow:0 0 20px #fffc,inset 0 0 8px #ffffff80}}.progress-container{width:200px;margin:0 auto;position:relative;opacity:0;animation:fadeIn 1s ease-in-out 2s forwards}.progress-bar{width:100%;height:6px;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 0 10px #0000004d,0 0 5px #fff3;border:1px solid rgba(255,255,255,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9,#fff,#2980b9,#3498db);border-radius:4px;animation:metalProgress 6s infinite ease-in-out;box-shadow:0 0 20px #3498db99,inset 0 0 10px #ffffff4d;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 2s infinite}@keyframes metalProgress{0%{width:0%}20%{width:25%}40%{width:50%}60%{width:75%}80%{width:90%}to{width:100%}}@keyframes progressShine{0%{left:-100%}to{left:100%}}.main-content{flex:1 1 0;padding:70px 16px 80px;overflow-y:auto;overflow-x:hidden;background:transparent;position:relative;z-index:1;width:100%;box-sizing:border-box}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease;background:linear-gradient(90deg,#10b981,#34d399,#10b981);background-size:200% 100%;animation:progressFlow 2s linear infinite}@keyframes progressFlow{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-text{text-align:center;color:#fff;font-size:1.1em;margin-top:20px;opacity:.9;font-family:var(--primary-font);font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.5);animation:textGlow 2s infinite ease-in-out;min-height:1.6em;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}@keyframes earnSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.earn-container{animation:earnSlideIn .6s ease-out}.earn-container .stat-item{animation:earnSlideIn .8s ease-out;animation-fill-mode:both}.earn-container .stat-item:nth-child(1){animation-delay:.1s}.earn-container .stat-item:nth-child(2){animation-delay:.2s}.earn-container .stat-item:nth-child(3){animation-delay:.3s}.earn-container .stat-item:nth-child(4){animation-delay:.4s}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(255,255,255,.5);opacity:.8}50%{text-shadow:0 0 20px rgba(255,255,255,.8);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-container:hover{transform:scale(1.02);transition:transform .3s ease}@media (max-width: 480px){.loading-text{font-size:3em;letter-spacing:.15em}.progress-container{width:200px}.main-content{padding:75px 0 70px}.progress-text{font-size:1.1em}}.game-card:active,.game-card-originals:active{transform:translateY(-2px) scale(.98)}.main-content{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.loading-text *,.progress-text *{will-change:transform,opacity;font-synthesis:none}body{font-family:var(--primary-font)}@supports not (font-display: swap){.progress-text{font-family:var(--system-font)}}.progress-text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;line-height:1.6!important;letter-spacing:.05em;word-spacing:.1em}