.skin-search-container{position:relative;display:flex;align-items:center;justify-content:center;margin:0;width:35%;max-width:35%;flex-shrink:0;flex-grow:0;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:border-color .3s ease}.skin-search-container:focus-within{border-color:var(--accent-color);background-color:var(--bg-secondary)}.search-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:38px;margin-left:2px;color:var(--text-muted)}.search-icon-svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.skin-search-container input{width:100%;max-width:100%;min-width:100px;padding:8px 10px 8px 8px;border:none;border-radius:0 8px 8px 0;box-sizing:border-box;background-color:transparent;color:var(--text-main);font-family:"Inter",var(--font-family);font-size:.85rem;font-weight:500;transition:all .3s ease;outline:none}.skin-search-container input::placeholder{color:var(--text-muted)}[data-theme=dark] .skin-search-container{border-color:#fff3;background-color:#ffffff14}[data-theme=dark] .skin-search-container:focus-within{border-color:var(--accent-color);background-color:#ffffff1f}.search-loading{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;color:var(--text-muted);font-size:.9em}.no-results{position:absolute;top:100%;left:0;right:0;margin-top:5px;padding:10px;background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-muted);font-size:.9em;text-align:center;z-index:1001}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:5px;list-style:none;padding:0;margin:5px 0 0;z-index:1001;box-shadow:var(--shadow-md);max-height:400px;overflow-y:auto}.suggestions-list li{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover,.suggestions-list li.selected{background-color:var(--bg-tertiary)}.suggestion-image{width:40px;height:40px;object-fit:contain;margin-right:10px;border-radius:3px;background-color:var(--bg-tertiary)}.suggestion-info{display:flex;flex-direction:column;flex-grow:1}.suggestion-name{color:var(--text-main);font-size:.95em;font-weight:700}.suggestion-price{color:var(--success-color);font-size:.85em;margin-top:3px}@media (max-width: 768px){.skin-search-container.header-search{width:100%;max-width:none}.skin-search-container:not(.header-search){width:40%;max-width:40%}.skin-search-container input{min-width:80px;font-size:.75rem;padding:6px}.suggestions-list{max-height:300px}.suggestion-image{width:35px;height:35px;margin-right:8px}.suggestion-name{font-size:.9em}.suggestion-price{font-size:.8em}}@media (max-width: 480px){.skin-search-container.header-search{width:100%;max-width:none}.skin-search-container:not(.header-search){width:45%;max-width:45%}.skin-search-container input{min-width:60px;font-size:.7rem;padding:5px}.suggestions-list{max-height:250px;left:-10px;right:-10px}.suggestions-list li{padding:8px}.suggestion-image{width:30px;height:30px;margin-right:6px}.suggestion-name{font-size:.85em}.suggestion-price{font-size:.75em}.no-results{left:-10px;right:-10px;padding:8px;font-size:.8em}}@media (hover: none) and (pointer: coarse){.suggestions-list li{min-height:44px;padding:12px 10px}.skin-search-container input{min-height:44px;padding:8px}}.notification-container{position:relative;display:inline-block}.notification-button{position:relative;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease;color:var(--text-main)}.notification-button:hover{background-color:var(--bg-tertiary)}.notification-button.has-notifications{color:#ff6b35}.notification-count{position:absolute;top:0;right:0;background-color:#ff6b35;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center;min-width:18px}.notification-dropdown{position:fixed;top:60px;right:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0003;width:350px;max-height:400px;overflow-y:auto;z-index:9999;margin-top:.5rem}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);border-radius:8px 8px 0 0}.notification-header h3{margin:0;font-size:1.1rem;color:var(--text-main)}.notification-header-actions{display:flex;align-items:center;gap:.5rem}.mark-all-read-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:var(--bg-tertiary)}.close-dropdown{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-dropdown:hover{color:var(--text-main)}.notification-list{max-height:300px;overflow-y:auto}.notification-loading,.notification-empty{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}.notification-item{padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center}.notification-item:hover{background-color:var(--bg-tertiary)}.notification-item:last-child{border-bottom:none}.notification-item.unread{position:relative}.notification-icon{width:40px;height:40px;flex-shrink:0}.notification-icon img{width:100%;height:100%;object-fit:cover;border-radius:4px}.notification-item.item_sold{border-left:4px solid #28a745}.notification-item.item_shipped{border-left:4px solid var(--accent-color)}.notification-content{margin-bottom:.5rem}.notification-message{font-size:.9rem;margin-bottom:.5rem;color:var(--text-main);line-height:1.4}.notification-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.notification-price{font-weight:700;color:#28a745}.notification-time{color:var(--text-muted)}.notification-actions{display:flex;justify-content:flex-end}.view-transaction-btn{background-color:var(--accent-color);color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease}.view-transaction-btn:hover{background-color:var(--accent-hover)}.language-switcher{position:relative;display:inline-block}.lang-toggle-btn{background:#0000000d;border:1px solid rgba(0,0,0,.2);color:#000c;padding:8px 10px;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:50px;width:50px;height:36px}.lang-toggle-btn:hover{background:#0000001a;border-color:#0000004d;color:#000;transform:translateY(-1px)}[data-theme=dark] .lang-toggle-btn{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}[data-theme=dark] .lang-toggle-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}@media (max-width: 768px){.lang-toggle-btn{padding:6px 8px;font-size:.75rem;min-width:44px;width:44px;height:32px}}.theme-switcher-btn{background:transparent;border:1px solid var(--border-color);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-main);transition:color .3s ease,transform .2s ease,border-color .3s ease;border-radius:50%}.theme-switcher-btn:hover{color:var(--accent-color);background-color:var(--bg-tertiary);transform:rotate(15deg)}.theme-switcher-btn svg{display:block}.OadAr3DC{display:flex;gap:1rem;align-items:stretch;justify-content:center;max-width:600px;width:100%;margin:0 auto}.D-fu9RJ7{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:1.25rem;text-align:center;backdrop-filter:blur(10px);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;flex:1}.D-fu9RJ7:hover{background:linear-gradient(135deg,#4caf5033,#4caf5014);border-color:#4caf5066;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5033}._4lJABJEA{background:linear-gradient(135deg,#ff980026,#ff98000d);border:1px solid rgba(255,152,0,.3);border-radius:12px;padding:1.25rem;text-align:center;backdrop-filter:blur(10px);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;flex:1}._4lJABJEA:hover{background:linear-gradient(135deg,#ff980033,#ff980014);border-color:#ff980066;transform:translateY(-2px);box-shadow:0 8px 25px #ff980033}.t1AwLmtN{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.5rem;opacity:.9}.w-GWDWE5{font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1.2}.OzRSIATJ{font-size:1.2rem;opacity:.8;margin-left:.25rem}@media (max-width: 768px){.OadAr3DC{flex-direction:column;max-width:100%;gap:.75rem}.D-fu9RJ7,._4lJABJEA{min-height:100px;padding:1rem}.w-GWDWE5{font-size:1.3rem}.t1AwLmtN{font-size:.75rem}}@media (max-width: 480px){.OadAr3DC{gap:.5rem}.D-fu9RJ7,._4lJABJEA{min-height:90px;padding:.875rem}.w-GWDWE5{font-size:1.2rem}.t1AwLmtN{font-size:.7rem}}.header{position:fixed;top:0;left:0;right:0;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-main);font-family:"Inter",var(--font-family);border-radius:0;border:1px solid var(--border-color);border-top:none;z-index:1000;box-sizing:border-box;box-shadow:0 4px 15px #0003;gap:1rem}.header .logo{flex:0 0 auto;display:flex;align-items:center;height:100%}.header .logo a{text-decoration:none;color:var(--accent-color);font-size:1.3rem;font-weight:800;line-height:1;white-space:nowrap;display:flex;align-items:center}.header .logo .header-logo-img{height:50px;width:auto;max-width:150px;object-fit:contain}.header-search{flex:1 1 200px;min-width:150px;max-width:400px;margin:0 auto}.header-marketplace-link{display:flex;align-items:center;padding:8px 12px;background:none;border:none;color:var(--text-main);text-decoration:none;font-family:"Inter",var(--font-family);font-weight:600;font-size:.95rem;transition:color .2s ease;white-space:nowrap;flex-shrink:0;border-radius:8px}.header-marketplace-link:hover{color:var(--text-muted)}.extension-nav-link-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-color);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:10px;border:none;transition:all .3s ease;white-space:nowrap;flex-shrink:0;box-shadow:var(--shadow-md)}.extension-nav-link-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.extension-cta-icon{flex-shrink:0;width:18px;height:18px}.extension-nav-link{display:none}.mobile-only{display:none!important}.header nav{flex:0 1 auto;display:flex;align-items:center;margin-left:auto}.header nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;align-items:center;flex-wrap:nowrap}.header nav ul li a{text-decoration:none;color:var(--text-main);font-size:.95rem;white-space:nowrap}.cart-link{background:var(--success-color)!important;padding:8px 16px!important;border-radius:12px!important;font-weight:600!important;font-size:.9rem!important;transition:all .3s ease!important;white-space:nowrap!important;border:none!important;outline:none!important;color:#fff!important;box-shadow:var(--shadow-md)!important}.cart-link:hover{filter:brightness(1.15)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.user-info{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;background:var(--bg-secondary)!important;border-radius:12px!important;border:1px solid var(--border-color)!important;white-space:nowrap!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.user-avatar{width:32px!important;height:32px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid var(--border-color)!important;flex-shrink:0!important}.user-details{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.user-balance-container{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important}.user-frozen-balance{color:orange!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important;opacity:.9!important}.user-info.clickable{cursor:pointer;transition:all .3s ease}.user-info.clickable:hover{background:#ffffff14!important;border-color:#007bff80!important;transform:translateY(-1px)!important}.user-name{color:var(--accent-color)!important;font-size:.85rem!important;font-weight:700!important;line-height:1!important}.user-balance{color:var(--text-main)!important;font-size:.75rem!important;font-weight:700!important;line-height:1!important}.logout-button{background-color:var(--error-color)!important;color:#fff!important;border:none!important;padding:4px 8px!important;border-radius:4px!important;font-size:.75rem!important;font-weight:700!important;cursor:pointer!important;transition:filter .3s ease!important;white-space:nowrap!important}.logout-button:hover{filter:brightness(1.15)!important}.register-button{background:var(--accent-color)!important;color:#fff!important;padding:8px 16px!important;border-radius:12px!important;font-weight:600!important;font-size:.9rem!important;transition:all .3s ease!important;white-space:nowrap!important;box-shadow:var(--shadow-md)!important;display:inline-block}.register-button:hover{background:var(--accent-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.balance-popup-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:#0009!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.balance-popup{background:var(--popup-bg)!important;color:var(--text-main)!important;padding:2rem!important;border-radius:15px!important;max-width:450px!important;width:90%!important;max-height:90vh!important;overflow-y:auto!important;box-shadow:0 8px 32px #00000080!important;border:1px solid var(--border-color)!important;position:relative!important;transform:scale(1)!important;animation:popupFadeIn .3s ease-out!important;z-index:1000000!important;margin:auto!important}.balance-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.balance-popup-header h2{margin:0;color:var(--accent-color);font-size:1.25rem}.balance-popup-close{background:none;border:none;color:#dc3545;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.balance-popup-close:hover{background-color:#dc35451a;transform:scale(1.1)}.balance-display{margin-bottom:1.5rem;padding:0;background:none;border:none;border-radius:0}.current-balance-label{font-size:.9rem;color:var(--success-color);margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.balance-amount{font-size:2rem;font-weight:700;color:var(--success-color);margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.frozen-balance-info{background:linear-gradient(135deg,#ffa50026,#ffa5000d);border:1px solid rgba(255,165,0,.3);border-radius:12px;padding:1.25rem;backdrop-filter:blur(10px);transition:all .3s ease;min-height:120px;display:flex;flex-direction:column;justify-content:center;text-align:center;flex:1}.frozen-balance-info:hover{background:linear-gradient(135deg,#ffa50033,#ffa50014);border-color:#ffa50066;transform:translateY(-2px);box-shadow:0 8px 25px #ffa50033}.frozen-balance-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;gap:.5rem}.frozen-balance-header:before{content:"🔒";font-size:1rem}.frozen-balance-title{font-size:.9rem;color:var(--warning-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0}.frozen-balance-amount{font-size:2rem;font-weight:700;color:var(--warning-color);margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.frozen-balance-note{color:var(--text-muted);font-size:.75rem;margin:.5rem 0 0;text-align:center;line-height:1.3;opacity:.9;background:var(--bg-tertiary);padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color)}.transaction-input-section{margin-bottom:1.5rem}.transaction-input-section label{display:block;margin-bottom:.5rem;color:var(--success-color);font-weight:700}.transaction-amount-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-tertiary);color:var(--text-main);font-size:1rem;box-sizing:border-box}.transaction-amount-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb26}.transaction-error{color:var(--error-color);font-size:.9rem;margin-top:.5rem;padding:.5rem;background-color:#dc26261a;border-radius:4px;border:1px solid var(--error-color)}.transaction-success{color:var(--success-color);font-size:.9rem;margin-top:.5rem;padding:.5rem;background-color:#0596691a;border-radius:4px;border:1px solid var(--success-color)}.balance-action-button{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.balance-action-button:disabled{opacity:.6;cursor:not-allowed}.balance-action-button.deposit:hover:not(:disabled){filter:brightness(1.15)}.balance-action-button.withdraw:hover:not(:disabled){filter:brightness(1.15)}@media (max-width: 768px){.header{padding:10px 1rem;height:auto;min-height:110px;flex-wrap:wrap;align-items:center;gap:10px}.header .logo{order:1;flex:0 1 auto}.header nav ul{gap:.3rem}.header-search{order:3;width:100%;flex:1 1 100%;margin:5px 0 0;max-width:none}.header-marketplace-link,.extension-nav-link-cta{display:none}.header nav ul li a,.cart-link,.logout-button{font-size:.75rem!important;padding:4px 8px!important}.user-info{flex-direction:row!important;gap:6px!important;padding:4px 8px!important}.user-avatar{width:26px!important;height:26px!important}.user-name,.user-balance{font-size:.7rem!important;line-height:1.2!important}.balance-popup{width:95%;margin:1rem}.balance-actions{flex-direction:column}.mobile-nav-toggle{display:block;order:3;margin-left:auto}.header-actions{display:none!important}.header nav{position:fixed;top:70px;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-color);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:998;padding:1rem;max-height:calc(100vh - 70px);overflow-y:auto}.header nav.mobile-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.header nav ul.mobile-menu{flex-direction:column;flex-wrap:nowrap;padding:0;gap:15px;justify-content:flex-start;align-items:stretch;width:100%}.header nav ul.mobile-menu li{width:100%;margin:0;background:transparent;border:none}.header nav ul.mobile-menu li a,.header nav ul.mobile-menu li button,.header nav ul.mobile-menu li .user-info{display:block;width:100%;padding:12px;text-align:center;font-size:1rem!important;background:var(--bg-tertiary);border-radius:8px;color:var(--text-main);box-sizing:border-box}.header nav ul.mobile-menu .cart-link{margin:0!important;border-radius:8px!important;width:100%;display:block;background:var(--success-color)!important;color:#fff!important}.header nav ul.mobile-menu .register-button{margin:0!important;border-radius:8px!important;width:100%;display:block;background:var(--accent-color)!important;color:#fff!important}.header nav ul.mobile-menu .logout-button{margin:0!important;border-radius:8px!important;width:100%;display:block;background:#f44336!important;color:#fff!important}.header nav ul.mobile-menu .user-info-container{background:transparent;margin:0;border:none}.header nav ul.mobile-menu .user-info-container .user-info{flex-direction:row!important;justify-content:space-between;align-items:center!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-extension-link{background:var(--bg-tertiary)!important;border:1px solid var(--accent-color)!important;color:var(--accent-color)!important}}@media (max-width: 480px){.header{height:60px;padding:0 .5rem}.header .logo a{font-size:1rem}.header .logo .header-logo-img{height:40px}.header nav{top:60px;max-height:calc(100vh - 60px)}.mobile-nav-toggle{padding:6px;font-size:1.3rem}.header-search{display:block;flex:1;margin:0 5px;min-width:0}.header-marketplace-link,.extension-nav-link-cta{display:none}.header nav ul.mobile-menu li a,.cart-link,.logout-button{font-size:.85rem!important}.header nav ul.mobile-menu .user-info-container .user-info{padding:8px!important;font-size:.85rem!important}.header nav ul.mobile-menu .user-name,.header nav ul.mobile-menu .user-balance{font-size:.8rem!important}}.breadcrumbs{padding:1rem 2rem;background-color:transparent;color:#888;font-size:.9rem;max-width:1200px;margin:0 auto;width:100%}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li:not(:last-child):after{content:"/";margin:0 .5rem;color:#555}.breadcrumbs a{color:#888;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:gold}.breadcrumbs li.active{color:var(--text-main);font-weight:500}@media (max-width: 768px){.breadcrumbs{padding:1rem;font-size:.8rem}}.footer{background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-main);padding:20px 0 12px;border-radius:24px 24px 0 0;border:1px solid var(--border-color);border-bottom:none;box-shadow:0 -4px 15px #0000001a}.footer-content{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr;gap:30px;max-width:1200px;margin:auto;padding:0 40px;align-items:flex-start}.footer-section{display:flex;flex-direction:column;text-align:center}.footer-section h4{margin-bottom:10px;font-size:1rem;font-weight:600;color:var(--accent-color);text-align:center}.footer-section.contact-form h4{font-size:1.1rem}.footer-heading-link{cursor:pointer;transition:opacity .2s ease}.footer-heading-link:hover{opacity:.8}.footer-section p,.footer-section a{color:var(--text-muted);text-decoration:none;font-size:.85rem;line-height:1.5;transition:color .3s ease}.footer-section a:hover{color:var(--accent-color)}.footer-section.about p{text-align:center;max-width:100%}.footer-section.links ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;list-style:none;padding:0;margin:0;text-align:center}.footer-section.links li{margin-bottom:0}.footer-section.contact-form{text-align:center}.footer-section.contact-form p{margin:3px 0}.footer-section.socials{text-align:center}.social-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:150px;margin:0 auto}.socials a{color:var(--text-muted);font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.socials a:hover{color:var(--accent-color);background:var(--bg-secondary);border-color:var(--accent-color);transform:translateY(-2px)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);padding-top:6px;margin-top:6px;color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.footer{padding:16px 0 10px}.footer-content{grid-template-columns:1fr;gap:20px;padding:0 20px}.footer-section{width:100%}.footer-section h4{font-size:1rem;margin-bottom:8px;text-align:center}.footer-section p,.footer-section a{font-size:.85rem;text-align:center}.footer-section.about p,.footer-section.contact-form,.footer-section.socials,.footer-section.links ul{text-align:center}.social-icons{margin:0 auto;max-width:180px;grid-template-columns:repeat(4,1fr)}.socials a{width:40px;height:40px;font-size:1rem}.footer-bottom{font-size:.8rem;padding-top:8px;margin-top:12px}}@media (max-width: 480px){.footer{padding:12px 0;border-radius:16px 16px 0 0}.footer-content{padding:0 12px;gap:16px}.footer-section h4{font-size:1rem;margin-bottom:8px}.footer-section p,.footer-section a{font-size:.9rem}.footer-section.links li{margin-bottom:6px}.social-icons{gap:10px}.socials a{width:40px;height:40px;font-size:1.1rem}.footer-bottom{font-size:.8rem;line-height:1.4}}@media (prefers-contrast: high){.footer-section a,.socials a{border:2px solid var(--border-color)}.footer-section a:hover,.socials a:hover{border-color:var(--accent-color)}}@media (prefers-reduced-motion: reduce){.socials a{transition:none}.socials a:hover{transform:none}}.toast{position:fixed;top:118px;right:20px;padding:12px 15px;border-radius:8px;color:#fff;display:flex;align-items:center;gap:12px;z-index:10000;min-width:320px;max-width:400px;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026;background-color:#111827f2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.toast.toast-closing{animation:slideOut .3s ease-in forwards}.toast-image{width:40px;height:40px;object-fit:contain;border-radius:4px;background:#ffffff1a;flex-shrink:0}.toast-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.toast-message{text-align:center;font-weight:500;line-height:1.3}.toast-action{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.toast-action:hover{background:#ffffff59}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}.toast-warning{background-color:#ff9800}.toast-info{background-color:#2563eb}@media (max-width: 768px){.toast{top:100px;right:12px;left:12px;min-width:auto;max-width:none}}@media (max-width: 480px){.toast{top:68px}}.toast-close{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:2px 4px;margin:0;border-radius:2px;transition:background-color .2s;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background-color:#fff3}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.cookie-banner{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));right:calc(20px + env(safe-area-inset-right,0px));background:var(--popup-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:12px;padding:20px;z-index:9999;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content{color:var(--text-main);font-size:.95rem;margin-right:20px}.cookie-link{color:var(--accent-color);text-decoration:underline}.cookie-accept-btn{background:var(--accent-color);color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cookie-accept-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.cookie-banner{flex-direction:column;text-align:center}.cookie-content{margin-right:0;margin-bottom:15px}.cookie-accept-btn{width:100%}}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{max-width:100%;margin:0;padding-top:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:90px;min-height:calc(100vh - 90px)}@media (max-width: 768px){.main-content{padding-top:110px;min-height:calc(100vh - 110px)}}@media (max-width: 480px){.main-content{padding-top:60px;min-height:calc(100vh - 60px)}}#root{max-width:100%!important;margin:0!important;padding-top:0!important;text-align:left!important}.homepage-container,.inventory-container,.profile-container,.skin-details-container,.cart-container{width:100%;max-width:100vw;overflow-x:clip;box-sizing:border-box}.marketplace-container{width:100%;max-width:100vw;box-sizing:border-box}html,body{max-width:100%;overflow-x:clip;box-sizing:border-box}@media (max-width: 768px){body{overflow-x:clip}#root{overflow-x:clip;max-width:100vw!important}.main-content{overflow-x:clip;max-width:100%!important}}.balance-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.balance-popup{background-color:var(--popup-bg);border:1px solid var(--border-color);border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:var(--shadow-lg);position:relative;animation:popupFadeIn .3s ease-out;color:var(--text-main)}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.balance-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.balance-popup h2{color:var(--accent-color);margin:0;font-size:24px}.balance-popup-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.balance-popup-close:hover{background-color:var(--bg-tertiary);color:var(--text-main)}.balance-display{text-align:center;margin-bottom:25px}.balance-display h3{color:var(--accent-color);margin:0 0 10px;font-size:18px}.balance-amount{font-size:32px;font-weight:700;color:var(--success-color);margin:0}.balance-actions{display:flex;gap:15px;justify-content:center}.balance-action-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.balance-action-button.deposit{background-color:var(--success-color);color:#fff}.balance-action-button.deposit:hover{filter:brightness(1.1);transform:translateY(-2px)}.balance-action-button.withdraw{background-color:var(--error-color);color:#fff}.balance-action-button.withdraw:hover{filter:brightness(1.1);transform:translateY(-2px)}.user-balance.clickable{cursor:pointer;transition:all .2s;border-radius:4px;padding:2px 4px}.user-balance.clickable:hover{background-color:#ffffff1a;transform:scale(1.05)}.header-user-display{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}.header-user-name{font-weight:500;cursor:pointer;transition:opacity .2s}.header-user-name:hover{opacity:.8}.header-user-balance{font-weight:700;color:var(--success-color)}.user-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:6px;transition:all .2s;user-select:none}.user-info.clickable{cursor:pointer}.user-info.clickable:hover{background-color:#ffffff1a}.user-name{font-weight:500;font-size:14px;color:var(--text-main)}.user-balance{font-weight:700;font-size:13px;color:var(--success-color)}.profile-container{max-width:800px;margin:0 auto;padding:2rem;color:var(--text-main);min-height:70vh}.profile-header{text-align:center;margin-bottom:2rem}.profile-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--accent-color)}.profile-welcome{font-size:1.2rem;color:var(--text-muted);margin:0}.loading{text-align:center;font-size:1.5rem;color:var(--text-muted);margin-top:2rem}.profile-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-button{padding:1rem 2rem;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-weight:500}.tab-button:hover{color:var(--accent-color)}.tab-button.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.profile-content{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-info-section h2{color:var(--accent-color);margin-bottom:1.5rem;font-size:1.8rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-item{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.info-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.info-item label{display:block;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:1.1rem;color:var(--text-main);font-weight:500}.profile-balance-section h2{color:var(--accent-color);margin-bottom:1.5rem;font-size:1.8rem}.balance-card{background:var(--bg-secondary);padding:2rem;border-radius:16px;border:1px solid var(--border-color);margin-bottom:2rem;text-align:center;transition:all .3s ease}.balance-card:hover{border-color:var(--success-color);box-shadow:var(--shadow-md)}.balance-info{margin-bottom:1.5rem}.balance-info label{display:block;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:2.5rem;font-weight:700;color:var(--success-color);margin:0}.balance-actions{display:flex;gap:1rem;justify-content:center}.action-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.action-btn.deposit{background:var(--success-color);color:#fff}.action-btn.deposit:hover{filter:brightness(1.1);transform:translateY(-2px)}.action-btn.withdraw{background:var(--error-color);color:#fff}.action-btn.withdraw:hover{filter:brightness(1.1);transform:translateY(-2px)}.transaction-history{background:var(--bg-secondary);padding:2rem;border-radius:16px;border:1px solid var(--border-color)}.transaction-history h3{color:var(--accent-color);margin-bottom:1rem;font-size:1.3rem}.no-transactions{text-align:center;padding:2rem;color:var(--text-muted)}.no-transactions p{margin:0 0 .5rem;font-size:1.1rem}.no-transactions small{font-size:.9rem;opacity:.6}.transaction-input-section{margin:20px 0;padding:15px;background-color:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.transaction-input-section label{display:block;margin-bottom:8px;color:var(--accent-color);font-weight:500;font-size:14px}.transaction-amount-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-main);font-size:16px;font-weight:500;transition:border-color .2s;box-sizing:border-box}.transaction-amount-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb33}.transaction-amount-input:disabled{opacity:.6;cursor:not-allowed}.transaction-amount-input::placeholder{color:var(--text-muted);opacity:.6}.transaction-error{background-color:#dc26261a;color:var(--error-color);padding:10px;border-radius:6px;margin-top:10px;border:1px solid var(--error-color);font-size:14px;text-align:center}.transaction-success{background-color:#0596691a;color:var(--success-color);padding:10px;border-radius:6px;margin-top:10px;border:1px solid var(--success-color);font-size:14px;text-align:center}.balance-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.balance-action-button:disabled:hover{transform:none;background-color:inherit}@media (max-width: 480px){.balance-popup{width:95%;padding:20px}.transaction-input-section{padding:10px}.transaction-amount-input{padding:10px;font-size:14px}.balance-actions{flex-direction:column;gap:10px}.balance-action-button{width:100%}}.balance-note{text-align:center;margin-top:10px;padding:10px;background-color:#2563eb14;border-radius:8px;border:1px solid rgba(37,99,235,.25)}.balance-note p{margin:0;color:var(--accent-color);font-size:14px}.loading-transactions,.error-transactions{text-align:center;padding:2rem;color:var(--text-muted)}.retry-btn{background-color:var(--accent-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:10px;font-size:14px;transition:background-color .2s}.retry-btn:hover{background-color:var(--accent-hover)}.transactions-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}.transaction-item{display:flex;align-items:center;gap:15px;padding:15px;background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.transaction-item:hover{border-color:var(--accent-color);transform:translateY(-1px)}.transaction-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:50%}.transaction-details{flex:1}.transaction-type{font-weight:600;color:var(--text-main);font-size:16px;margin-bottom:4px}.transaction-description{color:var(--text-muted);font-size:14px;margin-bottom:4px}.transaction-date{color:var(--text-muted);opacity:.7;font-size:12px}.transaction-amount{font-weight:700;font-size:16px;text-align:right;min-width:80px}.error-transactions{color:var(--error-color)}@media (max-width: 768px){.transaction-item{padding:12px;gap:12px}.transaction-icon{font-size:20px;width:35px;height:35px}.transaction-type{font-size:14px}.transaction-description{font-size:12px}.transaction-amount{font-size:14px;min-width:70px}}*{scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent;border-radius:3px}*::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}*::-webkit-scrollbar-corner{background:transparent}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}#root::-webkit-scrollbar{width:8px}#root::-webkit-scrollbar-track{background:transparent}#root::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}#root::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.auth-loading-overlay{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-primary)}.auth-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-loading-icon-wrapper{position:relative;width:88px;height:88px;display:flex;align-items:center;justify-content:center}.auth-loading-icon{width:48px;height:48px;object-fit:contain;border-radius:10px}.auth-loading-spinner{position:absolute;inset:0;width:88px;height:88px;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);animation:spin .9s linear infinite}.auth-loading-text{color:var(--text-muted);font-size:.95rem;font-weight:500}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--transition-speed: .3s;--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--text-main: #1a1f2e;--text-muted: #5c6370;--accent-color: #4a7cdc;--accent-hover: #3b64c0;--border-color: #dce1e8;--success-color: #2d9d6f;--error-color: #d4504c;--warning-color: #c98a2e;--popup-bg: #ffffff;--header-bg: rgba(255, 255, 255, .95);--card-bg: #ffffff;--steam-btn-bg: #e8eaee;--steam-btn-border: #dce1e8;--glow-color-rgb: 200, 200, 200;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.1)}[data-theme=dark]{--bg-primary: #181b22;--bg-secondary: #1f2330;--bg-tertiary: #282d3a;--text-main: #e2e4ea;--text-muted: #9ca3b0;--accent-color: #6b9eff;--accent-hover: #8fb8ff;--border-color: #2e3344;--success-color: #4ecb8d;--error-color: #f07070;--warning-color: #f0b955;--popup-bg: #1f2330;--header-bg: rgba(24, 27, 34, .95);--card-bg: #1f2330;--steam-btn-bg: #282d3a;--steam-btn-border: #3a4050;--glow-color-rgb: 80, 90, 110;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 30px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;position:relative;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-family);transition:background-color .3s ease,color .3s ease}html:not(.theme-loaded) *{transition:none!important}a{font-weight:500;color:var(--accent-color);text-decoration:inherit;transition:color var(--transition-speed)}a:hover{color:var(--accent-hover)}h1{font-size:3.2em;line-height:1.1;color:var(--text-main)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-main);cursor:pointer;transition:border-color var(--transition-speed),background-color var(--transition-speed),color var(--transition-speed)}button:hover{border-color:var(--accent-color)}#nprogress .bar{background:var(--accent-color)!important;height:3px!important;box-shadow:0 0 8px #4a7cdc66!important;z-index:9999!important}#nprogress .peg{box-shadow:0 0 8px #4a7cdc66!important}#nprogress .spinner{display:none!important}#nprogress{pointer-events:none}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}img{max-width:100%;height:auto}video,iframe,embed,object{max-width:100%;height:auto}button,input[type=button],input[type=submit],.button{min-height:44px;min-width:44px;touch-action:manipulation}@media (max-width: 768px){html{font-size:14px}h1{font-size:2.2rem;line-height:1.2}h2{font-size:1.8rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}h4{font-size:1.3rem;line-height:1.4}p,li{font-size:1rem;line-height:1.6}}@media (max-width: 480px){html{font-size:13px}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.3rem;line-height:1.4}h4{font-size:1.1rem;line-height:1.4}p,li{font-size:.95rem;line-height:1.6}}.container,.main-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}@media (max-width: 768px){.container,.main-container{padding:0 16px}}@media (max-width: 480px){.container,.main-container{padding:0 12px}}.responsive-grid{display:grid;gap:20px;width:100%}.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.responsive-grid.cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.responsive-grid{gap:16px}.responsive-grid.cols-4,.responsive-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.responsive-grid{gap:12px}.responsive-grid.cols-4,.responsive-grid.cols-3,.responsive-grid.cols-2{grid-template-columns:1fr}}.flex-responsive{display:flex;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.flex-responsive{gap:16px}.flex-responsive.mobile-column{flex-direction:column}}@media (max-width: 480px){.flex-responsive{gap:12px;flex-direction:column}}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:12px;font-size:16px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-main);box-sizing:border-box}@media (max-width: 480px){input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{padding:14px;font-size:16px}}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;padding:8px}@media (max-width: 768px){.mobile-nav-toggle{display:block}}.tap-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.modal-content{background:var(--popup-bg);border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}@media (max-width: 768px){.modal{padding:16px}.modal-content{padding:20px;max-width:100%;border-radius:8px}}@media (max-width: 480px){.modal{padding:12px}.modal-content{padding:16px;border-radius:6px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){button,.button{border:2px solid currentColor}.card,.modal-content{border:2px solid var(--border-color)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.no-print{display:none!important}.print-only{display:block!important}}*:focus{outline:none}*:focus-visible{outline:2px solid rgba(0,123,255,.5);outline-offset:2px;border-radius:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),.skin-card:focus:not(:focus-visible),.skin-card-link:focus:not(:focus-visible){outline:none}