@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}:root{--foreground-rgb:0,0,0;--background-start-rgb:249,249,249;--background-end-rgb:249,249,249}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-hover:#f6f8fa;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#656d76;--text-inverse:#fff;--border-color:#e5e7eb;--border-color-hover:#d1d5db;--border-color-active:#24292f;--border-color-light:#d0d7de;--tab-active-hover:#1a1a1a;--accent-primary:#007bff;--accent-primary-hover:#0056b3;--accent-success:#28a745;--accent-success-hover:#1e7a0a;--accent-success-light:#269d10;--accent-danger:#dc3545;--accent-danger-hover:#c82333;--accent-warning:#ffc107;--accent-info:#17a2b8;--nav-accent:#fe6365;--nav-accent-hover:#ff7a7c;--info-bg:#f0f8ff;--info-border:#b3d9ff;--success-bg:#f0fff4;--success-border:#b3e5b3;--google-blue:#4285f4;--google-blue-hover:#3367d6;--google-gray:#6c757d;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 1px 3px rgba(0,0,0,.1);--overlay-light:rgba(0,0,0,.3)}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#222;--bg-tertiary:#222;--bg-hover:#222;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#d1d5db;--text-muted:#9ca3af;--text-inverse:#1f2937;--border-color:#404040;--border-color-hover:#525252;--border-color-active:#4a5568;--border-color-light:#4a5568;--tab-active-hover:#5a6578;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-success:#10b981;--accent-success-hover:#0d9668;--accent-success-light:#22c55e;--accent-danger:#ef4444;--accent-danger-hover:#dc2626;--accent-warning:#f59e0b;--accent-info:#06b6d4;--nav-accent:#fe6365;--nav-accent-hover:#ff7a7c;--info-bg:#1e3a5f;--info-border:#3b5f8f;--success-bg:#1e3f2e;--success-border:#3b6f4f;--google-blue:#4285f4;--google-blue-hover:#5a95f5;--google-gray:#9ca3af;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 1px 3px rgba(0,0,0,.3);--overlay-light:hsla(0,0%,100%,.1)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.navigation-wrapper{min-height:55px;height:8vh;width:100%;display:flex;justify-content:center;align-items:center}.navigation-wrapper .navigation-container{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.navigation-wrapper .navigation-container .logo-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;margin:0 10px;cursor:pointer}.navigation-wrapper .navigation-container .logo-container .logo-image{display:flex;justify-content:center;align-items:center;width:auto;height:40px}.navigation-wrapper .navigation-container .nav-timeline-container{display:flex;justify-content:center;align-items:center;width:100%}.navigation-wrapper .navigation-container .nav-noty-user-container{display:flex;justify-content:center;align-items:center;flex-direction:row;margin:0 10px}.navigation-wrapper .navigation-container .nav-noty-user-container .nav-noty-dropdown{display:flex;justify-content:center;align-items:center;margin:0 6px}.navigation-wrapper .navigation-container .nav-noty-user-container .nav-noty-dropdown .notification-dropdown-img{width:32px;height:32px;display:flex;justify-content:center;align-items:center;filter:invert(100%)}.navigation-wrapper .navigation-container .nav-noty-user-container .nav-noty-store{display:flex;justify-content:center;align-items:center;margin:0 7px}.navigation-wrapper .navigation-container .nav-noty-user-container .nav-noty-store .store-img{cursor:pointer;width:29px;height:29px;display:flex;justify-content:center;align-items:center;filter:invert(100%)}.navigation-wrapper .navigation-container .nav-noty-user-container .nav-user-dropdown{display:flex;justify-content:center;align-items:center;margin:0 6px}.navigation-wrapper .navigation-container .nav-noty-user-container .nav-user-dropdown .profile-dropdown-img{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #fff}.navigation-wrapper .navigation-container .nav-no-user-dropdown{display:flex;justify-content:center;align-items:center;margin:0 10px}.game-history-container{cursor:pointer;color:#fff}.game-history-container svg{height:24px;width:24px}@media screen and (max-width:1024px){.navigation-wrapper{min-height:40px}.game-history-container img,.nav-noty-dropdown img,.nav-noty-store img{height:20px!important;width:20px!important}.game-history-container svg,.nav-noty-dropdown svg,.nav-noty-store svg{height:16px!important;width:16px!important}}.timeline{display:flex;align-items:center;flex:8 1;padding:0 50px}.timeline-dot{width:10px;height:10px;background-color:hsla(0,0%,100%,0);border-radius:50%;position:relative;z-index:1}.timeline-dot .timeline-dot-text{position:relative;color:hsla(0,0%,100%,.251);font-size:20px;font-weight:500;white-space:nowrap;top:-8px;left:-18px}.timeline-dot .active{color:#fff}.timeline-line{flex:1 1;height:2px;background-color:hsla(0,0%,100%,.251);margin:0 40px;z-index:0}.invisible{opacity:0}