@keyframes achievementSlideIn{0%{opacity:0;transform:translate(120%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes achievementSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120%) scale(.9)}}.achievement-popup{position:fixed;bottom:24px;right:24px;z-index:9999;pointer-events:none;animation:achievementSlideIn .4s cubic-bezier(.16,1,.3,1) forwards;min-width:340px;max-width:400px}.achievement-popup-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:2px solid;opacity:.5;pointer-events:none}.achievement-popup-content{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 16px 14px 14px;background:linear-gradient(180deg,#1b2838 0%,#16202d 100%);border-radius:8px;border:1px solid #2a475e;box-shadow:0 8px 32px #0009,0 0 0 1px #66c0f41a;pointer-events:all;overflow:hidden}.achievement-popup-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#66c0f4,transparent);opacity:.6}.achievement-popup-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0e1621;border-radius:8px;border:1px solid #2a475e;flex-shrink:0}.achievement-popup-info{flex:1;min-width:0}.achievement-popup-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#66c0f4;font-weight:700;margin:0 0 4px}.achievement-popup-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px;letter-spacing:.01em}.achievement-popup-desc{font-size:12px;color:#8f98a0;margin:0 0 10px;line-height:1.4}.achievement-popup-footer{display:flex;justify-content:space-between;align-items:center}.achievement-popup-rarity{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.achievement-popup-xp{font-size:11px;color:#f0a830;font-weight:600}.achievement-popup-close{background:none;border:none;color:#8f98a0;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background-color .15s;flex-shrink:0;margin-top:-4px}.achievement-popup-close:hover{color:#fff;background-color:#ffffff1a}.achievement-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#16202d;border-radius:6px;border:1px solid #2a475e;transition:background-color .2s,border-color .2s;cursor:default}.achievement-badge:hover{background:#1e3243;border-color:#3d6b8a}.achievement-badge-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0e1621;border-radius:6px;border:1px solid #2a475e}.achievement-badge-info{flex:1;min-width:0}.achievement-badge-title{font-size:13px;font-weight:600;color:#fff;margin:0}.achievement-badge-desc{font-size:11px;color:#8f98a0;margin:2px 0 0;line-height:1.3}.achievement-badge-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:2px 6px;border-radius:3px}.rarity-common{color:#b3b6b4;background:rgba(179,182,180,.1)}.rarity-rare{color:#67abe2;background:rgba(102,171,226,.1)}.rarity-epic{color:#a855f7;background:rgba(168,85,247,.1)}.rarity-legendary{color:#f0a830;background:rgba(240,168,48,.1)}.navbar-root{width:100%;font-family:Motiva Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#c5c3c0;-webkit-user-select:none;user-select:none}.nav-global{background-color:#171a21;height:104px;width:100%;position:relative}.tauri-drag-region{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.nav-global-inner{max-width:1024px;margin:0 auto;padding:0 22px;height:100%;display:flex;align-items:center;gap:24px}.steam-logo{font-size:23px;font-weight:800;color:#c5c3c0;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap;flex-shrink:0;transition:color .15s}.steam-logo:hover{color:#fff}.nav-global-links{display:flex;gap:20px;align-items:center}.nav-global-link{font-size:14px;color:#b8b6b4;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:color .15s;line-height:104px}.nav-global-link:hover,.nav-global-link.nav-active{color:#fff}.nav-global-spacer{flex:1}.install-steam-btn{display:flex;align-items:center;gap:6px;background:#5c7e10;color:#dfffcc;border:none;border-radius:2px;padding:6px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .15s;white-space:nowrap}.install-steam-btn:hover{background:#79b619}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#c5c3c0;cursor:pointer;transition:background .15s,color .15s}.nav-icon-btn:hover{background:rgba(255,255,255,.08);color:#fff}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px 8px;border-radius:2px;cursor:pointer;color:#c5c3c0;transition:background .15s}.user-menu-trigger:hover{background:rgba(255,255,255,.06)}.user-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#2a475e;border:2px solid #2a475e;transition:border-color .15s}.user-menu-trigger:hover .user-avatar{border-color:#66c0f4}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-handle{font-size:13px;color:#c5c3c0;font-weight:400;transition:color .15s}.user-menu-trigger:hover .user-handle{color:#fff}.chevron{opacity:.6;transition:transform .15s}.user-menu-trigger:hover .chevron{opacity:1}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:200px;background:#171a21;border:1px solid #2a475e;border-radius:4px;box-shadow:0 6px 30px #00000080;z-index:500;padding:8px 0}.user-dropdown-header{display:flex;align-items:center;gap:10px;padding:10px 14px}.user-dropdown-avatar{width:40px;height:40px}.user-dropdown-name{font-size:14px;color:#fff;font-weight:700}.user-dropdown-status{font-size:12px;color:#66c0f4;cursor:pointer}.user-dropdown-status:hover{text-decoration:underline}.user-dropdown-divider{height:1px;background:#2a475e;margin:6px 0}.user-dropdown-links{display:flex;flex-direction:column;padding:4px 0}.user-dropdown-links a{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;color:#c5c3c0;text-decoration:none;transition:background .1s,color .1s}.user-dropdown-links a:hover{background:#2a475e;color:#fff}.user-dropdown-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:2px;background:#2a475e;font-size:9px;font-weight:800;color:#66c0f4;flex-shrink:0}.nav-sub{background:linear-gradient(90deg,#1b2838 0%,#1b2838 100%);height:35px;width:100%;box-shadow:0 0 4px #0006}.nav-sub-inner{max-width:1024px;margin:0 auto;padding:0 22px;height:100%;display:flex;align-items:center;gap:16px}.nav-sub-left{display:flex;align-items:center;gap:6px}.nav-arrows{display:flex;gap:2px}.nav-arrow{width:24px;height:24px;border-radius:2px;border:none;background:rgba(255,255,255,.06);color:#c5c3c0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.nav-arrow:hover:not(:disabled){background:rgba(255,255,255,.15);color:#fff}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-sub-links{display:flex;gap:1px}.nav-sub-link{font-size:12px;color:#c5c3c0;text-decoration:none;text-transform:capitalize;padding:4px 10px;border-radius:2px;transition:color .15s,background .15s;white-space:nowrap}.nav-sub-link:hover,.nav-sub-link.nav-active{color:#fff;background:rgba(255,255,255,.06)}.nav-sub-tabs{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:0;align-items:center;height:35px}.nav-sub-tab-wrap{position:relative}.nav-sub-tab{display:block;padding:0 18px;height:35px;line-height:35px;font-size:13px;font-weight:700;letter-spacing:.04em;color:#c5c3c0;text-decoration:none;transition:color .15s;white-space:nowrap}.nav-sub-tab:hover,.nav-sub-tab.nav-sub-tab-active{color:#fff}.nav-sub-tab.nav-sub-tab-active{box-shadow:inset 0 -3px #66c0f4}.nav-sub-dropdown{position:absolute;top:100%;left:0;background:#171a21;border:1px solid #2a475e;border-radius:0 0 4px 4px;min-width:180px;box-shadow:0 6px 30px #00000080;z-index:400;padding:6px 0}.nav-sub-dropdown a{display:block;padding:7px 16px;font-size:12px;color:#c5c3c0;text-decoration:none;transition:background .1s,color .1s}.nav-sub-dropdown a:hover{background:#2a475e;color:#fff}.nav-sub-right{margin-left:auto;display:flex;align-items:center;gap:8px}.nav-search{position:relative}.nav-search .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#6c6e73;pointer-events:none}.nav-search input{width:180px;height:26px;background:#316282;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:0 10px 0 30px;font-size:12px;color:#fff;outline:none;transition:background .15s,width .2s}.nav-search input::placeholder{color:#8faecf}.nav-search input:focus{background:#4180a6;width:220px}.nav-sub-action{display:flex;align-items:center;gap:4px;font-size:12px;color:#c5c3c0;text-decoration:none;padding:4px 8px;border-radius:2px;transition:color .15s,background .15s}.nav-sub-action:hover{color:#fff;background:rgba(255,255,255,.06)}.cart-badge{background:#66c0f4;color:#171a21;font-size:10px;font-weight:700;padding:1px 5px;border-radius:2px;line-height:1}@media (max-width: 900px){.nav-global-links,.nav-sub-links,.install-steam-btn,.nav-sub-action.wishlist,.nav-search,.nav-sub-tabs{display:none}.nav-global{height:60px}.nav-global-inner{padding:0 12px;gap:12px}.nav-sub{height:0}.steam-logo{font-size:18px}}.game-bar{display:flex;justify-content:space-between;padding:15px;position:fixed;border:1px solid rgb(72,72,72);left:0;bottom:0;width:100%;background-color:#171a21;color:#80889f;text-align:center;z-index:9999}#add-game-icon{background-color:gray;color:#000;padding:.2px;margin-right:5px}.game-bar div{display:flex}.game-bar p{font-size:14px}.game-bar div:nth-child(1){display:flex;align-items:center}.game-bar div:nth-child(2) p{margin-left:5px}.game-bar div:nth-child(3) p{margin-right:5px}.game-bar div:hover{color:#fff;cursor:pointer}.section-title{font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#c7d5e0;padding-bottom:6px;margin:36px 0 10px;border-bottom:1px solid #2a475e}.card-row{margin-bottom:8px;padding:0}.card-row-scroll{display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0 12px;scrollbar-width:none;-ms-overflow-style:none}.card-row-inner{display:flex;gap:6px}.card-item{flex:0 0 200px;min-width:200px;cursor:pointer}.card-item:hover{transform:translateY(-4px)}.card-img{width:200px;height:280px;overflow:hidden;border-radius:3px;position:relative;background:#0e1621}.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s ease}.card-item:hover .card-img img{filter:brightness(1.08) saturate(1.05)}.card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px;opacity:0;transition:opacity .2s ease}.card-hover-title{font-size:12px;color:#fff;font-weight:600;margin-bottom:3px}.card-hover-info{font-size:11px;color:#8f98a0}.card-hover-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.card-hover-tag{font-size:10px;background:rgba(102,192,244,.2);color:#66c0f4;padding:2px 6px;border-radius:2px}.card-info{padding:6px 4px 4px}.card-title{font-size:12px;color:#c7d5e0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.card-rating{display:flex;align-items:center;gap:4px;font-size:11px;color:#8f98a0;margin-top:1px}.card-rating-positive{color:#4c6b22}.card-rating-mixed{color:#a05a2c}.featured-card-row{flex:0 0 500px;min-width:500px;height:220px}.featured-card-row:hover{transform:translateY(-4px)}.featured-card-inner{width:100%;height:100%;background-size:cover;background-position:center;border-radius:4px;border:1px solid #2a475e;position:relative;overflow:hidden}.featured-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%);z-index:1}.featured-card-overlay{position:relative;z-index:2;padding:20px 24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.featured-card-overlay h3{font-size:18px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6)}.featured-card-overlay p{font-size:13px;color:#c7d5e0;margin:0}.featured-tags{display:flex;gap:6px;margin-top:4px}.featured-tag{font-size:10px;padding:3px 8px;background:rgba(102,192,244,.2);color:#66c0f4;border-radius:2px;text-transform:uppercase;letter-spacing:.06em}.featured-link{display:inline-block;margin-top:8px;font-size:12px;color:#66c0f4;text-decoration:none;font-weight:600}.featured-link:hover{text-decoration:underline}.card-row-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:80px;background:rgba(15,22,33,.88);border:1px solid #2a475e;color:#c7d5e0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;opacity:0;pointer-events:none}.card-row-arrow:hover{background:rgba(102,192,244,.25);color:#fff}.card-row-arrow.left{left:-6px}.card-row-arrow.right{right:-6px}.achievement-card{background:linear-gradient(180deg,#1e2d3d 0%,#16202d 100%);border:1px solid #2a475e;border-radius:4px}.achievement-card:hover{border-color:#66c0f4;box-shadow:0 0 20px #66c0f426}.achievement-card-inner{padding:10px;display:flex;flex-direction:column;gap:8px}.achievement-icon{width:40px;height:40px;border-radius:4px;object-fit:cover}.achievement-icon-placeholder{width:40px;height:40px;border-radius:4px;border:2px solid;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}.achievement-rarity-dot{width:16px;height:16px;border-radius:50%;box-shadow:0 0 8px currentColor}.achievement-card-info{display:flex;flex-direction:column;gap:3px}.achievement-title{font-size:12px;font-weight:600;color:#c7d5e0;margin:0;line-height:1.3}.achievement-desc{font-size:10px;color:#8f98a0;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achievement-meta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.achievement-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.achievement-xp{font-size:9px;color:#f0a830;font-weight:600}.project-card{background:linear-gradient(180deg,#1e2d3d 0%,#16202d 100%);border:1px solid #2a475e;border-radius:4px}.project-card:hover{border-color:#66c0f4;box-shadow:0 0 20px #66c0f426}.project-card-inner{height:100%;display:flex;flex-direction:column}.project-card-img{width:100%;height:120px;overflow:hidden}.project-card-img img{width:100%;height:100%;object-fit:cover}.project-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.project-title{font-size:12px;font-weight:600;color:#c7d5e0;margin:0;line-height:1.3}.project-desc{font-size:10px;color:#8f98a0;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.project-tag{font-size:9px;padding:2px 6px;background:rgba(102,192,244,.12);color:#66c0f4;border-radius:2px;text-transform:uppercase;letter-spacing:.04em}.project-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.project-status{font-size:9px;text-transform:uppercase;font-weight:600;letter-spacing:.04em}.status-shipped{color:#4c6b22}.status-archived{color:#8b9da5}.project-xp{font-size:9px;color:#f0a830;font-weight:600}.post-card{background:linear-gradient(180deg,#1e2d3d 0%,#16202d 100%);border:1px solid #2a475e;border-radius:4px}.post-card:hover{border-color:#66c0f4;box-shadow:0 0 20px #66c0f426}.post-card-inner{height:100%;display:flex;flex-direction:column}.post-card-img{width:100%;height:100px;overflow:hidden;flex-shrink:0}.post-card-img img{width:100%;height:100%;object-fit:cover}.post-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.post-kind{font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.06em}.post-title{font-size:12px;font-weight:600;color:#c7d5e0;margin:0;line-height:1.3}.post-body{font-size:10px;color:#8f98a0;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opportunity-card{background:linear-gradient(180deg,#2d1e3d 0%,#20162d 100%);border:1px solid #4a2a6e;border-radius:4px}.opportunity-card:hover{border-color:#a855f7;box-shadow:0 0 20px #a855f726}.opportunity-card-inner{padding:12px;height:100%;display:flex;flex-direction:column;gap:6px}.opportunity-icon{font-size:24px;line-height:1}.opportunity-kind{font-size:9px;text-transform:uppercase;color:#a855f7;font-weight:600;letter-spacing:.06em}.opportunity-title{font-size:12px;font-weight:600;color:#c7d5e0;margin:0;line-height:1.3}.opportunity-desc{font-size:10px;color:#8f98a0;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.store-page{background-color:#171a21;min-height:100vh}.store-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);color:#8f98a0;gap:16px}.store-loading-spinner{width:40px;height:40px;border:3px solid #2a475e;border-top-color:#66c0f4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.store-hero{position:relative;overflow:hidden;background:#0e1621;height:480px}.hero-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.hero-slide{flex:0 0 100%;position:relative;height:100%;display:flex;align-items:flex-end;overflow:hidden}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e2d3d 0%,#16202d 50%,#0e1621 100%)}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.05) 100%);z-index:1}.hero-content{position:relative;z-index:2;padding:0 48px 40px;max-width:600px}.hero-content h2{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.8);line-height:1.2}.hero-subtitle{font-size:14px;color:#c7d5e0;margin:0 0 10px;text-shadow:0 1px 6px rgba(0,0,0,.8)}.hero-desc{font-size:13px;color:#8f98a0;margin:0;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hero-tags{display:flex;gap:8px;margin-top:14px}.hero-tag{font-size:11px;font-weight:500;padding:4px 12px;border-radius:3px;background:rgba(102,192,244,.15);color:#66c0f4;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(102,192,244,.25)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:140px;background:linear-gradient(180deg,rgba(23,26,33,.95) 0%,rgba(23,26,33,.8) 50%,rgba(23,26,33,.95) 100%);border:none;color:#c7d5e0;font-size:28px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.hero-arrow:hover{background:linear-gradient(180deg,rgba(23,26,33,.95) 0%,rgba(102,192,244,.3) 50%,rgba(23,26,33,.95) 100%);color:#fff}.hero-arrow-left{left:0;border-radius:0 3px 3px 0}.hero-arrow-right{right:0;border-radius:3px 0 0 3px}.hero-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.hero-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.4);cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease}.hero-dot.active{background:#ffffff;border-color:#fff}.hero-dot:hover{background:rgba(255,255,255,.6)}.store-content{padding:0}.store-section{padding:28px 48px 0}.store-section:first-child{padding-top:20px}.store-specials{padding:0 48px;margin-bottom:16px}.specials-item{display:flex;align-items:center;gap:16px;background:#1e2d3d;border:1px solid #2a475e;border-radius:4px;padding:12px 20px;transition:border-color .2s ease}.specials-item:hover{border-color:#3d6c8c}.specials-logo{width:48px;height:48px;border-radius:3px;object-fit:cover;flex-shrink:0;background:#0e1621}.specials-info{flex:1;min-width:0}.specials-info h3{font-size:14px;font-weight:600;color:#c7d5e0;margin:0 0 2px}.specials-info p{font-size:12px;color:#8f98a0;margin:0}.specials-desc{font-size:11px;color:#6e7a84;margin-top:2px}.specials-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 14px;border-radius:3px;flex-shrink:0}.specials-badge.active{color:#6d9e38;background:rgba(76,107,34,.2);border:1px solid rgba(76,107,34,.35)}.specials-badge.idle{color:#8f98a0;background:rgba(143,152,160,.1);border:1px solid rgba(143,152,160,.2)}.card-row{margin-bottom:24px}.card-row-header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.card-row-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#c7d5e0;margin:0}.card-row-view-all{font-size:11px;color:#66c0f4;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:color .15s}.card-row-view-all:hover{color:#fff;text-decoration:underline}.card-row-wrapper{position:relative}.card-row-scroll{display:flex;gap:6px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0 8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.card-row-scroll::-webkit-scrollbar{display:none}.card-row-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:90px;background:linear-gradient(180deg,rgba(15,22,33,.92) 0%,rgba(15,22,33,.78) 50%,rgba(15,22,33,.92) 100%);border:1px solid #2a475e;color:#c7d5e0;font-size:20px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0;pointer-events:none}.card-row-wrapper:hover .card-row-arrow{opacity:1;pointer-events:auto}.card-row-arrow:hover{background:linear-gradient(180deg,rgba(15,22,33,.95) 0%,rgba(102,192,244,.2) 50%,rgba(15,22,33,.95) 100%);color:#fff;border-color:#3d6c8c}.card-row-arrow.left{left:0;border-radius:0 3px 3px 0}.card-row-arrow.right{right:0;border-radius:3px 0 0 3px}.card-item{flex-shrink:0;width:200px;cursor:pointer;transition:transform .2s ease;text-decoration:none}.card-item:hover{transform:translateY(-5px)}.card-img{width:200px;height:280px;overflow:hidden;border-radius:3px;position:relative;background:#0e1621;box-shadow:0 2px 8px #0006;transition:box-shadow .2s ease}.card-item:hover .card-img{box-shadow:0 8px 30px #000000b3,0 0 0 1px #66c0f433}.card-img img{width:100%;height:100%;object-fit:cover;transition:filter .2s ease,transform .3s ease;display:block}.card-item:hover .card-img img{filter:brightness(1.12);transform:scale(1.03)}.card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,0) 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;opacity:0;transition:opacity .2s ease}.card-item:hover .card-hover-overlay{opacity:1}.card-hover-title{font-size:13px;color:#fff;font-weight:600;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.card-hover-info{font-size:11px;color:#8f98a0;line-height:1.3}.card-hover-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.card-hover-tag{font-size:10px;font-weight:500;background:rgba(102,192,244,.2);color:#66c0f4;padding:2px 7px;border-radius:2px}.card-status{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:2px;z-index:2}.card-status.shipped{background:rgba(76,107,34,.85);color:#c4e5a1}.card-status.wip{background:rgba(139,98,26,.85);color:#e8c674}.card-info{padding:6px 2px 2px}.card-title{font-size:13px;color:#c7d5e0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-item:hover .card-title{color:#fff}.card-meta{font-size:11px;color:#8f98a0;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-card .card-img{height:200px;background:linear-gradient(135deg,#1e2d3d 0%,#16202d 100%);display:flex;align-items:center;justify-content:center}.achievement-icon{font-size:60px;filter:grayscale(.3)}.achievement-rarity{display:flex;align-items:center;gap:4px;font-size:10px;margin-bottom:3px}.achievement-rarity-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.rarity-common{background:#8f98a0}.rarity-rare{background:#4a9eff}.rarity-epic{background:#a855f7}.rarity-legendary{background:#f0a830}.post-card .card-img{height:140px;border-radius:3px 3px 0 0}.post-card .card-info{background:#0e1621;padding:10px;border-radius:0 0 3px 3px;border:1px solid #2a475e;border-top:none}.post-kind{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:2px;margin-bottom:4px}.post-kind.ship{background:rgba(76,107,34,.3);color:#8fc95e}.post-kind.lead{background:rgba(102,192,244,.2);color:#66c0f4}.post-kind.update{background:rgba(143,152,160,.2);color:#c7d5e0}.post-kind.talk{background:rgba(240,168,48,.2);color:#f0a830}.post-date{font-size:10px;color:#4e5d6a;margin-top:4px}.opportunity-card .card-img{height:140px;background:linear-gradient(135deg,#1a0a2e 0%,#16202d 100%);display:flex;align-items:center;justify-content:center}.opportunity-icon{font-size:48px;opacity:.8}.wishlist-card{flex-shrink:0;width:180px}.wishlist-card-inner{background:#0e1621;border:1px solid #2a475e;border-radius:3px;padding:14px;height:100%;transition:border-color .2s,transform .2s}.wishlist-card:hover .wishlist-card-inner{border-color:#66c0f4;transform:translateY(-3px)}.wishlist-card-inner h4{font-size:13px;font-weight:600;color:#c7d5e0;margin:0 0 4px}.wishlist-card-inner p{font-size:11px;color:#8f98a0;margin:0 0 8px}.wishlist-note{font-size:10px;color:#66c0f4;font-style:italic}.wishlist-priority{font-size:10px;color:#f0a830;margin-top:6px}.featured-row{margin-bottom:24px}.featured-row-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#66c0f4;margin:0 0 12px;padding:0 48px}.featured-card{flex-shrink:0;width:300px;background:#0e1621;border:1px solid #2a475e;border-radius:3px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s}.featured-card:hover{border-color:#66c0f4;transform:translateY(-4px);box-shadow:0 8px 24px #00000080}.featured-card-img{width:100%;height:160px;overflow:hidden;background:#1e2d3d}.featured-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.featured-card:hover .featured-card-img img{transform:scale(1.05)}.featured-card-body{padding:12px}.featured-card-body h4{font-size:13px;color:#c7d5e0;margin:0 0 4px;font-weight:600}.featured-card-body p{font-size:11px;color:#8f98a0;margin:0;line-height:1.4}@media (max-width: 1024px){.store-section{padding:24px 32px 0}.store-specials{padding:0 32px}.hero-content{padding:0 32px 32px}.hero-content h2{font-size:26px}.hero-arrow{width:40px;height:110px}}@media (max-width: 768px){.store-section{padding:20px 20px 0}.store-specials{padding:0 20px}.hero-content{padding:0 20px 24px}.hero-content h2{font-size:22px}.hero-arrow{width:36px;height:90px}}.library{min-height:calc(100vh - 70px);background-color:#1b2838;padding-top:90px;padding-bottom:60px;display:flex}.library-sidebar{display:flex;border-right:2px solid rgba(0,0,0,.464);width:25%;flex-direction:column}.home-side-container{width:100%;padding:5px;display:flex;background-color:#0007;justify-content:space-between}.home-bar{display:flex;justify-content:flex-start;align-items:center;height:100%;border-radius:3px;width:90%;margin-right:5px;background-color:#252b34b5}.home-bar p{font-size:13px;padding:5px;color:gray}.home-bar:hover{filter:brightness(1.5);cursor:pointer}.home-bar-square{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:10%;margin-top:2px}.home-bar-square:hover{color:#fff;cursor:pointer;background-color:#e8e8e8}#square{font-size:14px;color:gray;margin:2px}.side-list-container{height:100%}.games-filter-box{display:flex;justify-content:space-between;align-items:center;width:100%}.games-filter-box div:nth-child(1){display:flex;justify-content:space-between;background-color:#1b2026ec;width:85%;margin:5px;padding:5px;border-radius:3px}#faDownGame{font-size:15px;margin-top:5px;color:gray}.games-filter-box div:nth-child(1):hover{filter:brightness(1.5);cursor:pointer}.games-filter-box div:nth-child(1) p{color:gray}.games-filter-box div:nth-child(2){display:flex;justify-content:space-evenly;width:15%}#clock{color:gray}#clock:hover{filter:brightness(1.7);cursor:pointer}#play{color:gray}#play:hover{filter:brightness(1.55);cursor:pointer}.search-box{position:relative;display:flex;justify-content:center;align-items:center;margin-top:2px}#search-box{position:absolute;left:15px;color:gray}.search-box input{width:97%;border-radius:0!important;background-color:#1b2026ec}.search-box input::placeholder{opacity:0}.search-box input:hover::placeholder{color:gray;padding-left:10px;opacity:1}#slider{color:gray;position:absolute;right:25px}.library-right{display:flex;flex-direction:column;width:75%;margin-left:15px}.recent-games-list{display:flex;justify-content:flex-start;align-items:center;height:10%}.recent-games-list p{font-size:15px;color:#aaa9a9;margin-left:10px}.recent-games-list hr{background:linear-gradient(to right,transparent,rgb(37,37,37));width:900px;height:1px;margin-left:10px}.sort-by-list{height:5%;display:flex;justify-content:flex-start;align-items:center}.sort-by-list p{font-size:12px;color:#aaa9a9;margin-left:10px;margin-top:5px}.sort-by-list span{margin-left:10px;margin-top:5px;font-size:12px;color:#aaa9a9;background-color:#4d4b4b;padding:1px 4px}.right-list{display:flex;flex-wrap:wrap;height:85%}.right-list div{margin:10px}.right-list img{height:250px;box-shadow:0 0 10px 4px #000}.right-list img:hover{transform:scale(1.05);cursor:pointer;box-shadow:0 0 10px 4px #000}.library-list{height:80%;margin-top:10px}.recent-list{width:100%}#plus{font-size:15px}.recent-list p{font-size:13px;padding:1px 1px 1px 5px;background-color:#233244}.recent-list p:hover{cursor:pointer;background-color:#374c65}#imdying{color:gray}.recent-games-list-idk{background-color:#1b2026ec}.recent-games-list-idk ul li{list-style:none}.recent-games-list-idk li{display:flex;justify-content:flex-start;align-items:center;margin-left:20px;font-size:12px}.recent-games-list-idk img{width:23px;padding-right:3px}.recent-games-list-idk li:hover{cursor:pointer;background-color:#374c65}.community{display:flex;background-color:#1b2838;min-height:calc(100vh - 70px);margin:0;padding:90px 0 60px;flex-direction:column}.community-title{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px}.community-title div:nth-child(1){display:flex;justify-content:flex-start;width:50%;margin-bottom:10px}.community-title div:nth-child(1) h4{font-size:25px}.community-title div:nth-child(2){display:flex;justify-content:flex-start;width:50%}.community-title div:nth-child(2) p{color:gray;font-size:16px}.recent-game-hubs{display:flex;width:50%;margin:10px auto 0}.recent-games{display:flex;justify-content:space-between;align-items:center;height:200px;width:65%;background-color:#192532}.recently-played{width:50%;height:100%;border-radius:2px}.recently-title{width:100%;padding:5px}.recently-title p{font-size:9px;margin-left:7px;color:gray}.recently-community-games{display:flex;flex-direction:column}.recently-community-games div{display:flex}.recently-community-games img{height:30px}.rp-container{margin-left:8px;margin-top:5px}.rp{display:flex;flex-direction:column;margin-left:5px}.rp p:nth-child(2){color:#2a7e8e}.recently-community-games p{font-size:12px}.recently-hubs{width:50%;height:100%}.hubs{background-color:#192532;width:35%;margin-left:10px;height:100%;padding:10px;border-radius:2px}.find-hubs{height:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:25px;border-bottom:2px solid #141414}.find-hubs div:nth-child(1){width:100%}.find-hubs div:nth-child(1) p{margin-left:10px;padding:5px;font-size:11px;color:gray}.find-hubs input{background-color:#2b475e}.find-hubs input::placeholder{color:#fff;font-size:12px}.hubs hr{width:90%;color:#000;margin:0 auto}.find-people{height:50%}.find-people{height:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.find-people div:nth-child(1){width:100%}.find-people div:nth-child(1) p{margin-left:10px;padding:5px;font-size:11px;color:gray}.find-people input{background-color:#2b475e}.find-people input::placeholder{color:#fff;font-size:12px}.find-people div:nth-child(2){position:relative}#hub-search{position:relative;left:-30px}.profile-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 70px);padding-top:90px;padding-bottom:60px;z-index:0;background-color:#1b2838}.profile-background{width:80%;height:130%;background-color:#0d1114;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:75px;border-radius:5px;z-index:1;opacity:.5}.profile-content-div{display:flex;flex-direction:column;width:55%;height:100%;z-index:2;opacity:.8;background-color:#171a21}.profile-content-title{display:flex;justify-content:space-around;align-items:center;margin-top:40px;color:#dcdcdc}.profile-pic{width:25%;margin:0 16px}.profile-pic img{width:100%;height:170px;margin-left:20px;border:5px solid #e9a7ff;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #bc13fe,0 0 .8rem #bc13fe,0 0 2.8rem #bc13fe,inset 0 0 1.3rem #bc13fe;border-radius:15px}.profile-bio{display:flex;height:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;margin-left:50px}.profile-bio h1{margin-bottom:50px}.profile-level{display:flex;flex-direction:column;justify-content:center;align-items:center;width:35%;margin-right:15px}.level{display:flex;justify-content:center;align-items:center;width:100%;height:50px}#ribbon{font-size:30px;margin-right:14px}.fav-badge{background-color:#0e1014;color:#b3b6b4;border-radius:5px;padding:10px 30px;margin:0 auto;display:flex;justify-content:center;align-items:center;width:70%}.profile-btns{display:flex;justify-content:center;align-items:center;width:100%;margin-top:3px;height:50px}.profile-btns button{background-color:#000;color:#fff;border-radius:2px;padding:10px;margin:0 3px;display:flex;justify-content:center;align-items:center;outline:none;border:none}.profile-btns button:hover{background-color:#0e1014;cursor:pointer}.profile-grid{display:grid;column-gap:10px}.level h2{padding:8px;border:1px solid rgb(138,87,255);border-radius:50%;margin-left:5px}.xp-bar-container{width:70%;height:8px;background:#0e1014;border-radius:4px;overflow:hidden;margin-top:6px}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#67abe2,#bc13fe);transition:width .5s ease}.badges{padding:10px 20px;color:#dcdcdc}.badges h3{font-size:14px;color:#b3b6b4}*{--bg-color: #0d1114;--main-bg-color: #25333d}.grid-container{margin-top:25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px}.grid-container>div{text-align:center;font-size:30px;border-radius:7px}.item1{display:flex;flex-direction:column;background-color:#2f4658;grid-column:1 / span 2;grid-row:1 / span 3}.item2{display:flex;flex-direction:column;background-color:#25333d;grid-column:3;grid-row:1 / span 11}.image-border{border-radius:10px;padding:5px}.item2 div{margin-top:30px;text-align:left;padding:5px}.item3{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:4 / span 1}.item4{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:5 / span 1}.item5{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:6 / span 1}.item6{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:7 / span 1}.item8{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:9 / span 1}.item7{display:flex;flex-direction:column;background-color:var(--bg-color);grid-column:1 / span 2;grid-row:8 / span 1}.game-achivements{display:flex;align-items:center;padding:5px;border-radius:5px;margin-top:5px;background-color:#25333d}.game-image{display:flex}.game-image p{color:#dcdcdc}.item3-wrapper{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 5px}.item3-wrapper p{font-size:20px;color:gray}.about-title{display:flex;justify-content:flex-start;background-color:#277cc2;width:100%;padding:5px;color:#dcdcdc}.favorite-game-image{display:flex;justify-content:space-between;color:#dcdcdc}.about-wrapper{display:flex;flex-direction:column;background-color:var(--bg-color);border-radius:5px;margin:10px;padding:5px}.about-wrapper p{display:flex;justify-content:center;align-items:center;font-size:30px;margin-left:15px}.online{margin:0;margin-top:0!important}.online p{text-align:left;font-size:19px;color:green!important}.item2 div p{display:flex;padding:3px;font-size:19px;color:#dcdcdc}.side-span{color:#fff;font-size:24px;margin-left:3px;padding-bottom:3px}.side-p:hover{text-decoration:underline;color:#fff;cursor:pointer}.side-p:hover .side-span{text-decoration:none}.side-container:hover .side-p{text-decoration:underline;color:#fff;cursor:pointer}.favorite-game-hours{display:flex;margin-top:13px;justify-content:flex-start;align-items:flex-start;color:#dcdcdc}.favorite-game-p p{display:flex;justify-content:flex-start;align-items:flex-start;font-size:20px;margin-bottom:13px;color:gray}.game-hours{display:flex;flex-direction:column;justify-content:flex-end}.game-text{font-size:15px!important}.game-hours p{font-size:15px}.item7{background-color:transparent!important}.item7 p{display:flex;justify-content:flex-end;padding:10px;color:#dcdcdc;font-size:12px!important}.item7 p:hover{text-decoration:underline;cursor:pointer}.achivement-p p{font-size:16px!important;color:#dcdcdc}.progress-bar{padding:5px;margin-bottom:5px}.steam-activity-feed{padding:0}.activity-feed-title{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #2a475e}.activity-loading{display:flex;flex-direction:column;gap:12px}.activity-skeleton{display:flex;gap:12px;padding:10px 12px;background:rgba(22,32,45,.6);border-radius:6px}.activity-skeleton-icon{width:32px;height:32px;border-radius:50%;background:#1b2838;animation:shimmer 1.5s infinite}.activity-skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:4px;background:#1b2838;animation:shimmer 1.5s infinite}.skeleton-line.short{width:60%}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.activity-empty{text-align:center;padding:40px 20px;color:#66c0f4}.activity-empty svg{font-size:48px;margin-bottom:12px;opacity:.5}.activity-empty p{color:#8f98a0;font-size:14px}.activity-list{display:flex;flex-direction:column;gap:4px}.activity-item{display:flex;gap:12px;padding:10px 12px;background:rgba(22,32,45,.4);border-radius:6px;transition:background .2s ease;animation:fadeSlideIn .3s ease}.activity-item:hover{background:rgba(22,32,45,.8)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-icon{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.activity-body{flex:1;min-width:0}.activity-label{font-size:11px;color:#8f98a0;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.activity-content{font-size:13px;color:#c6d4df;line-height:1.4}.activity-content strong{color:#fff}.activity-content code{background:rgba(102,192,244,.1);color:#66c0f4;padding:1px 6px;border-radius:3px;font-size:12px;font-family:Motiva Sans,sans-serif}.event-commit-msg{color:#8f98a0;font-size:12px;margin-top:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-footer{display:flex;gap:10px;margin-top:4px;align-items:center}.activity-time{font-size:11px;color:#616b74}.activity-sha{font-size:11px;color:#616b74;font-family:monospace;background:rgba(0,0,0,.2);padding:1px 4px;border-radius:2px}.activity-toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(22,32,45,.98),rgba(42,71,94,.98));border:1px solid #66c0f4;border-radius:8px;padding:12px 16px;min-width:280px;max-width:380px;box-shadow:0 8px 32px #00000080,0 0 20px #66c0f426;z-index:10000;animation:toastSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-toast-icon{width:36px;height:36px;border-radius:50%;background:rgba(102,192,244,.15);display:flex;align-items:center;justify-content:center;color:#66c0f4;font-size:16px;flex-shrink:0}.activity-toast-body{flex:1;min-width:0}.activity-toast-label{display:block;font-size:10px;color:#8f98a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.activity-toast-text{display:block;font-size:13px;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-toast-time{font-size:11px;color:#66c0f4;flex-shrink:0}@media (max-width: 900px){.activity-toast{left:12px;right:12px;bottom:12px;min-width:auto}}.friends-page{margin-top:0;min-height:calc(100vh - 70px);background-color:#1b2838;color:#c7d5e0;padding:90px 30px 60px}.friends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.friends-header h2{font-size:24px;letter-spacing:2px}.friends-header p{color:#b3b6b4;margin-top:5px;font-size:12px}.friends-header-right p{background-color:#67abe2;padding:8px 16px;cursor:pointer;border-radius:4px;color:#fff}.friends-header-right p:hover{background-color:#4a9fc7}.friends-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid #2a475e;padding-bottom:8px}.friends-tabs p{padding:6px 16px;cursor:pointer;color:#b3b6b4;border-radius:4px}.friends-tabs p.active,.friends-tabs p:hover{background-color:#67abe2;color:#fff}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.friend-card{display:flex;background-color:#16202d;border-radius:6px;padding:16px;align-items:center;position:relative;transition:transform .2s}.friend-card:hover{transform:translateY(-2px);background-color:#1e2a3a}.friend-avatar{position:relative;margin-right:16px;flex-shrink:0}.friend-avatar img{width:70px;height:70px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:70px;height:70px;border-radius:50%;background-color:#2a475e;display:flex;align-items:center;justify-content:center;font-size:28px;color:#67abe2}.status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:2px solid #16202d}.friend-info{flex:1;min-width:0}.friend-info h3{font-size:16px;color:#fff;margin-bottom:4px}.friend-handle{color:#67abe2;font-size:12px;margin-bottom:6px}.friend-tagline{color:#b3b6b4;font-size:12px;margin-bottom:10px}.friend-links{display:flex;gap:6px;flex-wrap:wrap}.friend-link{background-color:#2a475e;color:#a4d2f5;padding:4px 10px;border-radius:3px;font-size:11px;text-decoration:none;transition:background .2s}.friend-link:hover{background-color:#67abe2;color:#fff}.friend-actions{position:absolute;top:12px;right:12px;color:#b3b6b4;cursor:pointer}.wishlist-page{margin-top:0;min-height:calc(100vh - 70px);background-color:#1b2838;color:#c7d5e0;padding:90px 30px 60px}.wishlist-header{margin-bottom:30px}.wishlist-header h2{font-size:24px;letter-spacing:2px}.wishlist-header p{color:#b3b6b4;margin-top:5px;font-size:13px}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.wishlist-card{background-color:#16202d;border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid #2a475e;transition:transform .2s}.wishlist-card:hover{transform:translateY(-3px);border-color:#67abe2}.wishlist-card-header{display:flex;justify-content:space-between;align-items:flex-start}.wishlist-company{display:flex;align-items:center;gap:12px}.wishlist-company h3{color:#fff;font-size:18px}.priority-badge{font-size:11px;padding:4px 10px;border:1px solid currentColor;border-radius:4px;letter-spacing:1px;text-transform:uppercase}.wishlist-notes{background:#1e2a3a;padding:10px;border-radius:4px;border-left:3px solid #67abe2}.wishlist-notes p{color:#b3b6b4;font-size:13px;font-style:italic}.wishlist-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #2a475e;padding-top:10px}.wishlist-footer p{color:#b3b6b4;font-size:12px}.github-page{max-width:1200px;margin:0 auto;padding:20px 24px 80px;min-height:100vh}.github-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a475e}.github-header-left h1{font-size:28px;letter-spacing:.08em;margin-bottom:4px}.github-username{color:#8f98a0;font-size:14px;margin-bottom:12px}.github-visit-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#67c1f5 0%,#2c7cb5 100%);color:#fff;padding:8px 16px;border-radius:2px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:all .2s ease}.github-visit-btn:hover{background:linear-gradient(180deg,#a4d2f5 0%,#67c1f5 100%);transform:translateY(-1px);color:#fff;text-decoration:none}.github-header-links{display:flex;gap:8px}.github-link-btn{display:flex;align-items:center;gap:6px;background-color:#2a475e;color:#c7d5e0;padding:8px 14px;border-radius:2px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:all .2s ease}.github-link-btn:hover{background-color:#3d5a80;color:#fff;text-decoration:none}.github-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid #2a475e}.github-tab{background:transparent;border:none;color:#8f98a0;padding:10px 18px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:6px}.github-tab:hover{color:#fff;background-color:#66c0f40d}.github-tab.active{color:#fff;border-bottom-color:#66c0f4;background-color:#66c0f414}.github-tab-count{background-color:#2a475e;color:#8f98a0;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700}.github-tab.active .github-tab-count{background-color:#66c0f4;color:#171a21}.github-language-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.lang-filter-btn{display:flex;align-items:center;gap:5px;background-color:#16202d;border:1px solid #2a475e;color:#8f98a0;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.lang-filter-btn:hover{background-color:#1b2838;color:#c7d5e0;border-color:#4a6a8a}.lang-filter-btn.active{background-color:#2a475e;color:#fff;border-color:#66c0f4}.lang-dot,.github-lang-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.github-repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.github-repo-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:16px;transition:all .2s ease;display:flex;flex-direction:column}.github-repo-card:hover{border-color:#4a6a8a;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.github-repo-card.archived{opacity:.7}.github-repo-card.forked{border-left:3px solid #8f98a0}.skeleton-card{pointer-events:none}.skeleton-title{height:16px;width:60%;background:#2a475e;border-radius:3px;margin-bottom:10px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-text{height:12px;width:90%;background:#1f3a52;border-radius:3px;margin-bottom:6px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-text.short{width:50%}.skeleton-footer{height:12px;width:40%;background:#1f3a52;border-radius:3px;margin-top:12px;animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.github-repo-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.github-repo-name{color:#a4d2f5;font-size:14px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .15s ease}.github-repo-name:hover{color:#fff;text-decoration:underline}.github-repo-private{font-size:10px;background-color:#f0a830;color:#171a21;padding:1px 6px;border-radius:8px;font-weight:700;text-transform:uppercase}.github-repo-fork-badge{font-size:10px;background-color:#2a475e;color:#8f98a0;padding:1px 6px;border-radius:8px;font-weight:600;text-transform:uppercase}.github-repo-desc{color:#8f98a0;font-size:13px;line-height:1.5;margin-bottom:12px;flex:1;text-transform:none;letter-spacing:0;font-weight:400}.github-repo-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.github-repo-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.github-repo-lang{display:flex;align-items:center;gap:5px;font-size:12px;color:#c7d5e0}.github-repo-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#8f98a0}.github-repo-stat svg{font-size:12px}.github-repo-date{font-size:11px;color:#6b7f95;display:flex;align-items:center;gap:4px}.github-repo-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #0e1621}.github-repo-topic{background-color:#1e3243;color:#66c0f4;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.github-error{text-align:center;padding:60px 20px;color:#8f98a0}.github-error-hint{font-size:12px;margin-top:8px;color:#6b7f95}.github-empty{text-align:center;padding:60px 20px;color:#8f98a0}.github-empty svg{font-size:40px;margin-bottom:12px;opacity:.4}.github-loading{padding:20px 0}.github-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.github-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.github-stat-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:14px;text-align:center}.github-stat-value{font-size:22px;font-weight:700;color:#66c0f4;letter-spacing:.04em}.github-stat-label{font-size:11px;color:#8f98a0;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}@media (max-width: 900px){.github-repo-grid{grid-template-columns:1fr}.github-header{flex-direction:column;gap:12px}}@media (max-width: 600px){.github-page{padding:12px 12px 80px}.github-repo-grid{grid-template-columns:1fr}.github-tabs{overflow-x:auto}}.career-page{max-width:900px;margin:0 auto;padding:20px 24px 80px;min-height:100vh}.career-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a475e;flex-wrap:wrap;gap:16px}.career-header-left{display:flex;align-items:center;gap:14px}.career-header-icon{font-size:28px;color:#66c0f4}.career-header h1{font-size:26px;letter-spacing:.08em}.career-subtitle{color:#8f98a0;font-size:13px;margin-top:2px;font-weight:400;text-transform:none;letter-spacing:0}.career-availability{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:32px}.career-avail-card{background:linear-gradient(135deg,#1a2638 0%,#16202d 100%);border:1px solid #2a475e;border-radius:6px;padding:16px;position:relative;overflow:hidden;transition:all .2s ease}.career-avail-card:hover{border-color:#4a6a8a;transform:translateY(-2px)}.career-avail-badge{font-size:10px;font-weight:700;color:#63c85e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:4px}.career-avail-card h3{font-size:13px;color:#fff;font-weight:700;margin-bottom:4px;text-transform:none;letter-spacing:0}.career-avail-card p{font-size:12px;color:#8f98a0;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.5}.career-timeline{position:relative;padding-left:0;margin-bottom:32px}.career-section-title{font-size:16px;font-weight:700;color:#c7d5e0;text-transform:none;letter-spacing:.02em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.career-section-title svg{color:#66c0f4}.career-empty{color:#8f98a0;font-size:13px;text-align:center;padding:30px}.career-timeline-item{display:flex;gap:16px;margin-bottom:0;position:relative}.career-timeline-marker{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.career-timeline-dot{width:12px;height:12px;border-radius:50%;background-color:#66c0f4;margin-top:8px;flex-shrink:0;box-shadow:0 0 6px #66c0f44d}.career-timeline-line{width:2px;flex:1;background-color:#2a475e;margin-top:4px}.career-timeline-card{flex:1;background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:16px;margin-bottom:16px;transition:all .2s ease}.career-timeline-card:hover{border-color:#4a6a8a}.career-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.career-timeline-header h3{font-size:14px;font-weight:700;color:#fff;text-transform:none;letter-spacing:0;margin-bottom:4px}.career-timeline-company{font-size:12px;color:#66c0f4;display:flex;align-items:center;gap:5px}.career-timeline-location{font-size:11px;color:#8f98a0;display:flex;align-items:center;gap:5px;margin-top:2px}.career-timeline-link{color:#8f98a0;font-size:12px;transition:color .15s ease;text-decoration:none}.career-timeline-link:hover{color:#66c0f4}.career-timeline-period{font-size:12px;color:#6b7f95;margin-bottom:8px;font-weight:500}.career-timeline-desc{font-size:13px;color:#8f98a0;line-height:1.6;margin-bottom:10px;text-transform:none;letter-spacing:0}.career-timeline-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.career-timeline-tag{background-color:#1e3243;color:#66c0f4;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600}.career-timeline-highlights{list-style:none;padding:0;margin:0}.career-timeline-highlights li{font-size:12px;color:#8f98a0;padding:3px 0 3px 16px;position:relative;text-transform:none;letter-spacing:0}.career-timeline-highlights li:before{content:"›";position:absolute;left:4px;color:#66c0f4}.career-skills-grid{display:flex;flex-wrap:wrap;gap:10px}.career-skill-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:12px 16px;position:relative;overflow:hidden;min-width:120px;flex:1}.career-skill-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#67c1f5,#bc13fe);border-radius:0 0 0 4px;transition:width .4s ease}.career-skill-name{font-size:12px;font-weight:700;color:#c7d5e0;text-transform:uppercase;letter-spacing:.04em}@media (max-width: 600px){.career-availability{grid-template-columns:1fr}}.achievements-page{max-width:1100px;margin:0 auto;padding:20px 24px 80px;min-height:100vh}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a475e;flex-wrap:wrap;gap:16px}.achievements-header-left{display:flex;align-items:center;gap:14px}.achievements-header-icon{font-size:28px;color:#f0a830}.achievements-header h1{font-size:26px;letter-spacing:.08em}.achievements-subtitle{color:#8f98a0;font-size:13px;margin-top:2px;font-weight:400;text-transform:none;letter-spacing:0}.achievements-progress-bar{width:200px;height:8px;background-color:#0e1621;border-radius:4px;overflow:hidden}.achievements-progress-fill{height:100%;background:linear-gradient(90deg,#67abe2,#bc13fe);border-radius:4px;transition:width .6s ease}.achievements-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.achievements-search-input{background-color:#16202d;border:1px solid #2a475e;color:#c7d5e0;padding:8px 14px;border-radius:4px;font-size:13px;width:260px;transition:border-color .2s ease;font-family:inherit}.achievements-search-input:focus{outline:none;border-color:#66c0f4}.achievements-search-input::placeholder{color:#5a6a7a}.achievements-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.achievements-filters svg{color:#8f98a0;font-size:12px}.achievements-filter-btn{background-color:#16202d;border:1px solid #2a475e;color:#8f98a0;padding:5px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;font-family:inherit}.achievements-filter-btn:hover{background-color:#1b2838;color:#c7d5e0;border-color:#4a6a8a}.achievements-filter-btn.active{background-color:#2a475e;color:#fff;border-color:#66c0f4}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.achievement-card{background-color:#16202d;border:1px solid #2a475e;border-radius:6px;padding:16px;display:flex;gap:12px;position:relative;overflow:hidden;transition:all .2s ease}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.achievement-card.locked{opacity:.55;filter:grayscale(.4)}.achievement-card.locked:hover{opacity:.75}.achievement-card.game-achievement{border-left:3px solid #66c0f4}.achievement-card.portfolio-achievement{border-left:3px solid #bc13fe}.achievement-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;position:relative}.achievement-lock-icon{color:#5a6a7a;font-size:18px}.achievement-emoji{font-size:24px}.achievement-card-content{flex:1;min-width:0}.achievement-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.achievement-rarity-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:3px}.achievement-check{color:#63c85e;font-size:12px;margin-left:auto}.achievement-card-title{font-size:13px;font-weight:700;color:#fff;text-transform:none;letter-spacing:0;margin-bottom:4px;line-height:1.3}.achievement-card-desc{font-size:12px;color:#8f98a0;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:400}.achievement-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid #0e1621}.achievement-xp{font-size:11px;font-weight:700;color:#66c0f4;text-transform:uppercase;letter-spacing:.04em}.achievement-date{font-size:11px;color:#6b7f95}.achievement-glow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.15}.achievements-empty{text-align:center;padding:60px 20px;color:#8f98a0}.achievements-empty svg{font-size:40px;margin-bottom:12px;opacity:.4}@media (max-width: 900px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 600px){.achievements-grid{grid-template-columns:1fr}.achievements-toolbar{flex-direction:column;align-items:stretch}.achievements-search-input{width:100%}.achievements-filters{overflow-x:auto}}.research-page{max-width:900px;margin:0 auto;padding:20px 24px 80px;min-height:100vh}.research-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a475e}.research-header-left{display:flex;align-items:center;gap:14px}.research-header-icon{font-size:28px;color:#a855f7}.research-header h1{font-size:26px;letter-spacing:.08em}.research-subtitle{color:#8f98a0;font-size:13px;margin-top:2px;font-weight:400;text-transform:none;letter-spacing:0}.research-overview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.research-tag{background-color:#1e3243;color:#a855f7;padding:5px 14px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid rgba(168,85,247,.2)}.research-section-title{font-size:16px;font-weight:700;color:#c7d5e0;text-transform:none;letter-spacing:.02em;margin-bottom:16px;margin-top:28px;display:flex;align-items:center;gap:8px}.research-section-title svg{color:#a855f7}.research-empty{color:#8f98a0;font-size:13px;text-align:center;padding:30px}.research-pubs-list{display:flex;flex-direction:column;gap:12px}.research-pub-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:18px;display:flex;gap:14px;transition:all .2s ease}.research-pub-card:hover{border-color:#4a6a8a;transform:translateY(-1px)}.research-pub-icon{width:40px;height:40px;background-color:#a855f71a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#a855f7;font-size:16px;flex-shrink:0}.research-pub-content{flex:1;min-width:0}.research-pub-content h3{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;text-transform:none;letter-spacing:0}.research-pub-authors{font-size:12px;color:#a4d2f5;margin-bottom:2px}.research-pub-venue{font-size:12px;color:#8f98a0;margin-bottom:6px}.research-pub-abstract{font-size:12px;color:#8f98a0;line-height:1.6;margin-bottom:10px;text-transform:none;letter-spacing:0}.research-pub-links{display:flex;gap:12px;flex-wrap:wrap}.research-link{display:flex;align-items:center;gap:5px;color:#66c0f4;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;transition:color .15s ease}.research-link:hover{color:#a4d2f5}.research-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.research-project-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:16px;transition:all .2s ease}.research-project-card:hover{border-color:#4a6a8a;transform:translateY(-2px)}.research-project-card h3{font-size:13px;font-weight:700;color:#fff;margin-bottom:6px;text-transform:none;letter-spacing:0}.research-project-card p{font-size:12px;color:#8f98a0;line-height:1.5;margin-bottom:10px;text-transform:none;letter-spacing:0}.research-project-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.research-project-tag{background-color:#1e3243;color:#a855f7;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:600}.research-project-link{display:inline-flex;align-items:center;gap:5px;color:#66c0f4;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-decoration:none}.research-project-link:hover{color:#a4d2f5}@media (max-width: 600px){.research-pub-card{flex-direction:column}}.stats-page{max-width:1100px;margin:0 auto;padding:20px 24px 80px;min-height:100vh}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #2a475e}.stats-header-left{display:flex;align-items:center;gap:14px}.stats-header-icon{font-size:28px;color:#67abe2}.stats-header h1{font-size:26px;letter-spacing:.08em}.stats-subtitle{color:#8f98a0;font-size:13px;margin-top:2px;font-weight:400;text-transform:none;letter-spacing:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:32px}.stats-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:16px;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.stats-card:hover{border-color:var(--stat-color, #66c0f4);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--stat-color, #66c0f4);opacity:.5}.stats-card-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:16px}.stats-card-value{font-size:24px;font-weight:800;color:#fff;letter-spacing:.04em}.stats-card-label{font-size:11px;color:#8f98a0;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.stats-card-sub{font-size:10px;color:#6b7f95;margin-top:2px}.stats-xp-section{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:20px;margin-bottom:32px}.stats-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stats-xp-header span:first-child{font-size:14px;font-weight:700;color:#fff}.stats-xp-header span:last-child{font-size:13px;color:#66c0f4;font-weight:600}.stats-xp-bar{width:100%;height:12px;background-color:#0e1621;border-radius:6px;overflow:hidden}.stats-xp-fill{height:100%;background:linear-gradient(90deg,#67abe2,#bc13fe,#67c1f5);border-radius:6px;transition:width .8s ease;box-shadow:0 0 10px #66c0f44d}.stats-xp-hint{font-size:12px;color:#6b7f95;margin-top:8px}.stats-badges-section{margin-bottom:32px}.stats-section-title{font-size:16px;font-weight:700;color:#c7d5e0;text-transform:none;letter-spacing:.02em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.stats-section-title svg{color:#f0a830}.stats-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stats-badge-card{background-color:#16202d;border:1px solid #2a475e;border-radius:4px;padding:14px;text-align:center;transition:all .2s ease}.stats-badge-card:hover{transform:translateY(-2px)}.stats-badge-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:14px;font-weight:800;border:1px solid}.stats-badge-name{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.04em}.stats-badge-level{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}@media (max-width: 600px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-layout{display:flex;min-height:100vh;background-color:#1b2838;color:#dcdcdc}.admin-sidebar{width:220px;background-color:#171a21;border-right:1px solid #2a475e;padding:20px 0;flex-shrink:0}.admin-sidebar h1{font-size:18px;padding:0 20px 20px;border-bottom:1px solid #2a475e;margin-bottom:10px;letter-spacing:2px;color:#67abe2}.admin-nav{list-style:none;padding:0;margin:0}.admin-nav li{padding:10px 20px;cursor:pointer;transition:all .15s;font-size:14px;border-left:3px solid transparent}.admin-nav li:hover{background-color:#2a475e;color:#fff}.admin-nav li.active{background-color:#2a475e;border-left:3px solid #67abe2;color:#67abe2;font-weight:700}.admin-content{flex:1;padding:30px;overflow-y:auto;max-height:100vh}.admin-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #2a475e}.admin-top-bar h2{font-size:22px;letter-spacing:1px}.admin-top-bar a{color:#67abe2;text-decoration:none;font-size:14px}.admin-top-bar a:hover{text-decoration:underline}.admin-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}.admin-table th{background-color:#0e1014;color:#67abe2;padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2a475e}.admin-table td{padding:8px 12px;border-bottom:1px solid #2a475e;color:#b3b6b4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table tr:hover td{background-color:#16202d;color:#fff}.status-shipped{color:#63c85e}.status-wip{color:#f0a830}.status-archived{color:#b3b6b4}.status-online{color:#63c85e}.status-idle{color:#f0a830}.status-offline{color:#b3b6b4}.admin-form-container{margin-top:30px;padding:20px;background:#16202d;border-radius:6px;border:1px solid #2a475e}.admin-form-container h3{margin-bottom:20px;color:#67abe2;font-size:16px}.admin-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b3b6b4;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{background-color:#1b2838;border:1px solid #2a475e;color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#67abe2}.form-group textarea{resize:vertical}.form-group input[type=checkbox]{width:auto;margin-top:6px}.form-actions{grid-column:1 / -1;display:flex;gap:10px;margin-top:10px}.btn-primary{background:#67abe2;color:#fff;border:none;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.btn-primary:hover{background:#4a9fc7}.btn-edit{background:#2a475e;color:#a4d2f5;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:12px;margin-right:6px}.btn-edit:hover{background:#67abe2;color:#fff}.btn-delete{background:#2a475e;color:#d94126;border:none;padding:4px 12px;border-radius:3px;cursor:pointer;font-size:12px}.btn-delete:hover{background:#d94126;color:#fff}.btn-cancel{background:transparent;color:#b3b6b4;border:1px solid #2a475e;padding:10px 24px;border-radius:4px;cursor:pointer;font-size:14px}.btn-cancel:hover{background:#2a475e;color:#fff}.admin-crud{padding:0}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-section-header h2{font-size:20px;letter-spacing:1px;color:#67abe2}.admin-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#1b2838}.admin-gate-box{background:#171a21;padding:40px;border-radius:8px;width:400px;border:1px solid #2a475e}.admin-gate-box h2{color:#67abe2;margin-bottom:8px;text-align:center}.admin-gate-box p{color:#b3b6b4;text-align:center;margin-bottom:24px;font-size:13px}.admin-gate-box input{width:100%;padding:12px;background:#1b2838;border:1px solid #2a475e;color:#fff;border-radius:4px;font-size:16px;margin-bottom:12px;box-sizing:border-box}.admin-gate-box input:focus{outline:none;border-color:#67abe2}.admin-gate-box button{width:100%;padding:12px;background:#67abe2;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;font-weight:700}.admin-gate-box button:hover{background:#4a9fc7}.admin-gate-box .error{color:#d94126;font-size:13px;margin-top:8px;text-align:center}.admin-gate-box .locked{color:#f0a830;font-size:12px;text-align:center;margin-top:8px}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#1b2838}body{font-family:Inter,Motiva Sans,Arial,Helvetica,sans-serif;font-weight:400;color:#c7d5e0;background-color:#1b2838;letter-spacing:.01em;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,Motiva Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#fff}button{font-family:inherit;text-transform:uppercase;letter-spacing:.05em;font-weight:600;cursor:pointer;transition:all .2s ease}a{color:#66c0f4;text-decoration:none;transition:color .2s ease}a:hover{color:#a4d2f5}.ujex-app{width:100%;min-height:100vh;background:linear-gradient(180deg,#1b2838 0%,#1b2838 80px,#1b2838 100%);display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#1b2838}.app-main{flex:1;width:100%;background-color:#1b2838;min-height:calc(100vh - 100px);padding-bottom:60px}.page-content{background-color:#1b2838;min-height:100vh;width:100%;padding-bottom:60px}.main-content-area{flex:1;width:100%;background-color:#1b2838;padding-top:82px;min-height:calc(100vh - 100px)}.main-content-area>*{padding-top:0!important;margin-top:0!important}.help-bar{width:100%;display:flex;align-items:center;height:32px;background-color:#171a21;color:#8f98a0;font-size:11px;font-weight:400;padding:0 12px;border-bottom:1px solid #000}.left{display:flex;align-items:center;flex:1;gap:0}.left p{font-size:11px;margin:0 10px;color:#8f98a0;padding:10px 5px;transition:color .15s ease;text-transform:none;font-weight:400;letter-spacing:0}.left p:hover{color:#fff;cursor:pointer}.right{display:flex;align-items:center;gap:5px}.right p{font-size:13px;margin:0 5px;color:#8f98a0;cursor:pointer;transition:color .15s ease}.nav-icon{background-color:#414e54;padding:4px 14px;margin-top:0;border-radius:0;transition:background-color .2s ease}.nav-icon:hover{background-color:#4f5e64;filter:brightness(1.2)}.guest-box{background-color:#5e6061;padding:5px 12px;color:#c7d5e0;border-radius:2px;display:flex;align-items:center;margin:0;border:none;border-right:2px solid #66c0f4;transition:background-color .2s ease}.guest-box:hover{background-color:#3d3e3f;cursor:pointer}.guest-box p{padding:0;font-size:12px;color:#66c0f4!important;margin:0 0 0 5px;font-weight:600;letter-spacing:.02em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0e1621}::-webkit-scrollbar-thumb{background:#2a475e;border-radius:5px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#66c0f4}::selection{background-color:#66c0f4;color:#171a21}.btn-steam{background:linear-gradient(180deg,#67c1f5 0%,#2c7cb5 100%);color:#fff;border:none;padding:10px 22px;font-size:14px;font-weight:600;letter-spacing:.04em;border-radius:2px;transition:all .2s ease;text-transform:uppercase;position:relative;overflow:hidden}.btn-steam:hover{background:linear-gradient(180deg,#a4d2f5 0%,#67c1f5 100%);transform:translateY(-1px);box-shadow:0 4px 12px #66c0f44d}.btn-steam:active{background:linear-gradient(180deg,#2c7cb5 0%,#1a5a8c 100%);transform:translateY(0)}.btn-steam-secondary{background:linear-gradient(180deg,#384959 0%,#1f2d3a 100%);color:#c7d5e0;border:none;padding:10px 22px;font-size:14px;font-weight:600;letter-spacing:.04em;border-radius:2px;transition:all .2s ease}.btn-steam-secondary:hover{background:linear-gradient(180deg,#4a5d6f 0%,#2a3e50 100%);color:#fff;transform:translateY(-1px)}.btn-steam-discount{background:linear-gradient(180deg,#75b022 0%,#588a1b 100%);color:#fff;border:none;padding:10px 22px;font-size:14px;font-weight:700;border-radius:2px;transition:all .2s ease}.btn-steam-discount:hover{background:linear-gradient(180deg,#8ed029 0%,#75b022 100%);transform:translateY(-1px);box-shadow:0 4px 12px #74b0224d}.link-blue{color:#66c0f4;font-weight:500;transition:color .2s ease}.link-blue:hover{color:#a4d2f5;text-decoration:underline}@keyframes skeletonPulse{0%{background-color:#2a475e}50%{background-color:#1f3a52}to{background-color:#2a475e}}.skeleton{animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fadeInScale .3s ease forwards}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000080}@keyframes pulse{0%{box-shadow:0 0 #66c0f4b3}70%{box-shadow:0 0 0 10px #66c0f400}to{box-shadow:0 0 #66c0f400}}.pulse{animation:pulse 2s infinite}