@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap);.user-ban-badges{display:flex;gap:8px;margin-bottom:8px}.ban-badge{font-sze:var(--text-small);border-radius:6px;box-shadow:0 1px 4px #0000001f;color:#fff;font-weight:700;letter-spacing:1px;padding:2px 8px}.ban-badge.vac{background:#e53935;border:1px solid #b71c1c}.ban-badge.tradeban{background:#b71c1c;border:1px solid #7f0000}.ban-badge.newacc{background:#ff9800;border:1px solid #e65100;color:#fff3e0}.showcase-item-placeholder{align-items:center;background:#23272e!important;border:1.5px dashed #444!important;box-shadow:none!important;color:#888!important;cursor:default!important;display:flex;flex-direction:column;justify-content:center;min-height:120px;min-width:80px;pointer-events:none}.profile-container{box-sizing:border-box;display:flex;flex-direction:row;font-family:Montserrat,Arial,Helvetica,sans-serif;gap:1rem;height:calc(100vh - 64px);margin:64px auto 0;max-width:1400px;overflow-x:hidden;padding:0;position:relative;width:calc(100% - 2rem);z-index:1}.profile-main-layout{display:flex;gap:24px;margin-top:24px;width:100%}.profile-left-panel{align-self:stretch;background:var(--secondary-background);border-radius:16px;display:flex;flex:0 0 360px;flex-direction:column;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;width:360px}.profile-player-info{display:flex;flex-direction:column;gap:10px}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-top:90px;position:relative;text-align:center}.profile-avatar-bg{background-color:var(--account-banner-color);border-top-left-radius:16px;border-top-right-radius:16px;height:160px;left:-32px;position:absolute;top:-32px;width:calc(100% + 64px);z-index:-1}.profile-avatar-text{align-items:center;display:flex;flex-direction:column}.profile-avatar-large{border:3px solid var(--account-border-color);border-radius:50%;height:100px;margin:-50px 0 0;object-fit:cover;width:100px}.profile-username{color:var(--accent-1);font-size:var(--text-extra-large);font-weight:700;margin:0;max-width:100%;transition:all .2s ease;word-break:break-word}.profile-username:hover{position:relative;z-index:10}.profile-username[style*=ellipsis]:hover{border-radius:4px;overflow:visible!important;padding:4px 8px;text-overflow:clip!important;white-space:normal!important;word-break:break-all}@media (max-width:768px){.profile-username{font-size:var(--text-large)!important}}@media (max-width:480px){.profile-username{font-size:var(--text-large)!important}}.profile-steamid{color:var(--text-light);flex-shrink:0;font-size:var(--text-extra-small);margin:4px 0 0}.profile-stats-section{grid-gap:16px;border-bottom:1px solid var(--outline);border-top:1px solid var(--outline);display:grid;gap:16px;grid-template-columns:1fr 1fr;padding-bottom:20px;padding-top:20px}.profile-stat-item{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;padding:8px;text-align:center}.stat-value{display:block;font-size:var(--text-large);margin-bottom:4px}.stat-label{letter-spacing:.5px}.profile-container .actions-section,.profile-left-panel .actions-section{padding:20px}.action-btn{align-items:center!important;border-radius:8px!important;display:flex!important;flex:1 1!important;font-size:var(--text-small)!important;font-weight:600!important;gap:6px!important;justify-content:center!important;padding:10px 12px!important;text-decoration:none!important;transition:all .3s ease!important}.profile-action-btn.trade-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.profile-action-btn.trade-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.profile-action-btn.steam-btn{background:linear-gradient(135deg,#66c0f4,#2a475e);color:#fff}.profile-action-btn.steam-btn:hover{background:linear-gradient(135deg,#2a475e,#66c0f4);transform:translateY(-1px)}.login-required-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:2px solid #ef444480;border-radius:12px;font-family:Montserrat,Arial,Helvetica,sans-serif;left:50%;max-width:400px;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.login-required-overlay{background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.login-message-title{color:#ef4444;font-size:var(--text-large);font-weight:700;margin-bottom:12px}.login-message-text{color:var(--text-light);font-size:var(--text-small);line-height:1.5;margin-bottom:20px}.login-message-close{background:linear-gradient(135deg,var(--accent-1) 0,#4ade80 100%);border:none;border-radius:6px;color:var(--text-dark);font-weight:600;padding:10px 20px;transition:all .3s ease}.login-message-close:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px)}.stall-push-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:2px solid #22c55e80;border-radius:12px;font-family:Montserrat,Arial,Helvetica,sans-serif;left:50%;max-width:400px;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.stall-push-overlay{background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.stall-push-title{color:#22c55e;font-size:var(--text-large);font-weight:700;margin-bottom:12px}.stall-push-text{color:var(--text-light);font-size:var(--text-small);line-height:1.5;margin-bottom:20px}.stall-push-close{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;font-weight:600;padding:10px 20px;transition:all .3s ease}.stall-push-close:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.stall-error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:2px solid var(--outline);border-radius:12px;font-family:Montserrat,Arial,Helvetica,sans-serif;left:50%;max-width:400px;padding:24px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.stall-error-overlay{background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.stall-error-title{color:var(--text-light);font-size:var(--text-large);font-weight:700;margin-bottom:12px}.stall-error-text{color:var(--text-light);font-size:var(--text-small);line-height:1.5;margin-bottom:20px}.stall-error-close{background:var(--secondary-background);border:2px solid var(--outline);border-radius:6px;color:#fff;font-weight:600;padding:10px 20px;transition:all .3s ease}.stall-error-close:hover{background:var(--secondary-background);transform:translateY(-1px)}.stall-premium-close{background:var(--premium-gold-background);border:2px solid var(--premium-gold);border-radius:6px;color:#fff;font-weight:600;margin-left:10px;padding:10px 20px;transition:all .3s ease}.stall-premium-close:hover{background:var(--premium-gold-background);transform:translateY(-1px)}.profile-pins-section{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;margin-top:-20px;min-height:60px;overflow-x:visible;padding:0 24px;position:relative}.profile-pins-medals{align-items:center;min-height:50px;position:relative;width:100%}.profile-pins-medals.overlapping-layout{height:50px;left:50%;margin:0;position:absolute;top:25px;transform:translateX(-50%);width:auto}.profile-pins-medals.overlapping-layout .profile-pin-medal{position:absolute;transition:all .3s ease}.profile-pins-medals.grid-layout{display:flex;flex-wrap:nowrap;gap:0;justify-content:flex-start;overflow-x:visible;width:auto}.profile-pins-medals.grid-layout .profile-pin-medal{align-items:center;display:flex;justify-content:center;position:relative;transition:all .3s ease}.profile-pins-medals.grid-layout .profile-pin-medal.grid-item{position:relative}.profile-pins-medals.grid-layout .profile-pin-medal.more-indicator{align-items:center;background:var(--outline);border:1px solid var(--outline);border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.more-text{color:var(--accent-1);font-size:var(--text-extra-small);font-weight:600}.profile-pin-medal-img{border-radius:50%;box-shadow:0 2px 8px #0000004d;height:30px;object-fit:contain;transition:all .3s ease;width:30px}.profile-pin-medal:hover .profile-pin-medal-img{border-color:var(--accent-1);box-shadow:0 4px 12px var(--accent-1-background)}.profile-right-panel{-ms-overflow-style:none;background:var(--main-background);display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:calc(100vh - 64px);min-height:0;overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-width:none}@media (max-width:768px){.profile-right-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--main-background)}}.profile-right-panel::-webkit-scrollbar{display:none}.profile-showcase-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;height:25%}.showcase-header{border-bottom:1px solid var(--outline);margin-bottom:12px;padding-bottom:12px}.showcase-title{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0}.showcase-content{-ms-overflow-style:none;display:flex;flex-direction:column;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.showcase-item-type{align-items:center;color:#454d5d;display:flex;font-size:200px;font-weight:900;height:100%;justify-content:center;left:50%;overflow:visible;pointer-events:none;position:absolute;text-transform:uppercase;top:-30%;transform:translate(-50%);white-space:nowrap;width:110%}.showcase-item-minimal:hover .showcase-item-type{-webkit-text-fill-color:hsla(0,0%,100%,.822);background:linear-gradient(180deg,#f0f,#0ff 20%,#ff0 40%,#ff0080 60%,#00ff80 80%,#f0f);background:linear-gradient(calc(var(--pointer-x-num, 50)*3.6deg),#f0f 0,#0ff 20%,#ff0 40%,#ff0080 60%,#00ff80 80%,#f0f 100%);-webkit-background-clip:text;background-clip:text;background-size:100% 100%;color:hsla(0,0%,100%,.822);filter:drop-shadow(0 0 10px rgba(255,0,255,.5)) drop-shadow(0 0 20px rgba(0,255,255,.4)) drop-shadow(0 0 30px rgba(255,255,0,.3)) saturate(1.3);transform:translateZ(60px);width:625%}.showcase-item-type span{-webkit-text-stroke:1.2px currentColor;display:inline-block;paint-order:stroke fill}.showcase-item-name{align-items:center;font-weight:900!important;justify-content:flex-start;left:0;margin-top:42%;overflow:hidden!important;pointer-events:none;text-align:left!important;text-overflow:ellipsis!important;width:90%}.showcase-item-name .animated-gradient-text{justify-content:flex-start!important;margin:0!important;max-width:100%!important;pointer-events:none}.showcase-item-name .text-content{pointer-events:none;text-align:left!important}.showcase-item-float{bottom:9%;color:var(--text-light);font-size:var(--text-small);left:4%;margin-top:42%;overflow:hidden;pointer-events:none;position:absolute;text-align:left;text-overflow:ellipsis;width:90%}.showcase-content::-webkit-scrollbar{display:none}.showcase-strip{display:flex;flex:1 1 auto;gap:12px;height:50%;min-height:100px;perspective:1000px;width:100%}.showcase-item-minimal{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:85%;min-width:0;overflow:hidden;padding:8px;position:relative;transform:translateZ(.01px);transform-style:preserve-3d;transition:all .3s ease;will-change:transform,opacity,background-image,background-size,background-position}.showcase-item-minimal:before{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--text-light);border-radius:8px;content:"";height:100%;left:0;mask:url(/static/media/Logo_Small_Black.2c03822f29bc5d9abf69.svg);mask-repeat:space;mask-size:18px 18px;-webkit-mask:url(/static/media/Logo_Small_Black.2c03822f29bc5d9abf69.svg);-webkit-mask-repeat:space;-webkit-mask-size:18px 18px;opacity:.1;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;width:100%;will-change:transform,opacity,background-image,filter;z-index:0}.showcase-item-minimal:hover{border-color:var(--accent-1);transform:scale(.95)}.showcase-item-image-minimal{height:100%;margin-bottom:4px;object-fit:contain;pointer-events:none;position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;width:100%;z-index:1}.showcase-item-minimal:hover .showcase-item-image-minimal{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transform:translateZ(20px) rotateX(0deg) rotateY(0deg) translateZ(20px) scale(1.1);transform:translateZ(20px) rotateX(calc((var(--pointer-y-num, 50) - 50)*.15deg)) rotateY(calc((var(--pointer-x-num, 50) - 50)*-.15deg)) translateZ(20px) scale(1.1);z-index:5}.showcase-item-stickers{bottom:2%;display:flex;gap:.5%;justify-content:space-between;left:74%;padding:.5%;pointer-events:none;position:absolute;transform:translateX(-50%);width:50%;z-index:2}.showcase-sticker-slot{align-items:center;aspect-ratio:1;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;display:flex;flex-shrink:0;justify-content:center;width:22%}.showcase-sticker-image{height:100%;image-rendering:crisp-edges;object-fit:contain;transform:translateZ(50px);width:100%}.showcase-item-name{align-items:flex-start;color:var(--text-light);display:flex;font-size:var(--text-large);height:auto;justify-content:space-between;left:8px;letter-spacing:-1px;overflow:visible;position:absolute;right:8px;text-overflow:clip;text-transform:uppercase;top:16px;white-space:nowrap;z-index:3}.showcase-item-name span{-webkit-text-stroke:1.2px currentColor;display:inline-block;paint-order:stroke fill;transform:scaleX(.7) scaleY(3);transform-origin:center}.showcase-item-wear-minimal{color:var(--text-light);font-size:var(--text-extra-small);margin-top:2px;opacity:.8}.profile-content-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column}.content-navigation{display:flex;top:0;z-index:21}.content-navigation,.inventory-search{background:var(--main-background);position:-webkit-sticky;position:sticky}.inventory-search{z-index:22}.content-nav-btn{background:#0000;border:none;border:1px solid var(--outline);color:var(--text-light);flex:1 1;font-size:var(--text-small);font-weight:500;padding:10px 24px;transition:all .3s ease}.content-nav-btn:last-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.content-nav-btn:first-child{border-bottom-left-radius:10px;border-right:none;border-top-left-radius:10px}.content-nav-btn:hover{background:var(--outline);color:var(--accent-1)}.content-nav-btn.active{background:var(--accent-1);color:var(--text-dark);font-weight:600}.content-area{flex:1 1;min-height:0;overflow:visible}.content-area,.tab-content{background:#0000;padding:0}.tab-header{align-items:center;display:flex;justify-content:space-between}.tab-title{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0}.stall-actions{align-items:center;display:flex;gap:12px}.stall-push-controls{align-items:center;display:flex;gap:15px;margin-top:20px}.stall-push-button{border:none;border-radius:8px;color:#fff;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:var(--text-medium);font-weight:600;padding:12px 20px;transition:all .3s ease}.stall-push-button:hover:not(.disabled){transform:translateY(-1px)}.stall-push-button.disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;opacity:.7}.stall-trade-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 15px #10b9814d;color:#fff;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:var(--text-medium);font-weight:600;padding:12px 20px;transition:all .3s ease}.stall-trade-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.stall-trade-button:disabled{background:linear-gradient(135deg,#64748b,#475569);box-shadow:none;cursor:not-allowed;opacity:.7}.push-stall-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;font-size:var(--text-small);font-weight:600;padding:10px 16px;transition:all .3s ease}.push-stall-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.trade-offer-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 15px #10b9814d;color:#fff;display:flex;font-size:var(--text-small);font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.trade-offer-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-1px)}.inventory-grid-card-style{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:20px 0}.modern-inventory-card{aspect-ratio:3/4;background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;display:flex;flex-direction:column;padding:12px;position:relative;transition:all .3s ease}.modern-inventory-card:hover{border-color:var(--outline);transform:translateY(-2px)}.modern-card-stickers{display:flex;flex-direction:column;gap:2px;left:8px;position:absolute;top:8px;z-index:2}.modern-card-sticker-img{background:#0000004d;border-radius:50%;height:16px;object-fit:contain;width:16px}.modern-card-keychain{position:absolute;right:8px;top:8px;z-index:2}.modern-card-keychain-img{background:#0000004d;border-radius:50%;height:16px;object-fit:contain;width:16px}.compact-card-keychain-img{box-shadow:0 1px 2px #0000001a;height:32px;width:32px}.modern-card-image-center{align-items:center;display:flex;flex:1 1;justify-content:center;margin:8px 0}.modern-card-image{max-height:80px;max-width:100%;object-fit:contain}.modern-card-info{margin-top:auto}.modern-card-wear-float{color:var(--text-light)}.modern-card-skin-name,.modern-card-wear-float{font-size:var(--text-extra-small);margin-bottom:4px}.modern-card-skin-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-card-steam-price{color:var(--accent-2);font-size:var(--text-extra-small);font-weight:600}.empty-state{color:var(--text-light);padding:60px 20px;text-align:center}.empty-icon{font-size:var(--text-medium)}.empty-state h4{color:var(--accent-1);font-size:var(--text-large);margin:8px}.empty-state p{font-size:var(--text-small);margin:0}.profile-loading{color:var(--accent-1);font-family:Montserrat,Arial,Helvetica,sans-serif}.profile-error,.profile-loading{align-items:center;display:flex;font-size:var(--text-large);justify-content:center;min-height:400px}.profile-error{color:#ef4444;text-align:center}.trade-history-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.trade-history-card{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;padding:16px;transition:all .3s ease}.trade-history-card:hover{border-color:var(--outline);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.trade-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.trade-participants{align-items:center;display:flex;font-size:var(--text-small);gap:8px}.trade-participant{align-items:center;display:flex;gap:6px}.participant-avatar-small{border-radius:50%;height:24px;object-fit:cover;width:24px}.trade-arrow{font-weight:700}.trade-status-badge{background:#ffffff1a;border-radius:4px;font-size:var(--text-small);font-weight:600;padding:4px 8px;text-transform:uppercase}.trade-summary{margin-bottom:12px}.trade-items-summary{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.trade-items-summary,.trade-message-preview{color:var(--text-light);font-size:var(--text-small)}.trade-message-preview{background:var(--secondary-background);border-radius:6px;font-style:italic;padding:8px}.trade-date{text-align:right}.inventory-tab .tab-content{padding:0}.stall-items-container{display:flex;flex-direction:column;gap:16px;width:100%}.stall-items-grid{grid-gap:8px;align-items:center;background:#0000;border:none;border-radius:0;display:grid;gap:8px;grid-template-columns:repeat(8,minmax(90px,1fr));grid-template-rows:repeat(2,minmax(140px,1fr));justify-items:center;margin-top:10px;max-width:100%;padding:0}@media (max-width:768px){.stall-items-grid{gap:6px;grid-template-columns:repeat(8,minmax(75px,1fr));grid-template-rows:repeat(2,minmax(120px,1fr));padding:0}.stall-placeholder{height:120px;width:75px}}@media (max-width:480px){.stall-items-grid{gap:4px;grid-template-columns:repeat(8,minmax(65px,1fr));grid-template-rows:repeat(2,minmax(100px,1fr));padding:0}.stall-placeholder{height:100px;width:65px}.stall-placeholder-icon{font-size:var(--text-large)}}.stall-items-grid .stall-item .compact-card-info{align-items:flex-start!important;justify-content:flex-end!important;padding-left:2px!important;text-align:left!important;width:100%!important}.stall-items-grid .stall-item .compact-card-wear{font-sze:var(--text-extra-small)!important;align-items:flex-start!important;display:flex!important;flex-wrap:wrap!important;gap:2px!important;line-height:1.2!important;margin-bottom:2px!important;text-align:left!important;width:100%!important}.stall-items-grid .stall-item .souvenir-tag,.stall-items-grid .stall-item .stattrak-tag{display:inline!important;font-weight:600!important;margin-right:2px!important}.stall-items-grid .stall-item .souvenir-tag{color:#e0e051!important}.stall-items-grid .stall-item .stattrak-tag{color:#ff782c!important}.stall-items-grid .stall-item .compact-card-wear span{margin-right:2px!important}.stall-items-grid .stall-item .compact-card-wear span:last-child{margin-right:0!important}.stall-items-grid .stall-item .animated-gradient-text{align-items:flex-start!important;display:block!important;justify-content:flex-start!important;margin:0!important;max-width:100%!important;text-align:left!important;width:100%!important}.stall-items-grid .stall-item .text-content{display:block!important;margin:0!important;position:static!important;text-align:left!important;width:100%!important}.stall-items-grid .stall-item .modern-card-skin-name{align-items:flex-start!important;display:block!important;justify-content:flex-start!important;margin:0!important;max-width:100%!important;position:relative!important;text-align:left!important;width:100%!important}.stall-placeholder{align-items:center;background:var(--secondary-background);border:2px dashed var(--outline);border-radius:5px;cursor:default;display:flex;height:140px;justify-content:center;transition:all .3s ease;width:90px}.stall-placeholder:hover{background:var(--secondary-background);border-color:var(--accent-1-background)}.stall-placeholder-icon{color:var(--outline);font-size:var(--text-extra-large);opacity:.5}@media (min-width:1400px){.profile-container{max-width:none;padding:0;width:calc(100% - 3rem)}}@media (min-width:1200px){.profile-container{padding:0}}@media (max-width:768px){.profile-container{flex-direction:column;height:auto;padding:0;width:calc(100% - 1rem)}.profile-left-panel{flex:none;position:static}}@media (max-width:480px){.profile-container{padding:0;width:calc(100% - .5rem)}}.edit-profile-btn{align-items:center;background:#8b5cf633;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--accent-1);display:flex;height:36px;justify-content:center;left:16px;position:absolute;top:16px;transition:all .2s ease;width:36px;z-index:100}.edit-profile-btn:hover{background:#8b5cf64d;box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.05)}.profile-player-card{height:auto!important;margin-top:0!important;padding:0!important;width:100%!important}.profile-player-card,.profile-player-card .player-info-card{background:#0000!important;display:flex!important;flex-direction:column!important}.profile-player-card .player-info-card{border:none!important;justify-content:space-between!important;padding:24px!important;position:relative!important}.profile-player-card .card-background{border-radius:16px 16px 0 0!important;height:150px!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.profile-player-card .player-info-card:not(.custom) .card-background{background:linear-gradient(135deg,#8b5cf64d,#ec48994d 50%,#3b82f64d)!important;pointer-events:none!important}.profile-player-card .player-info-card.custom .card-background{pointer-events:none!important}.profile-player-card .avatar-section,.profile-player-card .buttons-section,.profile-player-card .stats-section{position:relative!important;z-index:1!important}.profile-player-card .avatar-section{flex-shrink:0!important;margin-top:80px!important;text-align:center!important}.profile-player-card .username{color:#fff!important;font-size:var(--text-extra-large)!important;font-weight:700!important;line-height:1.2!important;margin-bottom:8px!important;text-shadow:0 2px 8px #00000080!important}.profile-player-card .steam-id{color:#fffc!important;font-size:var(--text-small)!important;margin-bottom:12px!important;text-shadow:0 1px 4px #00000080!important}.profile-player-card .avatar{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:5px solid #ffffffe6!important;box-shadow:0 12px 40px #0006!important;height:250px!important;width:250px!important}.profile-player-card .stats-section{grid-gap:16px!important;border-bottom:1px solid var(--outline)!important;border-top:1px solid var(--outline)!important;display:grid!important;flex:1 1!important;gap:16px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;justify-content:center!important;margin:0 20px!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;padding:20px 0!important}.profile-player-card .stat-item{background:var(--secondary-background)!important;border:1px solid var(--outline)!important;border-radius:12px!important;padding:12px!important;text-align:center!important}.profile-player-card .stat-value{color:var(--accent-1)!important;display:block!important;font-size:var(--text-large)!important;font-weight:700!important;margin-bottom:4px!important}.profile-player-card .stat-label{color:var(--text-light)!important;font-size:var(--text-small)!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}.profile-player-card .buttons-section{flex-shrink:0!important;margin-top:24px!important}.profile-player-card .buttons-section .player-button{border-radius:12px!important;font-size:var(--text-medium)!important;font-weight:600!important;margin-bottom:12px!important;padding:16px 20px!important;transition:all .3s ease!important;width:100%!important}.profile-player-card .buttons-section .player-button:last-child{margin-bottom:0!important}.profile-player-card .buttons-section .player-button.stall-push-button{background:linear-gradient(135deg,var(--accent-1),var(--accent-2))!important;box-shadow:0 4px 16px #8b5cf64d!important;color:#fff!important}.profile-player-card .buttons-section .player-button.stall-push-button:hover:not(:disabled){box-shadow:0 6px 24px #8b5cf666!important;transform:translateY(-2px)!important}.profile-player-card .buttons-section .player-button.stall-push-button:disabled{background:var(--outline)!important;box-shadow:none!important;color:var(--text-secondary)!important;cursor:not-allowed!important}.profile-player-card .buttons-section .player-button.steam-btn{background:linear-gradient(135deg,#66c0f4,#2a475e)!important;box-shadow:0 4px 16px #66c0f44d!important;color:#fff!important}.profile-player-card .buttons-section .player-button.steam-btn:hover{box-shadow:0 6px 24px #66c0f466!important;transform:translateY(-2px)!important}.profile-player-card .buttons-section .player-button.trade-btn{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 16px #10b9814d!important;color:#fff!important}.profile-player-card .buttons-section .player-button.trade-btn:hover{box-shadow:0 6px 24px #10b98166!important;transform:translateY(-2px)!important}.profile-player-card .ban-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important;margin:12px 0!important}.profile-player-card .ban-badges .ban-badge{border-radius:8px!important;font-size:var(--text-small)!important;font-weight:600!important;padding:6px 12px!important}.profile-player-card .pins-section{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;min-height:40px!important}.profile-player-card .pins-section .profile-pin-medal-img{border-radius:50%!important;height:36px!important;transition:all .3s ease!important;width:36px!important}.profile-player-card .pins-section .profile-pin-medal:hover .profile-pin-medal-img{box-shadow:0 4px 16px #8b5cf64d!important;transform:scale(1.1)!important}.animated-gradient-text{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;font-weight:500;justify-content:flex-start;margin:0 auto;max-width:-webkit-fit-content;max-width:fit-content;overflow:hidden;position:relative;transition:box-shadow .5s ease-out}.gradient-overlay{animation:gradient linear infinite;background-size:300% 100%;bottom:0;pointer-events:none;right:0;z-index:0}.gradient-overlay,.gradient-overlay:before{border-radius:inherit;left:0;position:absolute;top:0}.gradient-overlay:before{background-color:#060010;content:"";height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2px);z-index:-1}.text-content{animation:gradient linear infinite;background-clip:text;-webkit-background-clip:text;background-size:300% 100%;color:#0000;display:inline-block;position:relative;z-index:2}.player-info-card{background:var(--secondary-background);border:1px solid var(--outline);container-type:inline-size;display:flex;flex-direction:column;font-family:Montserrat,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;transition:all .3s ease}.player-info-card,.premium-ribbon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-ribbon{animation:premiumBadgeShine 3s ease-in-out infinite;background:linear-gradient(135deg,#ffd700f2,#ffa500f2);border:none;border-radius:6px;box-shadow:0 4px 12px #ffd7004d,inset 0 0 0 1px #ffd70080;color:#000;cursor:pointer;font-size:var(--text-extra-small);font-weight:700;letter-spacing:1.5px;padding:6px 12px;position:absolute;right:5px;text-shadow:0 1px 2px #00000026;top:5px;transition:all .2s ease;z-index:10}.premium-ribbon:hover{box-shadow:0 6px 16px #ffd70066,inset 0 0 0 1px #ffd700b3;transform:scale(1.05)}@keyframes premiumBadgeShine{0%,to{box-shadow:0 4px 12px #ffd7004d,inset 0 0 0 1px #ffd70080}50%{box-shadow:0 4px 16px #ffd70080,inset 0 0 0 1px #ffd700cc,0 0 20px #ffd70033}}.premium-ribbon.big{font-size:var(--text-extra-small);padding:8px 14px;right:8px;top:8px}.player-info-card.clickable{cursor:pointer}.player-info-card.clickable:hover{border-color:var(--accent-1);box-shadow:0 12px 30px #0000004d;transform:translateY(-2px)}.player-info-card.compact{height:220px;padding:8px;width:160px}.player-info-card.standard{border-radius:10px;display:flex;height:280px;padding:12px;width:180px}.player-info-card.large{border-radius:16px;height:340px;padding:16px;width:220px}.player-info-card .card-background{border-top-left-radius:12px;border-top-right-radius:12px;height:100px;left:-12px;position:absolute;top:-12px;width:calc(100% + 24px);z-index:0}.player-info-card.default .card-background{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%)}.player-info-card.recipient .card-background{background:linear-gradient(135deg,#a80931,#770723)}.player-info-card.proposer .card-background{background:linear-gradient(135deg,#2d7d32,#1b5e20)}.player-info-card.highlight .card-background{background:linear-gradient(135deg,#f59e0b,#d97706)}.player-info-card.custom .card-background{background:#0000}.avatar-section{align-items:center;display:flex;flex-direction:column;gap:.2rem;padding-top:40px;position:relative;text-align:center;z-index:2}.player-avatar{background:var(--secondary-background);border:2px solid var(--accent-2);border-radius:50%;box-shadow:0 4px 15px #0000004d;height:60px;margin:-30px 0 0;object-fit:cover;width:60px}.player-avatar.premium{animation:avatarPremiumGlow 2s ease-in-out infinite;border:2px solid gold}@keyframes avatarPremiumGlow{0%,to{box-shadow:0 0 10px #ffd70080,0 4px 15px #0000004d}50%{box-shadow:0 0 20px #ffd700cc,0 4px 15px #0000004d}}.player-info-card.compact .player-avatar{height:45px;margin:-22px 0 0;width:45px}.player-info-card.large .player-avatar{height:120px;margin:-35px 0 0;width:120px}.player-text{align-items:center;display:flex;flex-direction:column;margin-top:8px}.player-username{color:var(--accent-1);font-size:clamp(.65rem,3cqw,.9rem);font-weight:700;line-height:1.2;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;white-space:nowrap}.player-username.premium{align-items:center;display:flex;gap:6px;justify-content:center;overflow:visible!important}.player-username.premium .animated-gradient-text{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}.premium-badge{font-sze:var(--text-small);animation:premiumBadgePulse 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}@keyframes premiumBadgePulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,215,0,.9));transform:scale(1.2)}}.player-steamid{color:var(--text-light);margin:2px 0 0;max-width:100%;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info-card.compact .player-username,.player-steamid{font-size:var(--text-extra-small)}.player-info-card.compact .player-steamid{font-sze:var(--text-extra-small)}.player-info-card.large .player-username{font-size:var(--text-medium)}.player-info-card.large .player-steamid{font-sze:var(--text-extra-small)}.pins-section{display:flex;justify-content:center;margin-bottom:8px}.stats-section{grid-gap:8px;border-bottom:1px solid var(--outline);border-top:1px solid var(--outline);display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:-15px;position:relative;z-index:2}.stat-item{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;justify-content:center;padding:4px;text-align:center}.stat-value{font-sze:var(--text-extra-small);color:var(--accent-2);line-height:1;margin-bottom:1px}.stat-label{font-sze:var(--text-extra-small)!important;letter-spacing:.3px;line-height:1;text-transform:uppercase}.player-info-card.compact .stat-label,.player-info-card.compact .stat-value{font-size:var(--text-extra-small)}.player-info-card.large .stat-value{font-sze:var(--text-extra-small)}.player-info-card.large .stat-label{font-size:var(--text-extra-small)}.additional-info-section{display:flex;flex-direction:column;gap:2px;padding:4px 0;position:relative;z-index:1}.info-item{font-sze:var(--text-extra-small);align-items:center;display:flex;justify-content:space-between}.info-label{color:var(--text-light);opacity:.8}.info-value{color:var(--accent-2);font-weight:600}.actions-section{flex-wrap:wrap;gap:3px;position:relative;z-index:1}.action-btn{align-items:center;border:1px solid var(--outline);border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;font-family:inherit;font-size:var(--text-extra-small);gap:2px;justify-content:center;min-height:22px;min-width:0;padding:4px 6px;text-decoration:none;transition:all .2s ease}.action-btn:disabled{opacity:.5;transform:none!important}.btn-icon{font-sze:var(--text-small)}.action-btn.default{background:var(--secondary-background);border:1px solid var(--outline);color:var(--text-light);margin-top:8px}.action-btn.default:hover:not(:disabled){background:var(--secondary-background);border-color:var(--accent-1);transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%);border-color:var(--accent-1);color:#fff}.action-btn.primary:hover:not(:disabled){box-shadow:0 2px 8px #64ffda4d;transform:translateY(-1px)}.action-btn.steam{background:linear-gradient(180deg,#001627,#0078ad);border-color:var(--accent-1);color:#fff}.action-btn.steam:hover:not(:disabled){box-shadow:0 2px 8px #64ffda4d;transform:translateY(-1px)}.action-btn.secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;color:#fff}.action-btn.secondary:hover:not(:disabled){box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.action-btn.danger:hover:not(:disabled){box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.action-btn.success:hover:not(:disabled){box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.loading-card{align-items:center;background:var(--main-background);border:1px solid var(--outline);justify-content:center;opacity:.8;overflow:hidden;position:relative}.loading-card:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skeleton{background:var(--outline);border-radius:8px;overflow:hidden;position:relative}.skeleton:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.skeleton-bg{background:linear-gradient(135deg,var(--outline) 0,#ffffff0d 100%)!important}.skeleton-avatar{border-radius:50%;height:60px;margin-bottom:8px;width:60px}.skeleton-username{height:18px;margin-bottom:4px;width:120px}.skeleton-steamid{height:12px;width:140px}.skeleton-stat{border-radius:4px;height:40px}.loading-content{align-items:center;color:var(--text-light);display:flex;flex-direction:column;gap:1rem;text-align:center;z-index:2}.loading-spinner{border-top:3px solid var(--outline);border:3px solid var(--outline);height:30px;width:30px}@container (max-width: 200px){.player-info-card{font-sze:var(--text-small)}.stats-section{gap:2px;grid-template-columns:1fr}.actions-section{flex-direction:column}}@container (min-width: 300px){.player-info-card{font-sze:var(--text-medium)}.actions-section{justify-content:space-between}}@media (max-width:768px){.player-info-card.standard{height:250px;width:160px}.player-info-card.large{height:280px;width:180px}.actions-section{flex-direction:column}.action-btn{flex:none}}.card-background.bg-gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)!important}.card-background.bg-gradient-sunset{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.card-background.bg-gradient-forest{background:linear-gradient(135deg,#11998e,#38ef7d)!important}.card-background.bg-gradient-royal{background:linear-gradient(135deg,#667eea,#764ba2)!important}.card-background.bg-gradient-fire{background:linear-gradient(135deg,#ff416c,#ff4b2b)!important}.card-background.bg-gradient-cosmic{background:linear-gradient(135deg,#8360c3,#2ebf91)!important}.card-background.bg-gradient-golden{background:linear-gradient(135deg,gold,#ffed4e 50%,#ff8c00)!important;box-shadow:0 0 20px #ffd7004d}.card-background.bg-gradient-aurora{animation:auroraShift 8s ease-in-out infinite;background:linear-gradient(135deg,#00f260,#0575e6 50%,#ee0979)!important}@keyframes auroraShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.card-background.bg-gradient-galaxy{background:linear-gradient(135deg,#2e1437,#4a00e0 50%,#8e2de2)!important;position:relative}.card-background.bg-gradient-galaxy:after{animation:galaxyTwinkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000);background-size:200% 200%;bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes galaxyTwinkle{0%,to{opacity:.6}50%{opacity:.9}}.card-background.bg-gradient-neon{background:linear-gradient(135deg,#ff006e,#8338ec 50%,#3a86ff)!important;box-shadow:0 0 20px #ff006e66,0 0 40px #8338ec4d}.card-background.bg-gradient-crimson{background:linear-gradient(135deg,#c31432,#240b36)!important;box-shadow:0 0 20px #c314324d}.card-background.bg-gradient-emerald{background:linear-gradient(135deg,#56ab2f,#a8e063)!important;box-shadow:0 0 20px #56ab2f4d}.player-avatar.border-gold{border:3px solid gold!important}.player-avatar.border-silver{border:3px solid silver!important}.player-avatar.border-bronze{border:3px solid #cd7f32!important}.player-avatar.border-diamond{border:3px solid #b9f2ff!important;box-shadow:0 0 15px #b9f2ff99}.player-avatar.border-ruby{border:3px solid #e0115f!important;box-shadow:0 0 15px #e0115f99}.player-avatar.border-emerald{border:3px solid #50c878!important;box-shadow:0 0 15px #50c87899}.player-avatar.border-rainbow{animation:rainbowRotate 3s linear infinite;background-clip:padding-box,border-box;background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-origin:border-box;border:3px solid #0000!important}.player-avatar.border-fire{animation:fireFlicker 2s ease-in-out infinite;border:3px solid #ff4500!important;box-shadow:0 0 10px #ff4500cc,0 0 20px #ff8c0099,0 0 30px #ff450066}.player-avatar.border-plasma{animation:plasmaGlow 2.5s ease-in-out infinite;background-clip:padding-box,border-box;background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);background-origin:border-box;border:3px solid #0000!important;box-shadow:0 0 20px #667eea99}.player-avatar.avatar-color-1{filter:brightness(0) saturate(100%) invert(79%) sepia(43%) saturate(1613%) hue-rotate(122deg) brightness(101%) contrast(101%)}.player-avatar.avatar-color-2{filter:brightness(0) saturate(100%) invert(55%) sepia(95%) saturate(4441%) hue-rotate(300deg) brightness(101%) contrast(101%)}.player-avatar.avatar-color-3{filter:brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(230deg) brightness(101%) contrast(101%)}.pattern-indicator{align-items:center;background:linear-gradient(45deg,#ff6b35,#ff8c42);border:1px solid #fff3;border-radius:50%;box-shadow:0 1px 3px #0000004d;color:#fff;cursor:help;display:flex;font-size:var(--text-extra-small);font-weight:700;height:10px;justify-content:center;position:absolute;right:7px;top:25px;transition:all .2s ease;width:10px;z-index:5}.pattern-indicator:hover{box-shadow:0 2px 6px #ff6b3566;transform:scale(1.1)}.pattern-indicator-large{align-items:center;background:linear-gradient(45deg,#ff6b35,#ff8c42);border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:help;display:flex;font-size:var(--text-small);font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:20px;z-index:5}.pattern-indicator-large:hover{box-shadow:0 3px 8px #ff6b3566;transform:scale(1.1)}.compact-inventory-card{align-items:flex-start;background:linear-gradient(180deg,#ffffff1a 0,#1e293b 90%);background:linear-gradient(to bottom,var(--rarity-gradient,#ffffff1a) 0,#1e293b 90%);border:1px solid #64ffda1a;border-radius:6px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;font-family:Montserrat,Arial,Helvetica,sans-serif;height:140px;justify-content:flex-end;margin:0 auto;max-width:105px;min-height:140px;min-width:0;overflow:visible;padding:6px 4px 30px;position:relative;transition:all .3s ease;width:100%}.item-type-text{background-color:#1d3745;border-radius:10px;color:var(--text-light);font-size:var(--text-extra-small);margin-right:4px;padding:0 5px}.compact-skin-name{display:block;font-size:var(--text-small);max-width:85px;overflow:hidden;text-align:left;white-space:nowrap}.compact-inventory-card:hover{border-color:var(--accent-1-background-dark);transform:translateY(-1px)}.compact-card-image-center{align-items:center;display:flex;flex:1 1 auto;justify-content:center;margin-bottom:0;margin-top:1px;min-height:60px;width:100%}.compact-card-image{background:none;border-radius:0;box-shadow:none;display:block;margin:0 auto;max-height:60px;max-width:70px;object-fit:contain}.compact-card-info{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-end;padding-left:1px;text-align:left;width:100%}.compact-card-wear{color:var(--text-light);font-size:var(--text-extra-small);font-weight:500;margin-bottom:1px;text-align:left}.souvenir-tag{color:#e0e051}.stattrak-tag{color:#ff782c}.compact-card-price{color:var(--accent-2);font-size:var(--text-extra-small);font-weight:600;margin-bottom:4px;margin-top:2px}.compact-card-stickers{display:flex;flex-direction:column;gap:1px;left:4px;position:absolute;top:4px;z-index:2}.compact-card-sticker-img{border-radius:50%;height:16px;margin:0;object-fit:contain;width:16px}.compact-card-keychain{left:24px;position:absolute;top:4px;z-index:2}.compact-card-keychain-img{border-radius:50%;height:16px;object-fit:contain;width:16px}.landing-page{background:var(--main-background);bottom:0;color:var(--text-light);font-family:Montserrat,Arial;height:100vh;left:0;overflow:hidden;position:relative;right:0;top:0;width:100vw}.footer-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease .6s,transform .8s ease .6s}.fixed-section.active .footer-stats-grid{opacity:1;transform:translateY(0)}.footer-stat-card{background:#1e293b80;border:1px solid #64ffda33;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.footer-stat-card:hover{background:#1e293bcc;border-color:#64ffda66;box-shadow:0 10px 30px #64ffda33;transform:translateY(-5px)}.footer-stat-icon,.footer-stat-number{font-size:var(--text-extra-large);margin-bottom:.5rem}.footer-stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#4db8ff);-webkit-background-clip:text;background-clip:text;font-weight:800}.footer-stat-label{color:var(--text-light);font-size:var(--text-small);letter-spacing:1px;text-transform:uppercase}.footer-social-links{display:flex;gap:1.5rem;justify-content:center;opacity:0;transform:translateY(30px);transition:opacity .8s ease .8s,transform .8s ease .8s}.fixed-section.active .footer-social-links{opacity:1;transform:translateY(0)}.footer-social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64ffda1a;border:2px solid #64ffda4d;border-radius:50%;color:#64ffdab3;display:flex;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.footer-social-link:hover{background:#64ffda33;border-color:#64ffda;box-shadow:0 0 20px #64ffda80;color:#64ffda;transform:scale(1.15)}.footer-social-link.twitter:hover{border-color:#1da1f2;box-shadow:0 0 20px #1da1f280;color:#1da1f2}.footer-social-link.discord:hover{border-color:#5865f2;box-shadow:0 0 20px #5865f280;color:#5865f2}@media (max-width:1024px){.feature-content{gap:40px;padding:40px}.feature-content,.feature-section.left .feature-content,.feature-section.right .feature-content{flex-direction:column!important}.feature-image-wrapper,.feature-section.left .feature-image-wrapper,.feature-section.left .feature-text,.feature-text,.fixed-section.active .feature-image-wrapper,.fixed-section.active .feature-text{transform:translateX(0)!important}.feature-title{font-size:var(--text-extra-large)}.feature-description,.feature-title{text-align:center!important}.feature-image{max-width:400px}.section-indicators{right:15px}.indicator{height:10px;width:10px}.card-3d-container{transform:scale(.8) translateY(30px)}.fixed-section.active .card-3d-container{transform:scale(.8) translateY(0)}.stall-3d-container{transform:scale(.5) translateY(30px)}.fixed-section.active .stall-3d-container{transform:scale(.5) translateY(0)}.trade-3d-container{transform:scale(.5) translateY(30px)}.fixed-section.active .trade-3d-container{transform:scale(.5) translateY(0)}}@media (max-width:768px){.hero-section{padding:0}.construction-logo{height:80px}.construction-logo-text{height:20px}.construction-social{flex-direction:column;gap:16px}.construction-social-link{justify-content:center;width:100%}.feature-section{padding:0}.feature-content{align-items:center;flex-direction:row!important;gap:10px;justify-content:center;padding:10px}.footer-section{background:linear-gradient(135deg,#0a192f,#1a2332);padding:0}.feature-image-wrapper,.feature-text{flex:0 0 auto;width:auto}.feature-text{max-width:60%;padding:0 10px}.feature-title{word-wrap:break-word;font-size:var(--text-extra-large);line-height:1.3}.feature-description{font-size:var(--text-medium);line-height:1.5}.footer-content h3{font-size:var(--text-large)}.footer-content p{font-size:var(--text-extra-small)}.footer-stats-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.footer-stat-card{padding:1rem}.footer-stat-icon,.footer-stat-number{font-size:var(--text-extra-large)}.footer-stat-label{font-size:var(--text-small)}.footer-social-links{gap:1rem}.footer-social-link{height:40px;width:40px}.section-indicators{display:none}.footer-social-link svg{height:20px;width:20px}.feature-image-wrapper{transform:scale(.3)!important;transform-origin:center center}.card-3d-container{margin-bottom:0}.card-3d-container,.fixed-section.active .card-3d-container{transform:scale(.8) translateY(0)}.stall-3d-container{margin-left:0}.fixed-section.active .stall-3d-container,.stall-3d-container{transform:scale(.3) translateY(0)}.trade-3d-container{margin:-210px 0;max-width:100%}.fixed-section.active .trade-3d-container,.trade-3d-container{transform:scale(.4) translateY(0);transform-origin:center center}.demo-trade-page{height:700px;width:100%}}.marketplace-root{background:var(--main-background);box-sizing:border-box;color:var(--text-light);display:flex;flex-direction:row;font-family:Montserrat,Arial,Helvetica,sans-serif;gap:1rem;height:calc(100vh - 64px);margin:64px auto 0;max-width:1400px;overflow-x:hidden;overflow:visible;position:relative;width:calc(100% - 2rem);z-index:1}@media (min-width:1400px){.marketplace-root{max-width:none;width:calc(100% - 3rem)}}.slide-in-left{animation:slideInFromLeft .8s ease-out}.fade-in{animation:fadeIn 1s ease-out .2s both}.slide-in-right{animation:slideInFromRight .8s ease-out .4s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.marketplace-sidebar{border-radius:10px;height:calc(100% - 2rem);margin:1rem 0;max-width:calc(20% - .67rem);min-width:calc(20% - .67rem);order:2;width:calc(20% - .67rem);z-index:10}.marketplace-main,.marketplace-sidebar{align-self:flex-start;background:var(--main-background);box-sizing:border-box;color:var(--text-light);display:flex;flex-direction:column;flex-shrink:0}.marketplace-main{height:calc(100% - 1rem);max-width:calc(60% - .66rem);min-width:calc(60% - .66rem);order:3;overflow:hidden;width:calc(60% - .66rem);z-index:1}.marketplace-trade-listings{-ms-overflow-style:none;color:var(--text-light);flex:1 1;overflow-y:auto;padding:0;scrollbar-width:none}.marketplace-chat-column{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;color:var(--text-light);display:flex;flex-direction:column;flex-shrink:0;height:calc(100% - 2rem);margin:1rem 0;max-width:calc(20% - .67rem);min-width:calc(20% - .67rem);order:1;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:calc(20% - .67rem)}.marketplace-chat-column.collapsed{flex-shrink:0;max-width:60px;min-width:60px;width:60px}.marketplace-root:has(.marketplace-chat-column.collapsed) .marketplace-sidebar{max-width:calc(25% - 30px - .67rem);min-width:calc(25% - 30px - .67rem);width:calc(25% - 30px - .67rem)}.marketplace-root:has(.marketplace-chat-column.collapsed) .marketplace-main{max-width:calc(75% - 30px - .66rem);min-width:calc(75% - 30px - .66rem);width:calc(75% - 30px - .66rem)}.chat-toggle-btn{align-items:center;background:#0000;border:none;color:var(--text-light);display:flex;font-size:var(--text-medium);justify-content:center;left:15px;position:absolute;top:15px;z-index:10}.chat-toggle-btn:hover{transform:scale(1.05)}.marketplace-chat-column.collapsed .chat-toggle-btn{left:16px}.marketplace-chat-column .global-chat{border:none;border-radius:0;bottom:0;box-shadow:none;display:flex;flex-direction:column;height:100%;opacity:1;position:relative;right:0;transform:none;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:100%}.marketplace-chat-column.collapsed .global-chat{opacity:0;pointer-events:none;transform:translateX(-20px)}.marketplace-chat-column .global-chat .chat-header{background:var(--secondary-background);border-bottom:1px solid var(--outline);border-radius:10px 10px 0 0;padding-left:50px;padding-right:16px}.marketplace-trade-filters-sidebar{-ms-overflow-style:none;height:100%;overflow-x:visible;overflow-y:auto;position:relative;scrollbar-width:none;width:100%;z-index:20}@media (max-width:1200px){.marketplace-root{width:calc(100% - 1.5rem)}.marketplace-chat-column{max-width:260px;min-width:260px;width:260px}.marketplace-sidebar{min-width:200px;width:280px}}@media (max-width:900px){.marketplace-root{flex-direction:column;height:calc(100vh - 80px);margin-top:80px;overflow-x:hidden;width:calc(100% - 1rem)}.marketplace-chat-column{border-radius:10px;height:250px;max-width:none;order:1}.marketplace-chat-column,.marketplace-sidebar{margin:.5rem;min-width:0;width:calc(100% - 1rem)}.marketplace-sidebar{flex-direction:row;height:auto;order:2}.marketplace-main{flex:1 1;margin:.5rem;order:3;width:calc(100% - 1rem)}.marketplace-chat-column.collapsed{height:60px;width:calc(100% - 1rem)}.chat-toggle-btn{left:50%;top:15px;transform:translateX(-50%)}.marketplace-trade-filters-sidebar{border-radius:10px;margin-right:.5rem;min-width:0;padding:1rem}.marketplace-trade-filters-sidebar .trade-filters{gap:12px}.marketplace-trade-filters-sidebar .trade-filters-header{font-size:var(--text-medium)}.marketplace-trade-filters-sidebar .stall-search-input{font-size:var(--text-medium);padding:10px 40px 10px 12px}}@media (max-width:768px){.marketplace-root{margin:64px auto 0;width:calc(100% - 1rem)}}@media (max-width:480px){.marketplace-root{margin:64px auto 0;width:calc(100% - .5rem)}}.stall-container.premium .stall-player-card{border-radius:14px;position:relative;z-index:2}.stall-list{font-family:Montserrat,Arial,Helvetica,sans-serif;width:100%}.stall-list-root{position:relative}.stall-notification{align-items:center;animation:fadeInDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:var(--text-medium);justify-content:space-between;left:50%;max-width:90%;min-width:300px;padding:12px 20px;position:absolute;top:10px;transform:translateX(-50%);z-index:1000}.stall-notification.info{background-color:#007bff}.stall-notification.error{background-color:#dc3545}.stall-notification span{margin-right:15px}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--text-large);line-height:1;opacity:.8;padding:0 5px;transition:opacity .2s ease}.notification-close:hover{opacity:1}.stall-error-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--outline);border-radius:12px;font-family:Montserrat,Arial,Helvetica,sans-serif;left:50%;max-width:400px;padding:24px;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.stall-error-modal,.stall-error-modal-overlay{background:var(--secondary-background);position:fixed}.stall-error-modal-overlay{height:100%;left:0;top:0;width:100%;z-index:999}.stall-error-modal-title{color:var(--text-light);font-size:var(--text-large);font-weight:700;margin-bottom:12px}.stall-error-modal-text{color:var(--text-light);font-size:var(--text-small);line-height:1.5;margin-bottom:20px}.stall-error-modal-close{background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.stall-error-modal-close:hover{background:var(--secondary-background);border:1px solid var(--outline);transform:translateY(-1px)}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.stall-loading{font-style:italic}.stall-empty,.stall-loading{color:var(--text-light);padding:20px;text-align:center}.stall-container{align-items:flex-start;background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;display:flex;gap:20px;padding:16px;transition:all .3s ease}.stall-container .stall-items-section{flex:1 1;min-width:0;position:relative}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.blocked-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0;z-index:10}.blocked-modal,.blocked-overlay{background:var(--main-background)}.blocked-modal{border:2px solid #e53935;border-radius:10px;box-shadow:0 4px 32px #00000040;color:#fff;max-width:400px;padding:32px 36px;text-align:center}.blocked-modal h2{color:#e53935;margin-top:.5em}.blocked-modal p{color:var(--text-light);margin-top:1em}.stall-items-compact{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr;margin:0 auto;max-width:1400px;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (min-width:1200px){.stall-items-compact{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(750px,1fr))}}@media (min-width:1800px){.stall-items-compact{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}}@media (min-width:2400px){.stall-items-compact{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (min-width:3000px){.stall-items-compact{gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}.stall-container-compact{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;display:flex;flex-direction:row;gap:10px;max-width:100%;min-height:140px;overflow:visible;position:relative;transition:all .3s ease;width:100%}.stall-container-compact.recent{border-color:var(--accent-2);box-shadow:0 0 15px var(--accent-1-background)}.stall-player-card-compact{background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;display:flex;flex-direction:column;gap:6px;height:290px;margin-bottom:10px;margin-left:10px;margin-top:10px;max-width:160px;min-width:160px;padding:8px}.stall-avatar-compact{border:2px solid var(--accent-2);border-radius:50%;flex-shrink:0;height:50px;width:50px}.stall-username-compact{align-items:center;color:var(--accent-2);display:flex;flex-wrap:wrap;font-size:var(--text-small);font-weight:600;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matching-items-indicator{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--accent-1);font-size:var(--text-extra-small);font-weight:500;margin-left:4px;padding:2px 6px;white-space:nowrap}.stall-visit-btn-compact{align-items:center;background:var(--accent-2-background);border:1px solid var(--accent-2);border-radius:6px;color:var(--accent-2);display:flex;flex-shrink:0;font-size:var(--text-small);font-weight:700;height:30px;justify-content:center;transition:all .2s ease;width:160px}.stall-visit-btn-compact:hover{background:var(--accent-2);color:#fff;transform:scale(.9)}.stall-stats-compact{display:flex;gap:6px;justify-content:space-between}.stat-item-compact{align-items:center;background:var(--secondary-background);border:1px solid var(--accent-1-background);border-radius:6px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:4px 6px}.stat-item-compact .stat-value{color:var(--accent-2);font-size:var(--text-small);font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.stat-item-compact .stat-label{color:var(--text-light);font-size:var(--text-extra-small);margin-top:1px}.stall-items-grid-compact{display:block;flex:1 1;flex-shrink:1;left:0;max-width:100%;min-height:145px;min-width:0;min-width:200px;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0 0 5px 8px;position:absolute;right:0;transform:translateY(-4%);transition:width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:100%}.stall-items-grid-compact .compact-inventory-card{align-items:flex-start!important;border:1.5px solid var(--outline)!important;border-radius:5px!important;box-shadow:0 3px 8px #0000004d,0 1px 3px #0003!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important;font-family:Montserrat,Arial,Helvetica,sans-serif!important;height:115px!important;height:var(--card-height,115px)!important;justify-content:flex-end!important;margin:0!important;padding:5px 3px 30px!important;position:absolute!important;transform-origin:center center!important;transition:transform .3s cubic-bezier(.4,0,.2,1),z-index .1s ease,box-shadow .3s ease,border-color .3s ease!important;width:90px!important;width:var(--card-width,90px)!important;z-index:1}.stall-items-grid-compact .compact-inventory-card:hover{border-color:var(--outline)!important;box-shadow:0 12px 30px #00000080,0 4px 15px var(--accent-1-background)#f6ff00!important;transform:scale(1.05) translateY(-5px)!important;transform-origin:center center!important;z-index:100!important}.stall-items-grid-compact .compact-inventory-card .compact-card-info{align-items:flex-start!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;justify-content:flex-end!important;padding-left:1px!important;text-align:left!important;width:100%!important}.stall-items-grid-compact .compact-inventory-card .compact-card-price{color:var(--accent-2)!important;font-size:var(--text-extra-small)!important;font-weight:600!important;margin-bottom:3px!important;margin-top:2px!important}.stall-items-grid-compact .compact-inventory-card:after{bottom:-10px;content:"";left:-15px;pointer-events:all;position:absolute;right:-15px;top:-10px;z-index:-1}.stall-items-grid-compact .compact-inventory-card:before{background:linear-gradient(135deg,#ffffff1a,#64ffda0d);border-radius:6px;bottom:-1px;content:"";left:-1px;opacity:.7;position:absolute;right:-1px;top:-1px;z-index:-1}.stall-items-grid-compact:not(:hover) .compact-inventory-card{transform:translateX(0) translateY(0) scale(1)}.stall-more-items-compact{align-items:center;background:#ffffff1a;background:var(--secondary-background);background:var(--premium-gold-background);border:1px dashed #ffffff4d;border:1px solid var(--premium-gold);border-radius:10px;border-radius:8px;box-sizing:border-box;color:#a0a0a0;color:var(--premium-gold);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-extra-small);font-size:1.1rem;font-weight:500;font-weight:600;height:115px;justify-content:center;margin-left:8px;min-height:90px;opacity:.85;overflow:hidden;padding:2px 8px;position:relative;position:absolute;transition:all .3s ease;transition:background .2s,border .2s,opacity .2s;width:90px;z-index:5;z-index:1}.pattern-filter-indicator{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--accent-1)}.pattern-filter-indicator,.skin-type-filter-indicator{font-size:var(--text-small);font-weight:400;margin-left:8px;padding:2px 8px}.skin-type-filter-indicator{background:#a855f733;border:1px solid #a855f74d;border-radius:8px;color:#a855f7}.stickers-filter-indicator{background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:8px;color:#f59e0b}.charm-filter-indicator,.stickers-filter-indicator{font-size:var(--text-small);font-weight:400;margin-left:8px;padding:2px 8px}.charm-filter-indicator{background:#ab47bc33;border:1px solid #ab47bc4d;border-radius:8px;color:#ab47bc}.rarity-filter-indicator{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--accent-1);font-size:var(--text-small);font-weight:400;margin-left:8px;padding:2px 8px}.compact-inventory-card.search-highlighted:before{background:linear-gradient(45deg,var(--accent-2),var(--accent-1-background),var(--accent-2));border-radius:inherit;bottom:-2px;content:"";filter:blur(4px);left:-2px;opacity:.8;position:absolute;right:-2px;top:-2px;z-index:-1}.stall-items-grid-compact:has(.search-highlighted) .compact-inventory-card:not(.search-highlighted):not(.search-dimmed){filter:grayscale(.2);opacity:.7;transition:all .3s ease}.stall-items-grid-compact:has(.search-highlighted) .compact-inventory-card:not(.search-highlighted):not(.search-dimmed):hover{filter:grayscale(0);opacity:.9}.compact-inventory-card.search-highlighted{animation:filterHighlight .6s ease-out;background:linear-gradient(135deg,#ff6b351a 0,var(--outline) 100%)!important;border-color:var(--accent-2)!important;box-shadow:0 6px 20px var(--accent-2-background),0 3px 12px var(--accent-1),0 0 0 2px var(--accent-2-background)!important;transform:scale(1.05) translateY(-2px)!important;z-index:99!important}.compact-inventory-card.search-highlighted:hover{box-shadow:0 12px 30px var(--accent-2),0 6px 18px var(--accent-1),0 0 0 3px var(--accent-2)!important;transform:scale(1.08) translateY(-3px)!important;z-index:101!important}.compact-inventory-card.search-dimmed{filter:grayscale(.7) brightness(.6);opacity:.3;transition:all .3s ease}.compact-inventory-card.search-dimmed:hover{filter:grayscale(.3) brightness(.8);opacity:.6}.stall-container .stall-player-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;flex-shrink:0;height:304px;justify-content:space-between;margin:auto 0;overflow:hidden;padding:0;transition:all .3s ease;width:204px}.stall-container .stall-player-card .player-info-card{background:#0000;border:none;box-shadow:none;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:space-between!important;padding:0;width:100%!important}.stall-container .stall-player-card .card-background{border-top-left-radius:0!important;border-top-right-radius:0!important;height:65px!important;left:0!important;top:0!important;width:100%!important}.stall-container .stall-player-card .avatar-section{padding:40px 12px 0!important}.stall-container .stall-player-card .stats-section{grid-gap:4px!important;border-bottom:1px solid var(--outline)!important;border-top:1px solid var(--outline)!important;display:grid!important;gap:4px!important;grid-template-columns:1fr 1fr!important;margin:0 12px!important;padding:8px 0!important}.stall-container .stall-player-card .stat-item{background:var(--secondary-background)!important;border:1px solid var(--outline)!important;border-radius:4px!important;padding:3px!important;text-align:center!important}.stall-container .stall-player-card .actions-section{display:flex!important;flex-direction:column!important;gap:4px!important;padding:8px!important}.stall-container .stall-player-card .action-btn{align-items:center!important;border-radius:4px!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;font-size:var(--text-extra-small)!important;justify-content:center!important;min-height:24px!important;padding:4px 6px!important;text-decoration:none!important;transition:all .2s ease!important;white-space:nowrap!important;width:100%!important}.stall-container .stall-player-card .action-btn.primary{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%)!important;border:1px solid var(--accent-1)!important;color:#fff!important}.stall-container .stall-player-card .action-btn.secondary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:1px solid #6366f1!important;color:#fff!important}.stall-container .stall-player-card .action-btn.default{background:var(--main-background)!important;border:1px solid var(--outline)!important;color:var(--text-light)!important}.stall-container .stall-player-card .action-btn:hover:not(:disabled){transform:translateY(-1px)!important}.stall-container .stall-player-card .action-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.stall-container .profile-avatar-section{align-items:center;display:flex;flex-direction:column;padding-top:40px;position:relative;text-align:center}.stall-container .profile-avatar-bg{background-color:#a80931;border-top-left-radius:12px;border-top-right-radius:12px;height:65px;left:-12px;position:absolute;top:-12px;width:calc(100% + 24px);z-index:-1}.stall-container .profile-avatar-text{align-items:center;display:flex;flex-direction:column}.stall-container .profile-avatar-large{border:2px solid #770723;border-radius:50%;box-shadow:0 4px 15px #a809314d;height:60px;margin:-30px 0 0;object-fit:cover;width:60px}.stall-container .profile-username{color:var(--accent-1);font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:700;line-height:1.2;margin:0;max-width:100%;min-height:1.2em;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #0000004d;transition:all .2s ease;white-space:nowrap;word-break:break-word}.stall-container .profile-steamid{color:var(--text-light);flex-shrink:0;font-size:var(--text-extra-small);margin:1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stall-container .matching-items-indicator{background:var(--accent-1-background);border:1px solid var(--accent-2);border-radius:8px;color:var(--accent-2);font-size:var(--text-extra-small);font-weight:600;margin-top:3px;padding:2px 4px}.stall-container .profile-pins-section{margin-bottom:8px;margin-top:-15px}.stall-container .profile-stats-section{grid-gap:6px;border-bottom:1px solid var(--outline);border-top:1px solid var(--outline);display:grid;gap:6px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:-20px;padding:8px}.stall-container .profile-stat-item{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding:6px;text-align:center}.stall-container .stat-value{color:var(--accent-2);display:block;font-size:var(--text-extra-small);font-weight:700;margin-bottom:2px}.stall-container .stat-label{color:var(--text-light);font-size:var(--text-extra-small);letter-spacing:.3px;text-transform:uppercase}.stall-container .profile-actions-section{display:flex;flex-shrink:0;gap:3px;margin-top:4px}.stall-container .profile-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:var(--text-extra-small);font-weight:600;gap:2px;justify-content:center;min-height:24px;padding:4px 6px;text-decoration:none;transition:all .3s ease}.stall-container .profile-action-btn.visit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.stall-container .profile-action-btn.visit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.stall-container .profile-action-btn.steam-btn{display:none}.stall-container .profile-action-btn.steam-btn:hover{background:linear-gradient(135deg,#2a475e,#1b2838);box-shadow:0 4px 12px #1b283866;transform:translateY(-1px)}.stall-container .profile-pins-medals{align-items:center;display:flex;justify-content:flex-start;margin-top:6px;min-height:24px;position:relative;width:100%}.stall-container .profile-pins-medals.overlapping-layout{height:24px;left:50%;margin:0;position:absolute;top:6px;transform:translateX(-50%);width:auto}.stall-container .profile-pins-medals.grid-layout{display:flex;flex-wrap:nowrap;gap:0;justify-content:flex-start;overflow-x:visible;padding:0 2px;width:auto}.stall-container .more-text{color:var(--accent-1);font-size:var(--text-extra-small);font-weight:600}@media (max-width:1200px){.stall-container .profile-username{font-size:clamp(.75rem,2vw,1rem)}}@media (max-width:768px){.stall-container .profile-username{font-size:clamp(.7rem,1.8vw,.95rem)}}.stall-container .stall-player-card{container-type:inline-size}.stall-container .profile-username{font-size:clamp(.65rem,3cqw,.8rem)}.inventory-header-with-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.inventory-grid-compact{grid-gap:5px;-ms-overflow-style:none;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));height:-webkit-fit-content;height:fit-content;justify-content:center;padding:5px;scrollbar-width:none}.inventory-grid-compact::-webkit-scrollbar{display:none}.inventory-grid-card-style{grid-gap:10px;-ms-overflow-style:none;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:center;min-height:0;overflow-x:hidden;scrollbar-width:none}.inventory-grid-card-style::-webkit-scrollbar{display:none}@media (max-width:1400px){.inventory-grid-compact{gap:1px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}@media (max-width:1200px){.inventory-grid-compact{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}}@media (max-width:768px){.inventory-grid-compact{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:3px}.inventory-grid-card-style{gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.inventory-grid-compact{gap:1px;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));padding:2px}.inventory-grid-card-style{gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.inventory-loading{font-family:Montserrat,Arial,Helvetica,sans-serif;gap:12px;padding:40px 20px}.inventory-loading,.inventory-search-input,.inventory-sort-select{align-items:center;color:var(--accent-1);display:flex;font-weight:500;justify-content:center}.inventory-search-input,.inventory-sort-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;box-shadow:0 4px 15px #0003;font-size:var(--text-medium);outline:none;padding:8px 16px;transition:all .3s ease}.inventory-search-input:focus,.inventory-sort-select:focus{background:var(--secondary-background);border-color:var(--accent-1);box-shadow:0 4px 20px var(--accent-1-background)}.inventory-search{align-items:center;background:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;height:auto;justify-content:flex-start;min-height:48px;position:relative;width:100%;z-index:2}.inventory-search-input{flex:1 1 220px;max-width:320px;min-width:180px}.inventory-sort-select{flex:0 1 180px;max-width:200px;min-width:140px}@media (max-width:900px){.inventory-search{align-items:stretch;flex-direction:column;gap:10px;min-height:0;min-height:auto;padding:0 8px}.inventory-search-input,.inventory-sort-select{max-width:100%;min-width:0;width:100%}}.inventory-header{color:var(--accent-1);font-size:var(--text-large);text-align:left}.inventory-header,.inventory-total-value{font-weight:600;margin:8px 0;text-shadow:0 2px 4px #0000004d}.inventory-total-value{color:var(--accent-2);font-size:var(--text-medium);text-align:right}.inventory-lock-icon{align-items:center;display:flex;height:22px;justify-content:center;pointer-events:none;position:absolute;right:8px;top:8px;width:22px;z-index:3}.inventory-fav-star-btn{background:none;border:none;left:75px;padding:0;position:absolute;top:0;transition:transform .1s;z-index:4}.inventory-fav-star-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.inventory-fav-star-btn.fav svg{fill:#fff;stroke:#fff}.inventory-fav-star-btn:not(.fav):hover svg{stroke:#fff;fill:#fff;opacity:.85;transform:scale(1.08)}.empty-card{background:#0000!important;border:none!important;box-shadow:none!important;pointer-events:none}.inventory-loading-more{align-items:center;animation:pulse 2s infinite;color:var(--accent-1);display:flex;font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:500;gap:10px;justify-content:center;padding:20px}.loading-spinner{border-top:2px solid var(--outline);border:2px solid var(--outline);height:20px;width:20px}.inventory-all-loaded{color:#4ade80;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:var(--text-medium);font-weight:500;opacity:.8;padding:15px;text-align:center}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.price-loading{opacity:.7}.price-loading-dots{animation:dots 1.5s infinite;font-weight:700}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.no-price-item{color:var(--text-light);font-weight:400;opacity:.6}.inventory-card-disabled{filter:grayscale(.7);opacity:.5;pointer-events:none;position:relative}.in-trade-tag{font-sze:var(--text-small);background:#e53935;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;font-weight:700;letter-spacing:.5px;padding:2px 8px;position:absolute;right:8px;top:8px;z-index:2}.traded-overlay{align-items:center;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:#1e1e1e8c;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0;z-index:10}.traded-text{font-sze:var(--text-large);-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e53935,#ffb347);-webkit-background-clip:text;background-clip:text;color:#fff;font-weight:700;letter-spacing:2px;text-shadow:0 2px 8px #000,0 0 2px #e53935}.inventory-item-wrapper{animation:fadeInUp .5s forwards;display:flex;flex-direction:column;opacity:0;position:relative;transform:translateY(20px);will-change:opacity,transform}.inventory-stall-button-wrapper{bottom:8px;left:4px;position:absolute;right:4px;z-index:5}.compact-card-btn{align-items:center;background:#0000;border:1px solid var(--outline);border-radius:6px;box-sizing:border-box;color:var(--text-light);display:flex;font-size:var(--text-medium);font-weight:500;gap:6px;height:25px;justify-content:center;margin:0 auto;padding:8px 16px;text-align:center;transition:all .2s ease;width:95%}.compact-card-btn:hover{background:var(--accent-1-background-dark);border-color:var(--accent-1-background);color:var(--accent-1);transform:translateY(-1px)}.inventory-grid-compact .inventory-stall-button-wrapper{bottom:4px;right:4px}.inventory-grid-container{box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 120px);max-width:100vw;overflow:hidden;width:100%}.inventory-grid-card-style,.inventory-grid-compact{box-sizing:border-box;flex:1 1;max-width:100%;width:110%}.inventory-section{flex-direction:column;max-height:calc(100vh - 100px)}.inventory-content,.inventory-section{display:flex;height:-webkit-fit-content;height:fit-content;overflow:hidden}.inventory-content{flex:1 1;flex-direction:column}@media (max-width:768px){.inventory-section{max-height:calc(100vh - 80px)}.inventory-grid-compact{max-height:calc(100vh - 180px)}.inventory-grid-card-style{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width:480px){.inventory-section{max-height:calc(100vh - 60px)}.inventory-grid-compact{max-height:calc(100vh - 150px)}.inventory-grid-card-style{max-height:calc(100vh - 170px)}}.global-chat{border-radius:12px;bottom:20px;display:flex;flex-direction:column;height:500px;position:fixed;right:20px;transform:translateY(calc(100% + 20px));transition:transform .3s ease-in-out;width:400px;z-index:1000}.global-chat.visible{transform:translateY(0)}.chat-header{border-radius:10px 10px 0 0;color:var(--text-light);min-height:60px;padding:16px}.chat-header h3{font-size:var(--text-medium);font-weight:600;margin:0}.chat-status{align-items:center;display:flex;gap:6px}.status-dot{background:#ef4444;border-radius:50%;height:8px;width:8px}.status-dot.connected{background:#10b981}.status-dot.guest{background:#f59e0b}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-light);display:flex;font-size:var(--text-extra-large);height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.chat-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-login-prompt{align-items:center;color:var(--text-light);display:flex;height:100%;justify-content:center;padding:20px;text-align:center}.chat-login-prompt-bottom{align-items:center;border-radius:0 0 12px 12px;display:flex;flex-direction:column;gap:12px;padding:16px}.chat-login-prompt-bottom p{color:var(--text-light);font-size:var(--text-medium);margin:0}.login-btn{background:var(--accent-1);border:none;border-radius:6px;color:var(--text-dark);font-size:var(--text-medium);font-weight:500;padding:8px 16px;transition:opacity .2s}.login-btn:hover{opacity:.9}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:16px}.loading{align-items:center;color:var(--text-light);display:flex;height:100%;justify-content:center}.message-day-group{display:flex;flex-direction:column;gap:8px}.date-separator{align-items:center;display:flex;justify-content:center;margin:16px 0 8px}.date-separator span{border-radius:12px;color:var(--text-light);font-size:var(--text-small);font-weight:500;padding:4px 12px}.message{border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px;position:relative;transition:background-color .2s}.message.own-message,.message.own-message:hover{background:var(--text-light)}.avatar-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.avatar{border-radius:50%;display:block;height:24px;object-fit:cover;width:24px}.avatar-wrapper.border-premium-gold{background:linear-gradient(135deg,gold,orange);padding:2px}.avatar-wrapper.border-premium-diamond{background:linear-gradient(135deg,#b9f2ff,#7dd3fc,#b9f2ff);padding:2px}.avatar-wrapper.border-premium-rainbow{animation:rainbow-rotate 3s linear infinite;background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);padding:2px}.avatar-wrapper.border-fire{animation:fire-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff4500,tomato,#ff4500);padding:2px}@keyframes fire-pulse{0%,to{box-shadow:0 0 5px #ff450080}50%{box-shadow:0 0 15px #ff4500cc}}.avatar-wrapper.border-neon-blue{background:linear-gradient(135deg,#00d4ff,#09f);box-shadow:0 0 10px #00d4ff80;padding:2px}.avatar-wrapper.border-neon-pink{background:linear-gradient(135deg,#ff1493,#ff69b4);box-shadow:0 0 10px #ff149380;padding:2px}.avatar-wrapper.border-toxic-green{background:linear-gradient(135deg,#39ff14,#0f0);box-shadow:0 0 10px #39ff1480;padding:2px}.username{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.username.clickable{cursor:pointer}.username.premium{align-items:center;display:inline-flex;gap:4px;max-width:150px}.username.premium>span:first-child{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-badge-chat{animation:premiumBadgePulseChat 2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:var(--text-small)}@keyframes premiumBadgePulseChat{0%,to{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform:scale(1)}50%{filter:drop-shadow(0 2px 4px rgba(255,215,0,.5));transform:scale(1.1)}}.message-input-form input{border-radius:8px;font-size:var(--text-medium);outline:none;padding:10px 45px 10px 12px;transition:border-color .2s;width:100%}.messages-container::-webkit-scrollbar{width:0}@media (max-width:768px){.global-chat{left:20px;right:20px;width:calc(100vw - 40px)}}.global-chat.embedded{background:var(--main-background);border:none;border-radius:0;box-shadow:none;height:100%;position:static;transform:none;width:100%}.global-chat.embedded .chat-header{align-items:center;border-bottom:1px solid var(--outline);color:var(--text-light);display:flex;justify-content:space-between;min-height:30px;padding:8px 16px}.global-chat.embedded .chat-content,.global-chat.embedded .chat-header{background:var(--secondary-background)}.global-chat.embedded .messages-container{background:#0000;color:var(--text-light);gap:6px;padding:12px}.global-chat.embedded .message{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;margin-bottom:4px;padding:8px 10px}.global-chat.embedded .message:hover{transform:translateY(-1px)}.global-chat.embedded .message.own-message .username{color:var(--accent-2)}.global-chat.embedded .message.own-message .message-content{border:none;color:var(--text-light);font-weight:500}.global-chat.embedded .username{color:var(--accent-1);font-size:var(--text-small);font-weight:600}.global-chat.embedded .message-content,.global-chat.embedded .timestamp{color:var(--text-light);font-size:var(--text-small)}.global-chat.embedded .message-content{line-height:1.3;padding-left:0;padding-top:2px}.global-chat.embedded .message-input-form{background:var(--secondary-background);border-top:1px solid var(--outline);padding:12px}.global-chat.embedded .input-container{align-items:center;display:flex;position:relative}.global-chat.embedded .message-input-form input{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--text-light);font-size:var(--text-medium);padding:10px 45px 10px 12px;width:100%}.global-chat.embedded .message-input-form input::placeholder{color:var(--text-light)}.global-chat.embedded .message-input-form input:focus{border-color:var(--accent-1)}.global-chat.embedded .send-button{align-items:center;background:var(--accent-1);border:1px solid var(--outline);border-radius:6px;color:var(--text-dark);display:flex;font-size:var(--text-medium);font-weight:600;height:32px;justify-content:center;position:absolute;right:6px;transition:all .2s ease;width:32px}.global-chat.embedded .send-button:disabled{cursor:not-allowed;opacity:.5}.global-chat.embedded .send-button:not(:disabled):hover{background:var(--accent-1);border-color:var(--outline);box-shadow:0 4px 12px var(--outline);transform:scale(1.05)}.global-chat.embedded .send-button:not(:disabled):active{transform:scale(.95)}.global-chat.embedded .chat-login-prompt{background:#0000;color:var(--text-light)}.global-chat.embedded .chat-login-prompt-bottom{background:var(--secondary-background);border-top:1px solid var(--outline)}.global-chat.embedded .chat-login-prompt-bottom p{color:var(--text-light)}.global-chat.embedded .date-separator span,.global-chat.embedded .reaction{background:var(--secondary-background);border:1px solid var(--outline);color:var(--text-light)}.global-chat.embedded .reaction:hover{background:var(--secondary-background);border-color:var(--outline)}.global-chat.embedded .reaction.own-reaction{background:var(--secondary-background);border-color:var(--accent-1);color:var(--accent-1)}.global-chat.embedded .quick-reactions{background:var(--secondary-background);border:1px solid var(--outline)}.global-chat.embedded .reaction-btn:hover{background:#64ffda33}.global-chat.embedded .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-light);display:flex;font-size:var(--text-medium);height:24px;justify-content:center;padding:4px;transition:all .2s;width:24px}.global-chat.embedded .close-btn:hover{background:var(--secondary-background);color:var(--accent-1)}.message-enter{animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateX(-20px) scale(.95)}50%{transform:translateX(5px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}.message.own-message.message-enter{animation:messageSlideInRight .4s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideInRight{0%{opacity:0;transform:translateX(20px) scale(.95)}50%{transform:translateX(-5px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}.chat-hover-preview{animation:hoverPreviewFadeIn .2s ease-out;filter:drop-shadow(0 8px 32px rgba(0,0,0,.4))}@keyframes hoverPreviewFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-hover-preview .player-info-card{pointer-events:none}.chat-hover-preview .player-info-card .action-btn{margin-top:10px}.trade-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;font-family:Montserrat,Arial,Helvetica,sans-serif;max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;padding:12px;width:100%}.trade-filters-inside{padding:6px}.trade-filters-header{align-items:center;color:var(--accent-2);display:flex;flex-shrink:0;font-size:var(--text-small);font-weight:600;gap:6px;white-space:nowrap}.filters-icon{font-size:var(--text-medium)}.filters-title{font-weight:600}.search-container{border-bottom:1px solid var(--outline);margin-bottom:16px;padding-bottom:16px;position:relative;width:100%}.stall-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;box-sizing:border-box;color:var(--text-light);font-size:var(--text-small);max-width:100%;min-width:0;padding:8px 35px 8px 12px;transition:all .2s ease;width:100%}.stall-search-input:focus{background:var(--secondary-background);border-color:var(--accent-2);outline:none}.stall-search-input::placeholder{color:var(--text-light)}.search-clear-btn{font-size:var(--text-small);height:18px;padding:3px;right:8px;top:50%;transform:translateY(-100%);width:18px}.search-clear-btn:hover{background:var(--accent-2-background-dark)}.search-loading{align-items:center;display:flex;justify-content:center;position:absolute;right:45px;top:50%;transform:translateY(-95%)}.search-spinner{border-top:2px solid var(--outline);border:2px solid var(--outline);border-top-color:var(--accent-1)}.suggestions-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;border-top:none;border-top-left-radius:0;border-top-right-radius:0;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{align-items:center;border-bottom:1px solid var(--outline);display:flex;padding:12px 16px;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item.selected,.suggestion-item:hover{background:var(--outline);border-left:3px solid var(--accent-1);padding-left:13px}.suggestion-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--text-medium);height:24px;justify-content:center;margin-right:12px;position:relative;width:32px}.suggestion-image{background:var(--secondary-background);border-radius:3px;height:24px;object-fit:contain;transition:opacity .2s ease;width:32px}.suggestion-image:not([src]),.suggestion-image[src=""]{opacity:0}.suggestion-fallback-icon{display:block;font-size:var(--text-medium)}.suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.suggestion-text{color:var(--text-light);font-size:var(--text-medium);font-weight:500}.suggestion-weapon-type{color:var(--text-light);font-size:var(--text-small);font-style:italic}.suggestion-type-badge{background:var(--accent-2-background-dark);border-radius:8px;color:var(--accent-2);flex-shrink:0;font-size:var(--text-extra-small);font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.suggestion-item.selected .suggestion-type-badge{background:var(--outline);color:var(--accent-1)}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:var(--secondary-background);border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb{display:none;width:0}.float-filters-section{border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:12px;padding:16px 0}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filter-header h4{font-sze:var(--text-small);color:var(--accent-1);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.reset-filters-btn{background:#0000;border:1px solid var(--accent-2);border-radius:3px;color:var(--accent-2);font-size:var(--text-extra-small);padding:3px 6px;transition:all .2s ease}.reset-filters-btn:hover{background:var(--accent-2-background-dark)}.wear-presets{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(45px,1fr));margin-bottom:12px}.wear-preset-btn{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:3px;color:var(--text-light);display:flex;font-size:var(--text-extra-small);font-weight:600;justify-content:center;min-height:28px;padding:6px 3px;position:relative;text-align:center;transition:all .2s ease}.wear-preset-btn:hover{background:var(--accent-1-background-dark);border-color:var(--accent-1);transform:translateY(-1px)}.wear-preset-btn.active{background:var(--accent-1-background);border-color:var(--accent-1);box-shadow:0 0 8px var(--accent-1-background);color:var(--accent-1)}.wear-preset-btn.active:after{background:var(--accent-1);border-radius:50%;content:"";height:8px;position:absolute;right:-2px;top:-2px;width:8px}.float-inputs{display:flex;gap:12px;margin-bottom:12px}.float-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.float-input-group label{color:var(--text-light);font-size:var(--text-extra-small);font-weight:500}.float-input{border:1px solid var(--outline);border-radius:3px;color:var(--text-light);font-size:var(--text-small);padding:5px 6px;position:relative;transition:all .2s ease}.float-input,.float-input:focus{background:var(--secondary-background)}.float-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 1px #64b5f633;outline:none}.float-input:invalid{border-color:#ff6b6b}.float-input:invalid:focus{border-color:#ff6b6b;box-shadow:0 0 0 1px #ff6b6b33}.float-input.validated{animation:validated-pulse .3s ease}@keyframes validated-pulse{0%{border-color:#4caf50;box-shadow:0 0 0 1px #4caf504d}to{border-color:var(--outline);box-shadow:none}}.float-slider-container{height:50px;margin-bottom:6px;margin-left:auto;margin-right:auto;padding:0 5px;position:relative;width:95%}.float-slider-track{background:#0000;border:2px solid var(--outline);border-radius:5px;height:10px;left:10px;overflow:hidden;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.wear-zone{border-radius:0;height:100%;position:absolute;top:0}.wear-zone.factory-new{background:green;border-bottom-left-radius:5px;border-top-left-radius:5px;left:0;width:7%}.wear-zone.minimal-wear{background:#18a518;left:7%;width:8%}.wear-zone.field-tested{background:#9acd32;left:15%;width:23%}.wear-zone.well-worn{background:#cd5c5c;left:38%;width:7%}.wear-zone.battle-scarred{background:#f92424;border-bottom-right-radius:5px;border-top-right-radius:5px;left:45%;width:55%}.float-slider-selection{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;border:2px solid #fff9;border-radius:7px;box-shadow:0 2px 6px #0000004d;height:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.float-slider{-webkit-appearance:none;appearance:none;background:#0000;border-radius:7px;height:14px;outline:none;pointer-events:none;position:absolute;top:50%;transform:translateY(-60%);width:100%;z-index:2}.float-slider::-webkit-slider-track{background:#0000;border-radius:7px;height:14px;pointer-events:none}.float-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #2196f3;border-radius:50%;box-shadow:0 3px 8px #0006;height:20px;margin-left:-10px;margin-right:-10px;pointer-events:auto;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.float-slider-min::-webkit-slider-thumb{border-color:#4caf50}.float-slider-max::-webkit-slider-thumb{border-color:#ff5722}.float-slider::-webkit-slider-thumb:active{box-shadow:0 2px 6px #0009;transform:scale(1.02)}.float-slider::-moz-range-track{background:#0000;border:none;border-radius:7px;height:14px;pointer-events:none}.float-slider::-moz-range-thumb{background:#fff;border:2px solid #2196f3;border-radius:50%;box-shadow:0 3px 8px #0006;height:20px;margin-left:-10px;margin-right:-10px;pointer-events:auto;width:20px}.float-slider-min::-moz-range-thumb{border-color:#4caf50}.float-slider-max::-moz-range-thumb{border-color:#ff5722}.float-slider-min{z-index:3}.float-slider-max{z-index:4}.float-slider-max.active,.float-slider-min.active{z-index:5}.wear-zones-legend{height:16px;left:0;margin-top:4px;position:absolute;right:0;top:100%}.wear-zone-label{font-sze:var(--text-extra-small);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;border-radius:8px;font-weight:700;opacity:.9;padding:1px 4px;position:absolute;text-align:center;transform:translateX(-50%);transition:all .2s ease}.wear-zone-label:hover{opacity:1;transform:translateX(-50%) scale(1.1)}.float-range-display{background:var(--secondary-background);border:1px solid var(--outline);border-radius:3px;color:var(--text-light);font-size:var(--text-extra-small);font-weight:500;margin-top:6px;padding:3px 6px;text-align:center}.pattern-filter-section{border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:12px;padding:16px 0}.pattern-input-container{align-items:center;display:flex;position:relative}.pattern-filter-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);font-size:var(--text-small);padding:6px 30px 6px 10px;transition:all .2s ease;width:100%}.pattern-filter-input:focus{background:var(--accent-1-background);border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2-background-dark);outline:none}.pattern-clear-btn,.pattern-filter-input::placeholder{color:var(--text-light);font-size:var(--text-small)}.pattern-clear-btn{align-items:center;background:none;border:none;border-radius:50%;display:flex;height:18px;justify-content:center;padding:3px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:18px}.pattern-clear-btn:hover{background:var(--accent-2-background-dark);color:var(--accent-2)}.pattern-preview{background:var(--accent-1-background);border-left:2px solid var(--accent-1);border-radius:4px;color:var(--accent-1);font-size:var(--text-small);margin-top:4px;padding:4px 8px}.skin-type-filter-section{border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:16px;padding:24px 0}.skin-type-toggles{display:flex;flex-wrap:wrap;gap:12px}.skin-type-toggle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;color:var(--text-light);flex:1 1;font-size:var(--text-small);font-weight:500;min-width:70px;padding:8px 12px;text-align:center;transition:all .2s ease}.skin-type-toggle:hover{transform:translateY(-1px)}.skin-type-toggle.active,.skin-type-toggle:hover{background:var(--accent-1-background);border-color:var(--accent-1)}.skin-type-preview,.skin-type-toggle.active{color:var(--accent-1)}.skin-type-preview{background:var(--accent-1-background);border-left:2px solid var(--accent-1);border-radius:4px;font-size:var(--text-small);margin-top:4px;padding:4px 8px;text-align:center}.stickers-filter-section{border-bottom:1px solid var(--outline);display:flex;flex-direction:column;gap:16px;padding:24px 0;position:relative}.stickers-dropdown-toggle{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);display:flex;font-size:var(--text-small);height:24px;justify-content:center;min-width:24px;padding:4px 8px;transition:all .2s ease}.stickers-dropdown-toggle.open,.stickers-dropdown-toggle:hover{background:var(--accent-1-background);border-color:var(--accent-1)}.stickers-dropdown-toggle.open{color:var(--accent-1)}.stickers-dropdown-content{background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:12px}.sticker-input-group{display:flex;flex-direction:column;gap:6px;position:relative}.sticker-input-group label{color:var(--text-light);font-size:var(--text-small);font-weight:500}.sticker-input-container{align-items:center;display:flex;position:relative}.sticker-input{background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);font-size:var(--text-small);padding:6px 30px 6px 8px;transition:all .2s ease;width:100%}.sticker-input:focus{background:var(--accent-1-background);border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2-background-dark);outline:none}.sticker-input::placeholder{color:var(--text-light);font-size:var(--text-small)}.sticker-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);display:flex;font-size:var(--text-extra-small);height:16px;justify-content:center;padding:2px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:16px}.sticker-clear-btn:hover{background:var(--accent-2-background-dark);color:var(--accent-2)}.sticker-suggestions-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.sticker-suggestion-item{align-items:center;border-bottom:1px solid var(--outline);display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.sticker-suggestion-item:last-child{border-bottom:none}.sticker-suggestion-item.selected,.sticker-suggestion-item:hover{background:var(--accent-2-background-dark)}.sticker-suggestion-text{color:var(--text-light);flex:1 1;font-size:var(--text-small)}.sticker-suggestion-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sticker-suggestion-image{background:var(--outline);border-radius:2px;height:20px;object-fit:contain;width:20px}.sticker-suggestion-fallback-icon{align-items:center;display:flex;font-size:var(--text-medium);justify-content:center}.sticker-suggestion-content{align-items:center;display:flex;flex:1 1;gap:8px}.sticker-suggestion-badge{border-radius:10px;font-size:var(--text-extra-small);font-weight:500;padding:2px 6px}.sticker-suggestion-badge,.stickers-preview{background:var(--accent-1-background);color:var(--accent-1)}.stickers-preview{border-left:2px solid var(--accent-1);border-radius:4px;font-size:var(--text-small);margin-top:4px;padding:6px 8px}@media (max-width:900px){.trade-filters{align-items:stretch;flex-direction:column;gap:12px;height:auto;min-width:0;padding:12px 1rem}.trade-filters-header{justify-content:center}.search-container{max-width:none;min-width:0}.stall-search-input{min-width:0}.suggestions-dropdown{max-height:250px}.suggestion-item{padding:10px 12px}.suggestion-text{font-size:var(--text-small)}.float-filters-section{margin-top:16px;padding-top:16px}.wear-presets{grid-template-columns:repeat(3,1fr)}.float-inputs{flex-direction:column;gap:8px}.pattern-filter-section,.skin-type-filter-section,.stickers-filter-section{gap:6px;padding:8px}}@media (max-width:768px){.trade-filters{padding:8px .75rem}.stall-search-input{font-size:var(--text-small);padding:8px 35px 8px 12px}.suggestions-dropdown{max-height:200px}.suggestion-item{padding:8px 10px}.suggestion-icon{font-size:var(--text-medium);margin-right:10px}.suggestion-icon,.suggestion-image{height:20px;width:28px}.suggestion-fallback-icon{font-size:var(--text-medium)}.suggestion-text,.suggestion-weapon-type{font-size:var(--text-small)}.wear-presets{grid-template-columns:repeat(2,1fr)}.wear-preset-btn{font-size:var(--text-extra-small);min-height:28px;padding:6px 4px}.float-input{font-size:var(--text-small);padding:5px 6px}.float-slider-container{height:50px}.float-slider::-webkit-slider-thumb{border:2px solid #2196f3;height:20px;width:20px}.wear-zone-label{font-sze:var(--text-extra-small);padding:1px 4px}.float-range-display{font-size:var(--text-extra-small);padding:3px 6px}.pattern-filter-input{padding:6px 32px 6px 10px}.pattern-filter-input,.pattern-filter-input::placeholder,.skin-type-toggle{font-size:var(--text-small)}.skin-type-toggle{min-width:60px;padding:6px 8px}.skin-type-preview{font-size:var(--text-extra-small)}}@media (max-width:480px){.trade-filters{padding:8px .5rem}.stall-search-input{font-size:var(--text-small);padding:8px 32px 8px 10px}.search-clear-btn{font-size:var(--text-extra-small);height:18px;right:8px;width:18px}.search-loading{right:35px}.search-spinner{height:14px;width:14px}.suggestions-dropdown{max-height:150px}.suggestion-item{padding:6px 8px}.suggestion-icon{font-size:var(--text-small);margin-right:8px}.suggestion-icon,.suggestion-image{height:18px;width:24px}.suggestion-fallback-icon,.suggestion-text{font-size:var(--text-small)}.suggestion-type-badge,.suggestion-weapon-type{font-size:var(--text-extra-small)}.suggestion-type-badge{padding:1px 6px}.float-filters-section{margin-top:12px;padding-top:12px}.filter-header h4{font-size:var(--text-small)}.reset-filters-btn{font-size:var(--text-extra-small);padding:3px 6px}.wear-presets{gap:4px}.wear-preset-btn{font-sze:var(--text-extra-small);min-height:26px}.float-input-group label{font-size:var(--text-extra-small)}.float-slider-container{height:45px}.float-slider::-webkit-slider-thumb{border:2px solid #2196f3;height:18px;width:18px}.wear-zone-label{font-size:var(--text-extra-small);padding:1px 3px}}.charm-filter-section{display:flex;flex-direction:column;gap:16px;padding:24px 0 0;position:relative}.charm-dropdown-toggle{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);display:flex;font-size:var(--text-small);height:24px;justify-content:center;min-width:24px;padding:4px 8px;transition:all .2s ease}.charm-dropdown-toggle.open,.charm-dropdown-toggle:hover{background:var(--accent-1-background);border-color:var(--accent-1)}.charm-dropdown-toggle.open{color:var(--accent-1)}.charm-dropdown-content{background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:12px}.charm-input-group{display:flex;flex-direction:column;gap:6px;position:relative}.charm-input-group label{color:var(--text-light);font-size:var(--text-small);font-weight:500}.charm-input-container{align-items:center;display:flex;position:relative}.charm-input{background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);font-size:var(--text-small);padding:6px 30px 6px 8px;transition:all .2s ease;width:100%}.charm-input:focus{background:var(--accent-1-background);border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2-background-dark);outline:none}.charm-input::placeholder{color:var(--text-light);font-size:var(--text-small)}.charm-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);display:flex;font-size:var(--text-extra-small);height:16px;justify-content:center;padding:2px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:16px}.charm-clear-btn:hover{background:var(--accent-2-background-dark);color:var(--accent-2)}.charm-suggestions-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.charm-suggestion-item{align-items:center;border-bottom:1px solid var(--outline);display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.charm-suggestion-item:last-child{border-bottom:none}.charm-suggestion-item.selected,.charm-suggestion-item:hover{background:var(--accent-2-background-dark)}.charm-suggestion-text{color:var(--text-light);flex:1 1;font-size:var(--text-small)}.charm-suggestion-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.charm-suggestion-image{background:var(--outline);border-radius:2px;height:20px;object-fit:contain;width:20px}.charm-suggestion-fallback-icon{align-items:center;display:flex;font-size:var(--text-medium);justify-content:center}.charm-suggestion-content{align-items:center;display:flex;flex:1 1;gap:8px}.charm-suggestion-badge{background:#9c27b04d;border-radius:10px;color:#ab47bc;font-size:var(--text-extra-small);font-weight:500;padding:2px 6px}.charm-pattern-group{display:flex;flex-direction:column;gap:4px;position:relative}.charm-pattern-group label{color:var(--text-light);font-size:var(--text-small);font-weight:500}.charm-pattern-container{align-items:center;display:flex;position:relative}.charm-pattern-input{background:var(--secondary-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);font-size:var(--text-small);padding:6px 30px 6px 8px;transition:all .2s ease;width:100%}.charm-pattern-input:focus{background:var(--accent-1-background);border-color:var(--accent-2);box-shadow:0 0 0 2px var(--accent-2-background-dark);outline:none}.charm-pattern-input::placeholder{color:var(--text-light);font-size:var(--text-small)}.charm-pattern-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);display:flex;font-size:var(--text-extra-small);height:16px;justify-content:center;padding:2px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:16px}.charm-pattern-clear-btn:hover{background:var(--accent-2-background-dark);color:var(--accent-2)}.charm-preview{background:#9c27b01a;border-left:2px solid #ab47bc;border-radius:4px;color:#ab47bc;font-size:var(--text-small);margin-top:4px;padding:6px 8px}.rarity-filter-section{border-bottom:1px solid var(--outline);padding:24px 0}.rarity-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px}.rarity-toggle{background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;color:var(--text-light);font-size:var(--text-small);font-weight:500;overflow:hidden;padding:8px 10px;position:relative;text-align:center;transition:all .2s ease}.rarity-toggle:before{background:linear-gradient(90deg,#0000,#666,#0000);background:linear-gradient(90deg,#0000,var(--rarity-color,#666),#0000);border:2px solid var(--secondary-background);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:0}.rarity-toggle:hover:before{opacity:.1}.rarity-toggle.active:before{opacity:.2}.rarity-toggle:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.rarity-toggle.active,.rarity-toggle:hover{border-color:#666;border-color:var(--rarity-color,#666);color:#fff}.rarity-toggle.active{background:var(--accent-1-background);box-shadow:0 0 8px #0000004d}.rarity-toggle .rarity-name{font-weight:600;position:relative;z-index:1}.clear-rarity-btn{background:none;border:1px solid #ff6b354d;border-radius:4px;color:var(--accent-2);font-size:var(--text-extra-small);padding:4px 8px;transition:all .2s ease}.clear-rarity-btn:hover{background:var(--accent-2-background-dark);border-color:var(--accent-2)}.rarity-preview{background:var(--outline);border-left:2px solid var(--accent-1);border-radius:4px;color:var(--accent-1);font-size:var(--text-small);margin-top:8px;max-height:60px;overflow-y:auto;padding:6px 8px}@media (max-width:768px){.rarity-grid{gap:4px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.rarity-toggle{font-size:var(--text-extra-small);padding:6px 8px}}.community-pricing-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.cta-btn.primary{background:var(--accent-1);border:none;border-radius:8px;color:var(--text-dark);font-size:var(--text-large);font-weight:600;letter-spacing:1px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.cta-btn.primary:hover{background:var(--accent-1);box-shadow:0 10px 20px var(--accent-1-background);scale:1.05}.premium-modal-backdrop{align-items:center;background:#0a192fd9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.premium-modal{background:var(--secondary-background);border:2px solid var(--accent-1);border-radius:16px;box-shadow:0 8px 40px #00000059;color:var(--text-light);display:flex;flex-direction:column;gap:18px;max-width:95vw;min-width:320px;padding:32px 28px 24px}.premium-modal-title{color:var(--accent-1);font-size:var(--text-large);font-weight:700;margin-bottom:8px}.premium-modal-input{background:var(--main-background);border:1.5px solid var(--outline);border-radius:8px;color:var(--text-light);font-size:var(--text-medium);margin-bottom:8px;outline:none;padding:12px 14px;transition:border .2s}.premium-modal-input:focus{border-color:var(--accent-1)}.premium-modal-actions{display:flex;gap:12px;justify-content:flex-end}.premium-modal-cancel{background:var(--main-background);border:1.5px solid var(--outline);border-radius:8px;color:var(--text-light);cursor:pointer;font-size:var(--text-small);font-weight:600;padding:10px 22px;transition:background .2s,border .2s}.premium-modal-cancel:hover{background:var(--accent-1-background-dark);border-color:var(--accent-1)}.premium-modal-validate{background:linear-gradient(90deg,#ffe259,gold);border:none;border-radius:8px;box-shadow:0 2px 8px #ffd70055;color:#222;cursor:pointer;font-size:var(--text-small);font-weight:700;padding:10px 22px;transition:background .2s,color .2s}.premium-modal-validate:hover{background:linear-gradient(90deg,gold,#ffe259);color:#000}.premium-page{color:var(--text-light);font-family:Montserrat,Arial,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.fixed-section{box-sizing:border-box;overflow-y:auto;padding:80px 2rem 2rem;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}.section-indicators{z-index:1000}.section-indicators .indicator{background:#ffffff4d;border:2px solid #0000;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.section-indicators .indicator:hover{background:#fff9;transform:scale(1.2)}.section-indicators .indicator.active{background:linear-gradient(135deg,gold,orange);border-color:#ffd7004d;box-shadow:0 0 10px #ffd70080}.nav-indicator{animation:bounce 2s infinite;color:#ffffff80;cursor:pointer;z-index:1000}.nav-indicator:hover{color:gold;transform:translateX(-50%) scale(1.2)}.nav-indicator-up{top:90px}.nav-indicator-down{bottom:30px}.nav-indicator-up{animation:bounceUp 2s infinite}@keyframes bounceUp{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.premium-page .container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 2rem;width:calc(100% - 2rem)}@media (min-width:1400px){.premium-page .container{max-width:1600px;padding:0 3rem;width:calc(100% - 6rem)}}.fade-in{animation:fadeIn 1s ease-out}.premium-hero-section,.premium-pricing-section{position:relative}.premium-hero-section:before,.premium-pricing-section:before{bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.premium-hero{overflow:hidden;padding:6rem 0 4rem;position:relative}.premium-hero:before{background:radial-gradient(ellipse at top,var(--accent-1-background-dark) 0,#0000 70%);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.premium-hero-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.premium-badge-large{align-items:center;animation:premiumBadgeFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#ffa50026);border:2px solid gold;border-radius:50px;display:inline-flex;gap:8px;margin-bottom:2rem;padding:8px 20px}@keyframes premiumBadgeFloat{0%,to{box-shadow:0 4px 12px #ffd7004d;transform:translateY(0)}50%{box-shadow:0 8px 20px #ffd70080;transform:translateY(-5px)}}.premium-crown{animation:crownRotate 2s ease-in-out infinite;font-size:var(--text-large)}@keyframes crownRotate{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.premium-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:var(--text-medium);font-weight:700;letter-spacing:2px}.premium-hero-title{color:var(--text-light);font-size:var(--text-extra-large);font-weight:700;line-height:1.2;margin-bottom:1.5rem}.premium-hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;display:block;font-size:var(--text-extra-large)}.premium-hero-description{font-sze:var(--text-medium);color:var(--text-light);line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.premium-pricing-selector{margin:0 auto;max-width:600px;width:100%}.pricing-toggle{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:8px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:var(--text-medium);font-weight:600;gap:4px;padding:12px 20px;position:relative;transition:all .3s ease}.toggle-btn:hover{background:var(--accent-1-background-dark)}.toggle-btn.active{background:var(--accent-1);box-shadow:0 4px 12px var(--accent-1-background);color:var(--text-dark)}.save-badge{background:var(--accent-2);border-radius:4px;color:#fff;font-size:var(--text-extra-small);font-weight:700;padding:2px 6px}.toggle-btn.active .save-badge{background:var(--text-dark);color:var(--accent-1)}.premium-pricing-card{background:var(--secondary-background);border:2px solid var(--outline);border-radius:20px;overflow:hidden;padding:3rem 2rem;position:relative;transition:all .4s ease}.premium-pricing-card:hover{border-color:var(--accent-1);box-shadow:0 20px 40px #64ffda33;transform:translateY(-5px)}.pricing-card-glow{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-radius:20px;filter:blur(20px);inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.premium-pricing-card:hover .pricing-card-glow{opacity:.3}.pricing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pricing-header h3{color:var(--text-light);font-size:var(--text-large);margin:0}.save-indicator{font-sze:var(--text-small);background:var(--accent-2);border-radius:20px;color:#fff;font-weight:700;padding:4px 12px}.pricing-amount{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:2rem}.currency{color:var(--accent-1);font-weight:600}.currency,.price{font-size:var(--text-extra-large)}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;font-weight:700}.period{font-sze:var(--text-large);color:var(--text-light);opacity:.7}.premium-subscribe-btn{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%);border:none;border-radius:12px;box-shadow:0 4px 15px var(--accent-1-background);color:var(--text-dark);cursor:pointer;font-size:var(--text-medium);font-weight:700;letter-spacing:1px;padding:1.25rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.premium-subscribe-btn:hover{box-shadow:0 8px 25px var(--accent-1-background);transform:translateY(-2px)}.pricing-note{color:var(--text-light);font-size:var(--text-small);margin-top:1rem;opacity:.7;text-align:center}.pricing-3d-container{display:inline-block;margin:0 auto;max-width:500px;perspective:1500px;width:100%}.pricing-3d-tilt{transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.pricing-3d-tilt .premium-pricing-card{transform:translateZ(50px)}.pricing-3d-tilt:hover{transform:scale(1.02)}.premium-hero-content{margin:0 auto;max-width:800px;padding:2rem;text-align:center}.pricing-section-content{margin:0 auto;max-width:600px;padding:2rem;text-align:center}.features-section-content{margin:0 auto;max-width:1200px;padding:1.5rem;text-align:center}.comparison-section-content{margin:0 auto;max-width:900px;padding:1.5rem;text-align:center}.section-title-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:var(--text-extra-large);font-weight:700;margin-bottom:3rem}.premium-hero-content>*{animation:fadeInUp .8s ease-out backwards}.premium-hero-content>:first-child{animation-delay:.1s}.premium-hero-content>:nth-child(2){animation-delay:.2s}.premium-hero-content>:nth-child(3){animation-delay:.3s}.premium-features-section{padding:6rem 0}.section-title{color:var(--text-light);font-size:var(--text-extra-large);font-weight:700;margin-bottom:3rem;text-align:center}.premium-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.premium-feature-card{background:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s ease}.premium-feature-card:hover{border-color:var(--accent-1);box-shadow:0 12px 30px #0000004d;transform:translateY(-5px)}.feature-icon-premium{animation:iconBounce 2s ease-in-out infinite;display:inline-block;font-size:var(--text-extra-large);margin-bottom:1rem}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.premium-feature-card h3{color:var(--accent-1);font-size:var(--text-large);font-weight:600;margin-bottom:.75rem}.feature-description{font-size:var(--text-medium);line-height:1.5;margin-bottom:1rem;opacity:.9}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{color:var(--text-light);font-size:var(--text-small);line-height:1.4;margin-bottom:.6rem;padding-left:1.5rem;position:relative}.checkmark{font-size:var(--text-large);left:0;position:absolute}.premium-preview-section{padding:6rem 0}.preview-comparison{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1000px}.preview-card{text-align:center}.preview-label{background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--text-light);display:inline-block;font-size:var(--text-large);font-weight:600;margin-bottom:1.5rem;padding:8px 16px}.premium-label{background:linear-gradient(135deg,#ffd70026,#ffa50026);border-color:gold}.crown-icon{font-size:var(--text-large);margin-right:4px}.preview-mockup{background:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;padding:2.5rem 2rem;position:relative}.premium-mockup{border-color:var(--accent-1);box-shadow:0 8px 30px #64ffda33}.premium-ribbon-demo{background:linear-gradient(135deg,#ffd700f2,#ffa500f2);border-radius:6px;box-shadow:0 4px 12px #ffd7004d;color:#000;font-size:var(--text-extra-small);font-weight:700;letter-spacing:1.5px;padding:4px 10px;position:absolute;right:12px;top:12px}.mockup-avatar{border:2px solid var(--outline);border-radius:50%;height:80px;margin:0 auto 1rem;overflow:hidden;position:relative;width:80px}.mockup-avatar img{height:100%;object-fit:cover;width:100%}.premium-avatar{position:relative}.avatar-border-animated{animation:rainbow-rotate 3s linear infinite;background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);border-radius:50%;inset:-3px;position:absolute;z-index:-1}@keyframes rainbow-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.mockup-username{color:var(--text-light);font-size:var(--text-large);font-weight:600;margin-bottom:1.5rem}.premium-username{align-items:center;display:flex;gap:6px;justify-content:center}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,gold,orange,gold);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.premium-star{animation:starPulse 2s ease-in-out infinite;font-size:var(--text-medium)}@keyframes starPulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,215,0,.9));transform:scale(1.2)}}.mockup-stats{border-top:1px solid var(--outline);display:flex;gap:2rem;justify-content:center;padding-top:1rem}.premium-stats{border-top-color:var(--accent-1-background)}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-sze:var(--text-small);opacity:.7}.stat-value{color:var(--accent-1);font-size:var(--text-medium);font-weight:700}.preview-arrow{animation:arrowPulse 2s ease-in-out infinite;color:var(--accent-1);font-size:var(--text-extra-large)}@keyframes arrowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.premium-comparison-table{background:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;margin:0 auto 2rem;max-width:700px;overflow:hidden}.comparison-header{background:var(--accent-1-background-dark);border-bottom:2px solid var(--outline);display:grid;grid-template-columns:2fr 1fr 1fr}.comparison-feature-col,.comparison-plan-col{color:var(--text-light);font-size:var(--text-medium);font-weight:600;padding:1rem;text-align:center}.comparison-feature-col{text-align:left}.premium-col{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-left:2px solid var(--outline)}.comparison-row{border-bottom:1px solid var(--outline);display:grid;grid-template-columns:2fr 1fr 1fr;transition:background .2s ease}.comparison-row:hover{background:var(--accent-1-background-dark)}.comparison-row:last-child{border-bottom:none}.comparison-table{background:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;margin:0 auto;max-width:900px;overflow:hidden}.comparison-col{color:var(--text-light);font-weight:600;padding:1.5rem;text-align:center}.comparison-col:first-child{text-align:left}.feature-name{font-weight:500}.check-icon{color:var(--positive-green);font-size:var(--text-large);font-weight:700}.premium-check{color:gold}.cross-icon{color:var(--negative-red);font-size:var(--text-large);opacity:.4}.premium-faq-section{padding:6rem 0}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.faq-item{background:var(--secondary-background);border:1px solid var(--outline);border-radius:15px;padding:2rem;transition:all .3s ease}.faq-item:hover{border-color:var(--accent-1);box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.faq-item h3{color:var(--accent-1);font-size:var(--text-large);font-weight:600;margin-bottom:1rem}.faq-item p{color:var(--text-light);line-height:1.6;margin:0}.premium-cta-section{background:linear-gradient(135deg,var(--accent-1-background-dark) 0,var(--accent-2-background-dark) 100%);padding:6rem 0}.premium-cta-content{margin:0 auto;max-width:700px;text-align:center}.cta-badge-premium{align-items:center;animation:ctaBadgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:3px solid gold;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}@keyframes ctaBadgePulse{0%,to{box-shadow:0 0 20px #ffd70066;transform:scale(1)}50%{box-shadow:0 0 40px #ffd70099;transform:scale(1.1)}}.cta-crown,.premium-cta-content h2{font-size:var(--text-extra-large)}.premium-cta-content h2{color:var(--text-light);font-weight:700;margin-bottom:1rem}.premium-cta-content p{color:var(--text-light);font-size:var(--text-large);line-height:1.6;margin-bottom:2rem;opacity:.9}.premium-cta{margin-top:2rem;padding:2rem;text-align:center}.premium-cta-btn{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%);border:none;border-radius:12px;box-shadow:0 6px 20px var(--accent-1-background);color:var(--text-dark);cursor:pointer;font-size:var(--text-large);font-weight:700;letter-spacing:1px;padding:1.25rem 3rem;text-transform:uppercase;transition:all .3s ease}.premium-cta-btn:hover{box-shadow:0 10px 30px var(--accent-1-background);transform:translateY(-3px)}.cta-subtext{color:var(--text-light);font-size:var(--text-medium);margin-top:1rem;opacity:.8}@media (max-width:1024px){.premium-features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.preview-comparison{gap:2rem;grid-template-columns:1fr}.preview-arrow{transform:rotate(90deg)}}@media (max-width:768px){.premium-page .container{padding:0 1rem}.premium-hero{padding:4rem 0 3rem}.premium-hero-gradient,.premium-hero-title{font-size:var(--text-extra-large)}.premium-hero-description{font-size:var(--text-medium)}.pricing-toggle{flex-direction:column}.section-title{font-size:var(--text-extra-large)}.faq-grid,.premium-features-grid{grid-template-columns:1fr}.comparison-table{font-size:var(--text-small)}.comparison-col{padding:1rem}.premium-comparison-section,.premium-cta-section,.premium-faq-section,.premium-features-section,.premium-preview-section{padding:4rem 0}.section-indicators{gap:8px;right:15px}.section-indicators .indicator{height:10px;width:10px}.nav-indicator{display:none}.pricing-3d-container{max-width:100%}.section-title-premium{font-size:var(--text-extra-large)}.premium-features-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.fixed-section{padding:100px 1rem 1rem}.premium-hero-gradient,.premium-hero-title{font-size:var(--text-extra-large)}.premium-pricing-card{padding:2rem 1.5rem}.section-indicators{right:10px}.section-title-premium{font-size:var(--text-large);margin-bottom:2rem}.price{font-size:var(--text-extra-large)}.premium-feature-card{padding:2rem}.comparison-header,.comparison-row{font-sze:var(--text-small);grid-template-columns:1.5fr 1fr 1fr}.comparison-col{padding:.8rem .5rem}.faq-item{padding:1.5rem}.premium-cta-content h2{font-size:var(--text-extra-large)}.premium-cta-btn{font-size:var(--text-medium);padding:1rem 2rem}}.skin-popup-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.skin-popup-content{background:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;box-shadow:0 25px 50px #000000b3,0 0 0 1px #ffffff0d;font-family:Montserrat,Arial,Helvetica,sans-serif;max-height:90vh;max-width:1100px;overflow-y:auto;position:relative;width:100%}.skin-popup-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:background-color .2s;width:40px;z-index:10}.skin-popup-close:hover{background-color:var(--outline)}.skin-popup-main{display:flex;gap:32px;min-height:400px;padding:24px}.skin-popup-left{display:flex;flex:0 0 350px;flex-direction:column}.skin-popup-image-container{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;display:flex;justify-content:center;min-height:280px;padding:40px;position:relative}.skin-popup-image{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));max-height:280px;max-width:100%;object-fit:contain}.image-tags-overlay{display:flex;flex-direction:column;gap:6px;left:12px;position:absolute;top:12px;z-index:5}.image-tags-overlay .skin-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #fff3;box-shadow:0 2px 8px #00000080}.skin-popup-attachments{margin-top:16px}.attachments-row{gap:8px}.attachment-slot,.attachments-row{display:flex;justify-content:center}.attachment-slot{align-items:center;background:#ffffff0d;border:1px solid var(--outline);border-radius:6px;flex-direction:column;height:85px;min-width:60px;padding:8px;position:relative;text-align:center;transition:all .2s ease}.attachment-slot:hover{background:#ffffff14;border-color:var(--outline)}.attachment-wear,.attachment-wear-placeholder{color:var(--accent-1);font-size:var(--text-extra-small);font-weight:600;margin-bottom:4px}.attachment-wear-placeholder{color:var(--text-light)}.attachment-image{height:75px;margin-bottom:4px;object-fit:contain;width:75px}.attachment-placeholder{align-items:center;color:var(--text-light);display:flex;height:75px;justify-content:center;margin-bottom:4px;width:75px}.attachment-price,.attachment-price-placeholder{color:var(--accent-1);font-size:var(--text-extra-small);font-weight:600}.attachment-price-placeholder{color:var(--text-light)}.attachment-item{cursor:pointer;position:relative}.attachment-item:before{background:#000000e6;border:1px solid var(--outline);border-radius:6px;bottom:110%;box-shadow:0 4px 12px #0006;color:#fff;content:attr(title);font-size:var(--text-small);font-weight:500;padding:8px 12px;white-space:nowrap}.attachment-item:after,.attachment-item:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:1000}.attachment-item:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;bottom:102%;content:"";height:0;width:0}.attachment-item:hover:after,.attachment-item:hover:before{opacity:1;visibility:visible}.attachment-item[title=""]:after,.attachment-item[title=""]:before{display:none}.skin-popup-right{display:flex;flex:1 1;flex-direction:column;gap:24px}.skin-popup-title{align-items:center;display:flex;gap:12px;justify-content:flex-start}.skin-popup-title>div,.skin-title-text{font-size:var(--text-extra-large);font-weight:700;line-height:1.2}.skin-tag{border-radius:4px;flex-shrink:0;font-size:var(--text-small);font-weight:600;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.skin-tag.souvenir{background-color:#ffd70033;border:1px solid #ffd70066;color:gold}.skin-tag.stattrak{background-color:#ff6b3533;border:1px solid #ff6b3566;color:#ff6b35}.float-section{background:#0003;border:1px solid var(--outline);border-radius:8px;padding:16px}.float-label{margin-bottom:4px}.float-label,.float-value{color:var(--text-light);font-size:var(--text-medium)}.float-value{font-weight:600;margin-bottom:12px}.float-bar{height:12px;margin:0 auto}.float-bar,.float-bar-bg{position:relative;width:100%}.float-bar-bg{background:linear-gradient(90deg,#4ade80 0 7%,#22c55e 7% 15%,#eab308 15% 38%,#f97316 38% 45%,#ef4444 45% 100%);border-radius:8px;height:100%;overflow:visible}.float-pointer{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--text-light);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:0;position:absolute;top:-4px;transform:translateX(-50%);width:0}.skin-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-weight:500}.detail-label,.detail-value{color:var(--text-light);font-size:var(--text-medium)}.detail-value{font-weight:600}.price-section-left{margin-top:16px}.price-section-left .recommended-price{background:#0003;border:1px solid var(--outline);border-radius:8px;padding:16px}.price-section{display:flex;gap:24px}.current-price,.recommended-price{background:#0003;border:1px solid var(--outline);border-radius:8px;flex:1 1;margin-top:75px;padding:10px}.recommended-price{border-color:var(--outline)}.current-price{border-color:var(--accent-2-background-dark)}.price-label{color:var(--text-light);display:block;font-size:var(--text-medium);font-weight:500;margin-bottom:8px}.price-value{color:var(--accent-1);font-size:var(--text-extra-large);font-weight:700;margin-bottom:4px}.price-value.current{color:var(--accent-2)}.price-source{color:var(--text-light);font-size:var(--text-small)}.price-loading{color:var(--accent-1)}.price-and-button-container{align-items:flex-start;display:flex;gap:0;justify-content:space-between}.recommended-price{align-items:flex-end;background:#ffffff0d;border:1px solid var(--outline);border-radius:8px;display:flex;flex:1 1;justify-content:space-between;padding:16px}.price-info{display:flex;flex-direction:column}.inspect-btn-inline{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:var(--text-small);font-weight:600;gap:6px;justify-content:center;margin-left:16px;min-width:140px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.inspect-btn-inline:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.inspect-btn-inline:active{box-shadow:0 2px 6px #4caf504d;transform:translateY(0)}.inspect-btn-inline svg{flex-shrink:0}.action-buttons-section{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.inspect-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-medium);font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.inspect-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.inspect-btn:active{box-shadow:0 2px 8px #4caf504d;transform:translateY(0)}.inspect-btn svg{flex-shrink:0}.inspect-btn span{white-space:nowrap}.skin-popup-content::-webkit-scrollbar{width:8px}.skin-popup-content::-webkit-scrollbar-track{background:var(--outline);border-radius:4px}@media (max-width:1024px){.skin-popup-main{flex-direction:column;gap:24px}.skin-popup-left{flex:none}.skin-popup-image-container{min-height:200px;padding:24px}.price-section{flex-direction:column;gap:16px}.action-buttons-section{justify-content:center}}@media (max-width:768px){.skin-popup-overlay{padding:10px}.skin-popup-content{border-radius:12px}.skin-popup-main{padding:16px}.skin-popup-title>div{font-size:var(--text-extra-large)}.skin-details-grid{gap:12px;grid-template-columns:1fr}.keychains-row,.stickers-row{gap:12px}.price-and-button-container{align-items:stretch;flex-direction:column;gap:16px}.recommended-price{align-items:stretch;flex-direction:column;gap:12px}.inspect-btn-inline{align-self:center;margin-left:0;min-width:160px}}@media (max-width:480px){.skin-popup-main{padding:12px}.skin-popup-title>div{font-size:var(--text-large)}.inspect-btn-inline{font-size:var(--text-small);min-width:140px;padding:8px 14px}.action-buttons-section{justify-content:center;margin-top:16px}.price-value{font-size:var(--text-large)}}.get-premium-button{background-color:var(--premium-gold-background);border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-family:Montserrat,sans-serif;font-size:var(--text-small);font-weight:600;outline:solid 2px var(--premium-gold);padding:12px 24px;transition:all .2s ease}.get-premium-button:hover{background:var(--premium-gold);color:#000}.custom-section{margin-bottom:32px}.custom-section h4{color:var(--accent-1);font-size:var(--text-medium);font-weight:700;letter-spacing:.5px;margin-bottom:12px;margin-top:0}.profile-popup-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a192fcc;bottom:0;display:flex;gap:24px;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.actions-section{display:flex;flex-direction:column}.profile-popup-container{align-items:flex-start;display:flex;gap:24px;height:100%;max-height:90vh;max-width:1240px;width:100%}.profile-popup-preview{align-items:flex-start;background:var(--secondary-background);border-radius:16px;display:flex;flex-shrink:0;height:-webkit-fit-content;height:fit-content;width:360px}.profile-popup-preview .player-info-card{height:100%!important;width:100%!important}.profile-popup{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex:1 1;flex-direction:column;font-family:Montserrat,sans-serif;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.popup-header{align-items:center;background:var(--accent-1-background-dark);border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;padding:20px 24px}.popup-header h2{color:var(--text-light);font-size:var(--text-large);font-weight:600;margin:0}.close-button{color:var(--text-light);padding:4px 8px}.close-button:hover,.error-message{background:var(--accent-2-background-dark);color:var(--accent-2)}.error-message{border:1px solid var(--accent-2);font-size:var(--text-small);margin:16px 24px;padding:12px 16px}.tab-navigation{background:var(--main-background);border-bottom:1px solid var(--outline);display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-light);cursor:pointer;flex:1 1;font-family:Montserrat,sans-serif;font-size:var(--text-medium);font-weight:500;padding:16px 20px;transition:all .2s ease}.tab-button.active,.tab-button:hover{background:var(--accent-1-background-dark);color:var(--accent-1)}.tab-button.active{border-bottom-color:var(--accent-1)}.tab-content{flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:var(--accent-1) #0000;scrollbar-width:thin}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:#0000}.tab-content::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option-card{background:var(--main-background);border:2px solid var(--outline);border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.option-card:hover{background:var(--accent-1-background-dark);border-color:var(--accent-1);transform:translateY(-2px)}.option-card.selected{background:var(--accent-2-background-dark);border-color:var(--accent-2);box-shadow:0 0 16px var(--accent-2-background-dark)}.option-preview{align-items:center;border-radius:6px;display:flex;height:60px;justify-content:center;margin-bottom:8px;overflow:hidden;position:relative}.option-preview.default-bg{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%)}.option-preview.bg-gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)}.option-preview.bg-gradient-sunset{background:linear-gradient(135deg,#ff6b35,#f7931e)}.option-preview.bg-gradient-forest{background:linear-gradient(135deg,#11998e,#38ef7d)}.option-preview.bg-gradient-royal{background:linear-gradient(135deg,#667eea,#764ba2)}.option-preview.bg-gradient-fire{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.option-preview.bg-gradient-cosmic{background:linear-gradient(135deg,#8360c3,#2ebf91)}.option-preview.bg-gradient-golden{background:linear-gradient(135deg,gold,#ffed4e 50%,#ff8c00)}.option-preview.bg-gradient-aurora{background:linear-gradient(135deg,#00f260,#0575e6 50%,#ee0979)}.option-preview.bg-gradient-galaxy{background:linear-gradient(135deg,#2e1437,#4a00e0 50%,#8e2de2)}.option-preview.bg-gradient-neon{background:linear-gradient(135deg,#ff006e,#8338ec 50%,#3a86ff)}.option-preview.bg-gradient-crimson{background:linear-gradient(135deg,#c31432,#240b36)}.option-preview.bg-gradient-emerald{background:linear-gradient(135deg,#56ab2f,#a8e063)}.option-preview span{color:#fff;font-size:var(--text-small);font-weight:600;text-shadow:0 1px 2px #00000080}.option-label{color:var(--text-light);font-size:var(--text-small);font-weight:500}.border-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:40px;width:40px}.border-preview.default-border{border:2px solid var(--accent-2)}.border-preview.border-gold{border:3px solid gold}.border-preview.border-silver{border:3px solid silver}.border-preview.border-bronze{border:3px solid #cd7f32}.border-preview.border-diamond{border:3px solid #b9f2ff;box-shadow:0 0 10px #b9f2ff99}.border-preview.border-ruby{border:3px solid #e0115f;box-shadow:0 0 10px #e0115f99}.border-preview.border-emerald{border:3px solid #50c878;box-shadow:0 0 10px #50c87899}.border-preview.border-rainbow{background-clip:padding-box,border-box;background-image:linear-gradient(#667eea,#667eea),linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-origin:border-box;border:3px solid #0000}.border-preview.border-fire{border:3px solid #ff4500;box-shadow:0 0 5px #ff4500cc,0 0 10px #ff8c0099}.border-preview.border-plasma{background-clip:padding-box,border-box;background-image:linear-gradient(#667eea,#667eea),linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-origin:border-box;border:3px solid #0000;box-shadow:0 0 10px #667eea99}.stats-tab-dnd{max-height:500px;overflow-y:auto;padding:0}.stats-instructions{background:var(--accent-1-background-dark);border:1px solid var(--accent-1);border-radius:8px;margin-bottom:20px;padding:12px 16px;text-align:center}.stats-instructions p{color:var(--accent-1);font-size:var(--text-small);font-weight:500;margin:0}.available-stats-dnd{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:4px}.stat-box-draggable{background:var(--secondary-background);border:2px solid var(--outline);border-radius:8px;cursor:grab;padding:16px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.stat-box-draggable:hover:not(.used){border-color:var(--accent-1);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.stat-box-draggable:active:not(.used){cursor:grabbing;transform:scale(.98)}.stat-box-draggable.used{background:var(--main-background);cursor:not-allowed;opacity:.4}.stat-box-value{color:var(--accent-1)!important;display:block!important;font-size:var(--text-large)!important;font-weight:700!important;line-height:1!important;margin-bottom:4px!important}.stat-box-label{color:var(--text-light)!important;font-size:var(--text-small)!important;font-weight:500!important;letter-spacing:.5px!important;line-height:1!important;text-transform:uppercase!important}.stats-drop-zone-container{grid-gap:16px!important;border-bottom:1px solid var(--outline)!important;border-top:1px solid var(--outline)!important;display:grid!important;flex:1 1!important;gap:16px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;justify-content:center!important;margin:0 20px 20px!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;padding:20px 0!important;position:relative!important;z-index:1!important}.stats-drop-zone-container h4{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0 0 12px}.stat-drop-slot{background:var(--secondary-background)!important;border:1px solid var(--outline)!important;border-radius:12px!important;padding:12px!important;text-align:center!important}.stat-drop-slot.drop-active{background:#ffa50026;border-color:var(--accent-1);box-shadow:0 0 20px #ffa5004d;transform:scale(1.02)}.stat-drop-slot.filled{background:var(--secondary-background);border-color:var(--outline);border-style:solid}.stat-drop-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.8;pointer-events:none}.drop-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:var(--text-extra-large)}.drop-text{color:var(--accent-1);font-size:var(--text-small);font-weight:600;letter-spacing:1px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.stat-box-preview:active{cursor:grabbing}.stats-tab{max-height:400px;overflow-y:auto}.stats-info{background:var(--accent-1-background-dark);border:1px solid var(--outline);border-radius:8px;margin-bottom:20px;padding:12px 16px}.stats-info p{color:var(--text-light);font-size:var(--text-small);margin:0}.custom-popup-stats-section{margin-bottom:24px}.custom-popup-stats-section h4{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0 0 12px}.selected-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.selected-stat{align-items:center;background:var(--accent-1-background-dark);border:1px solid var(--outline);border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.stat-label{color:var(--text-light);flex:1 1;font-size:var(--text-small)}.stat-controls{display:flex;gap:4px}.move-button,.remove-button{background:var(--main-background);border:1px solid var(--outline);border-radius:4px;color:var(--text-light);cursor:pointer;font-size:var(--text-small);min-width:28px;padding:4px 8px;transition:all .2s ease}.move-button:hover{background:var(--accent-1-background-dark);border-color:var(--accent-1)}.move-button:disabled{cursor:not-allowed;opacity:.4}.remove-button,.remove-button:hover{border-color:var(--accent-2)}.remove-button:hover{background:var(--accent-2-background-dark);color:var(--accent-2)}.available-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-option{align-items:center;background:var(--main-background);border:1px solid var(--outline);border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:var(--text-small);justify-content:space-between;padding:12px 16px;transition:all .2s ease}.stat-option:hover:not(:disabled){background:var(--accent-1-background-dark);border-color:var(--accent-1)}.stat-option:disabled{cursor:not-allowed;opacity:.4}.add-button{color:var(--accent-1);font-weight:700}.popup-actions{background:var(--main-background);border-top:1px solid var(--outline);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:var(--text-small);font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-button{background:var(--main-background);border:1px solid var(--outline);color:var(--text-light)}.cancel-button:hover{background:var(--accent-1-background-dark);border-color:var(--accent-1)}.save-button{background:var(--accent-1);color:var(--text-dark);min-width:120px}.save-button:hover:not(:disabled){box-shadow:0 4px 12px var(--accent-1-background);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.bg-gradient-ocean{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-sunset{background:linear-gradient(135deg,#ff6b35,#f7931e)}.bg-gradient-forest{background:linear-gradient(135deg,#11998e,#38ef7d)}.bg-gradient-royal{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-fire{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.bg-gradient-cosmic{background:linear-gradient(135deg,#8360c3,#2ebf91)}.border-gold{border:3px solid gold!important}.border-silver{border:3px solid silver!important}.border-bronze{border:3px solid #cd7f32!important}.border-diamond{border:3px solid #b9f2ff!important}.border-ruby{border:3px solid #e0115f!important}.border-emerald{border:3px solid #50c878!important}.premium-badge-option{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:var(--text-medium);position:absolute;right:4px;top:4px;z-index:1}.premium-tag{background:linear-gradient(135deg,gold,orange);border-radius:4px;box-shadow:0 1px 3px #ffd7004d;color:#000;display:inline-block;font-size:var(--text-extra-small);font-weight:700;letter-spacing:.5px;margin-left:4px;padding:2px 6px;text-shadow:none}.profile-popup-preview .player-info-card{background:#0000!important;border:none!important;border-radius:16px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:24px!important}.profile-popup-preview .card-background{border-radius:16px 16px 0 0!important;height:150px!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.profile-popup-preview .player-info-card:not(.custom) .card-background{background:linear-gradient(135deg,#8b5cf64d,#ec48994d 50%,#3b82f64d)!important;pointer-events:none!important}.profile-popup-preview .avatar-section{flex-shrink:0!important;margin-top:30px;position:relative!important;text-align:center!important;z-index:1!important}.profile-popup-preview .player-avatar{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;box-shadow:0 12px 40px #0006!important;height:130px!important;width:130px!important}.profile-popup-preview .player-avatar:not([class*=border-]){border:5px solid #ffffffe6!important}.profile-popup-preview .player-avatar.border-gold{border:5px solid gold!important}.profile-popup-preview .player-avatar.border-silver{border:5px solid silver!important}.profile-popup-preview .player-avatar.border-bronze{border:5px solid #cd7f32!important}.profile-popup-preview .player-avatar.border-diamond{border:5px solid #b9f2ff!important;box-shadow:0 0 20px #b9f2ffcc,0 12px 40px #0006!important}.profile-popup-preview .player-avatar.border-ruby{border:5px solid #e0115f!important;box-shadow:0 0 20px #e0115fcc,0 12px 40px #0006!important}.profile-popup-preview .player-avatar.border-emerald{border:5px solid #50c878!important;box-shadow:0 0 20px #50c878cc,0 12px 40px #0006!important}.profile-popup-preview .player-avatar.border-rainbow{background-clip:padding-box,border-box;background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-origin:border-box;border:5px solid #0000!important;box-shadow:0 0 20px #ffffff80,0 12px 40px #0006!important}.profile-popup-preview .player-avatar.border-fire{background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(135deg,red 0,#ff7f00 50%,#ff0 100%);box-shadow:0 0 20px #ff7f00cc,0 12px 40px #0006!important}.profile-popup-preview .player-avatar.border-fire,.profile-popup-preview .player-avatar.border-ice{background-clip:padding-box,border-box;background-origin:border-box;border:5px solid #0000!important}.profile-popup-preview .player-avatar.border-ice{background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(135deg,#0ff 0,#0080ff 50%,#00f 100%);box-shadow:0 0 20px #00bfffcc,0 12px 40px #0006!important}.profile-popup-preview .player-avatar.border-galaxy{background-clip:padding-box,border-box;background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);background-origin:border-box;border:5px solid #0000!important;box-shadow:0 0 20px #667eeacc,0 12px 40px #0006!important}.profile-popup-preview .player-username{color:#fff!important;font-size:var(--text-large)!important;font-weight:700!important;line-height:1.2!important;margin-bottom:8px!important;text-shadow:0 2px 8px #00000080!important}.profile-popup-preview .player-steamid{color:#fffc!important;font-size:var(--text-small)!important;margin-bottom:8px!important;text-shadow:0 1px 4px #00000080!important}.profile-popup-preview .pins-section{display:flex!important;justify-content:center!important;margin:12px 0!important;position:relative!important;z-index:1!important}.profile-popup-preview .profile-pins-medals{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;max-width:100%!important}.profile-popup-preview .pin-item{height:40px!important;width:40px!important}.profile-popup-preview .pin-image{height:100%!important;object-fit:contain!important;width:100%!important}.profile-popup-preview .stats-section{grid-gap:16px!important;border-bottom:1px solid var(--outline)!important;border-top:1px solid var(--outline)!important;display:grid!important;flex:1 1!important;gap:16px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;justify-content:center!important;margin:0 20px 20px!important;max-height:-webkit-fit-content!important;max-height:fit-content!important;padding:20px 0!important;position:relative!important;z-index:1!important}.profile-popup-preview .stat-item{background:var(--secondary-background)!important;border:1px solid var(--outline)!important;border-radius:12px!important;padding:12px!important;text-align:center!important}.profile-popup-preview .stat-value{color:var(--accent-1)!important;display:block!important;font-size:var(--text-large)!important;font-weight:700!important;line-height:1;margin-bottom:4px!important}.profile-popup-preview .stat-label{color:var(--text-light)!important;font-size:var(--text-small)!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}@media (max-width:1400px){.profile-popup-container{align-items:center;flex-direction:column}.profile-popup-preview{justify-content:center;max-width:360px;width:100%}.profile-popup{max-width:100%}}@media (max-width:768px){.profile-popup-backdrop{gap:16px;padding:10px}.profile-popup-preview{display:none}.profile-popup{margin:0;max-height:95vh;max-width:95vw}.options-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.available-stats{grid-template-columns:1fr}.available-stats-dnd{gap:8px;grid-template-columns:1fr 1fr}.stat-box-draggable{padding:12px}.stat-box-value{font-size:var(--text-medium)}.stat-box-label{font-size:var(--text-extra-small)}.stats-drop-zone-container{background:var(--secondary-background)!important;border:1px solid var(--outline)!important;border-radius:12px!important;padding:12px!important;text-align:center!important}.tab-content{padding:16px}.popup-actions,.popup-header{padding:16px 20px}}@media (max-width:480px){.tab-button{font-size:var(--text-small);padding:12px 16px}.popup-header h2{font-size:var(--text-large)}}.stats-increment-panel{bottom:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:20px;z-index:1000}.stats-increment-panel.collapsed .toggle-button{background:#ff6b35;background:var(--accent-1,#ff6b35);border:none;border-radius:25px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;font-size:var(--text-small);font-weight:600;padding:12px 16px;transition:all .2s ease}.stats-increment-panel.collapsed .toggle-button:hover{background:#e55a2b;background:var(--accent-1-hover,#e55a2b);box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.stats-increment-panel.expanded{animation:slideIn .3s ease-out;background:#2a2a2a;background:var(--secondary-background,#2a2a2a);border:1px solid #444;border:1px solid var(--outline,#444);border-radius:12px;box-shadow:0 8px 24px #0000004d;max-height:400px;overflow:hidden;width:320px}.panel-header{background:#1a1a1a;background:var(--main-background,#1a1a1a);border-bottom:1px solid #444;border-bottom:1px solid var(--outline,#444);padding:16px}.panel-header h4{color:#fff;color:var(--text-light,#fff);font-size:var(--text-medium);font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#888;color:var(--text-muted,#888);cursor:pointer;font-size:var(--text-large);line-height:1;padding:4px;transition:all .2s ease}.close-button:hover{background:#444;background:var(--outline,#444);color:#fff;color:var(--text-light,#fff)}.panel-content{max-height:320px;overflow-y:auto;padding:16px}.custom-increment,.quick-actions{margin-bottom:20px}.custom-increment h5,.quick-actions h5{color:#fff;color:var(--text-light,#fff);font-size:var(--text-small);font-weight:600;margin:0 0 12px}.quick-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:var(--text-small);font-weight:600;min-width:0;padding:8px 12px;transition:all .2s ease}.quick-btn:disabled{cursor:not-allowed;opacity:.5}.quick-btn.view{background:#2196f3;background:var(--accent-3,#2196f3);color:#fff}.quick-btn.view:hover:not(:disabled){background:#1976d2;background:var(--accent-3-hover,#1976d2)}.quick-btn.trade{background:#ff6b35;background:var(--accent-1,#ff6b35);color:#fff}.quick-btn.trade:hover:not(:disabled){background:#e55a2b;background:var(--accent-1-hover,#e55a2b)}.quick-btn.value{background:#4caf50;background:var(--accent-2,#4caf50);color:#fff}.quick-btn.value:hover:not(:disabled){background:#45a049;background:var(--accent-2-hover,#45a049)}.increment-controls{align-items:center;display:flex;gap:8px}.increment-controls input,.increment-controls select{background:#1a1a1a;background:var(--main-background,#1a1a1a);border:1px solid #444;border:1px solid var(--outline,#444);border-radius:4px;color:#fff;color:var(--text-light,#fff);flex:1 1;font-size:var(--text-small);padding:8px}.increment-controls input{max-width:60px}.increment-btn{background:#ff6b35;background:var(--accent-1,#ff6b35);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:var(--text-small);font-weight:600;padding:8px 12px;transition:background .2s ease;white-space:nowrap}.increment-btn:hover:not(:disabled){background:#e55a2b;background:var(--accent-1-hover,#e55a2b)}.increment-btn:disabled{cursor:not-allowed;opacity:.5}.error-message,.status-message{border-radius:6px;font-size:var(--text-small);line-height:1.4;margin-top:12px;padding:10px}.status-message.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.error-message,.status-message.error{background:#f443361a;border:1px solid #f443364d;color:#f44336}@media (max-width:768px){.stats-increment-panel{bottom:10px;right:10px}.stats-increment-panel.expanded{max-width:320px;width:calc(100vw - 20px)}.quick-buttons{flex-direction:column}.quick-btn{flex:none}.increment-controls{flex-direction:column}.increment-controls input{max-width:none}}.proposal-page{box-sizing:border-box;display:flex;font-family:Montserrat,Arial,Helvetica,sans-serif;gap:8px;height:calc(100% - 80px);margin-top:70px;padding:0 1rem;position:fixed;width:100%}.left-side{display:flex;flex-direction:column;gap:8px;width:35%}.left-side-header{align-items:center;background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;display:flex;height:20%}.header-logo{margin-bottom:10px}.header-content,.header-logo{font-size:var(--text-extra-large)}.header-content{color:var(--text-light)}.left-side-content{background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;display:flex;flex-direction:column;height:-webkit-fill-available;height:fill-available;overflow:hidden}.offers-filters{border-bottom:1px solid var(--outline);border-radius:10px 10px 0 0;display:flex;gap:16px;padding:16px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.filter-label{color:var(--text-light);font-size:var(--text-small);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--secondary-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--outline);border-radius:6px;color:var(--text-light);cursor:pointer;font-family:inherit;font-size:var(--text-medium);padding:8px 32px 8px 12px;transition:all .2s ease}.filter-select:hover{background-color:#ffffff0d;border-color:var(--accent-1)}.filter-select:focus{background-color:#ffffff14;border-color:var(--accent-1);box-shadow:0 0 0 2px #42a5f533;outline:none}.filter-select option{background:var(--secondary-background)!important;border:none!important;color:var(--text-light)!important;padding:8px 12px!important}.filter-select option:hover{background:var(--accent-1-background)!important;color:var(--text-light)!important}.filter-select option:checked{background:var(--accent-1)!important;color:#fff!important}.offers-list{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px}.offers-list::-webkit-scrollbar{width:6px}.offers-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.offers-list::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.offers-list::-webkit-scrollbar-thumb:hover{background:var(--accent-1-background)}.no-offers-container,.offer-loading-container{align-self:center;color:var(--text-light);display:flex;font-size:var(--text-large);margin-top:1rem}.offers-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.offers-group-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--main-background);border:1px solid var(--outline);border-radius:6px;display:flex;gap:8px;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.offers-group-header:has(.group-label:first-child:contains("💬")),.offers-group:has(.group-label:contains("Unread")) .offers-group-header{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef44444d}.offers-group-header:has(.group-label:first-child:contains("💬")) .group-label{color:#ef4444}.group-label{color:var(--text-light);font-size:var(--text-medium);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.group-count{color:var(--text-light);font-size:var(--text-small);font-weight:500;opacity:.7}.offer-container{align-items:center;background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;gap:12px;height:5rem;justify-content:space-between;padding:8px;position:relative;width:100%}.offer-container:hover{transition:transform .2s}.offer-image{aspect-ratio:1/1;border:2px solid var(--outline);border-radius:50%;flex-shrink:0;height:calc(100% - 16px);object-fit:cover;width:auto}.offer-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.offer-title{align-items:center;color:var(--text-light);display:flex;font-size:clamp(16px,4vw,22px);gap:8px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-indicator{align-items:center;animation:pulse-notification 2s infinite;background:#ef4444;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}@keyframes pulse-notification{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.offer-tags{display:flex;flex-wrap:wrap;gap:4px}.offer-tag{align-self:flex-start;border:1px solid var(--outline);border-radius:6px;color:var(--text-light);flex-shrink:0;font-size:clamp(10px,2vw,12px);padding:4px 8px;white-space:nowrap}.offer-tag.money-tag{background:var(--accent-1-background);border-color:var(--accent-1);color:var(--accent-1)}.offer-resume-image{aspect-ratio:1/1;border:2px solid var(--outline);border-radius:6px;flex-shrink:0;height:calc(100% - 16px);max-width:60px;object-fit:cover;width:auto}.right-side{width:-webkit-fill-available;width:fill-available}.main-container{background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}@media (min-width:1400px){.proposal-page{padding:0 1.5rem}}@media (max-width:1200px){.proposal-page{padding:0 .75rem}}@media (max-width:768px){.proposal-page{padding:0 .5rem}.offers-filters{flex-direction:column;gap:12px;padding:12px}.filter-group{gap:6px}.offers-list{height:calc(100% - 120px)}.offer-container{gap:8px;height:4rem;padding:6px}.offer-title{font-size:var(--text-medium)}.offer-tag{font-size:var(--text-extra-small);padding:2px 6px}.offer-resume-image{max-width:40px}}@media (max-width:480px){.offer-container{gap:6px;height:3.5rem;padding:4px}.offer-title{font-size:var(--text-medium)}.offer-tag{font-size:var(--text-extra-small);padding:2px 4px}.offer-image{height:calc(100% - 8px)}.offer-resume-image{max-width:32px}}.offer-container{cursor:pointer;transition:all .2s ease}.offer-container:hover{border-color:var(--accent-1);transform:scale(1.01)}.offer-container-active{background-color:#42a5f51a!important;border-color:var(--accent-1)!important;box-shadow:0 0 0 2px #42a5f533}.offer-container:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px #42a5f54d;outline:none}.proposal-details{display:flex;flex-direction:column;gap:24px;height:100%;overflow-y:auto;padding:24px}.proposal-header{align-items:center;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;padding-bottom:16px}.proposal-participants{align-items:center;display:flex;gap:16px}.participant{align-items:center;display:flex;gap:8px}.participant-avatar{border:2px solid var(--outline);border-radius:50%;height:48px;object-fit:cover;width:48px}.participant-name{color:var(--text-light);font-size:var(--text-medium);font-weight:600}.trade-arrow{color:var(--accent-1);font-size:var(--text-extra-large)}.status-badge{border-radius:20px;color:#fff;font-size:var(--text-medium);font-weight:600;padding:8px 16px;text-transform:uppercase}.proposal-message{background:#0003;border-left:4px solid var(--accent-1);border-radius:8px;padding:16px}.proposal-message h4{color:var(--accent-1);font-size:var(--text-medium);margin:0 0 8px;text-transform:uppercase}.proposal-message p{color:var(--text-light);font-style:italic;margin:0}.trade-items-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.trade-column h4{color:var(--accent-1);margin:0 0 16px;text-align:center}.items-grid{grid-gap:8px;background:#0000001a;border:1px solid var(--outline);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:300px;min-height:120px;overflow-y:auto;padding:8px}.items-grid .compact-inventory-card{height:115px!important;max-width:90px!important;min-height:115px!important;min-width:90px!important;width:90px!important}.chat-container{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.trade-details-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000004d;left:0;max-height:70%;overflow:hidden;position:absolute;right:0;top:0;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}.trade-details-panel.open{transform:translateY(0)}.panel-header{align-items:center;background:var(--main-background);border-bottom:1px solid var(--outline);cursor:pointer;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;-webkit-user-select:none;user-select:none}.panel-drag-handle{background:var(--text-light);border-radius:2px;height:4px;left:50%;opacity:.5;position:absolute;top:8px;transform:translateX(-50%);width:40px}.panel-header h3{color:var(--text-light);font-size:var(--text-medium);font-weight:600;margin:0}.panel-toggle-icon{color:var(--accent-1);font-size:var(--text-medium);font-weight:700}.panel-content{display:flex;flex-direction:column;overflow:hidden;padding:20px}.compact-trade-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:16px;min-height:0}.trade-column{display:flex;flex-direction:column;min-height:0}.trade-column h4{color:var(--text-light);flex-shrink:0;font-size:var(--text-medium);font-weight:600;margin:0 0 8px}.compact-items-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:280px;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:var(--accent-1) #0000;scrollbar-width:thin}.compact-items-grid::-webkit-scrollbar{width:6px}.compact-items-grid::-webkit-scrollbar-track{background:#0000}.compact-items-grid::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}.compact-items-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-1);opacity:.8}.compact-items-grid .compact-inventory-card{height:115px!important;max-width:90px!important;min-height:115px!important;min-width:90px!important;width:90px!important}.no-items-grid{font-style:italic;grid-column:1/-1;padding:20px}.more-items,.no-items-grid{align-items:center;border:1px solid var(--outline);border-radius:6px;color:var(--text-light);font-size:var(--text-small);justify-content:center;opacity:.7;text-align:center}.chat-interface,.more-items,.no-items-grid{background:var(--main-background);display:flex}.chat-interface{flex-direction:column;height:100%}.chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;padding:16px 20px}.chat-participants{align-items:center;display:flex;gap:12px}.chat-partner-avatar{border:2px solid var(--outline);border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-info{display:flex;flex-direction:column;gap:2px}.chat-partner-name{color:var(--text-light);font-size:var(--text-medium);font-weight:600}.chat-status{color:var(--text-light);font-size:var(--text-small);opacity:.7}.trade-details-toggle{background:var(--accent-1-background);border:1px solid var(--accent-1);border-radius:8px;color:var(--accent-1);cursor:pointer;font-size:var(--text-medium);padding:8px 12px;transition:all .2s ease}.trade-details-toggle:hover{background:var(--accent-1);color:var(--main-background)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px;scrollbar-color:var(--accent-1) #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-1);opacity:.8}.system-message{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;margin-bottom:8px;padding:12px 16px}.system-message .message-content{color:var(--text-light);font-size:var(--text-medium);margin-bottom:4px}.system-message .message-time{color:var(--text-light);font-size:var(--text-small);opacity:.7}.chat-message{align-self:flex-start;display:flex;flex-direction:column;gap:4px;max-width:70%}.chat-message.own-message{align-self:flex-end}.chat-message.own-message .message-content{background:var(--accent-1);color:var(--main-background)}.message-header{align-items:center;display:flex;gap:8px}.message-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.message-sender{font-weight:600}.message-sender,.message-time{color:var(--text-light);font-size:var(--text-small)}.message-time{opacity:.7}.message-content-trade{word-wrap:break-word;background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;color:var(--text-light);font-size:var(--text-medium);line-height:1.4;padding:8px 12px}.empty-chat{flex:1 1;opacity:.5;text-align:center}.chat-loading,.empty-chat{align-items:center;color:var(--text-light);display:flex;font-style:italic;justify-content:center}.chat-loading{opacity:.7;padding:20px}.trade-actions-bar{background:var(--secondary-background);border-bottom:1px solid var(--outline);border-top:1px solid var(--outline);display:flex;gap:12px;padding:12px 20px}.trade-actions-bar .action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:var(--text-medium);font-weight:600;padding:10px 16px;transition:all .2s ease}.accept-btn{background:var(--accent-2);color:var(--main-background)}.accept-btn:hover{background:var(--accent-2);opacity:.9;transform:translateY(-1px)}.decline-btn{background:#ef4444}.decline-btn:hover{background:#dc2626;transform:translateY(-1px)}.cancel-btn{background:var(--outline);color:var(--text-light)}.cancel-btn:hover{background:var(--text-light);color:var(--main-background);transform:translateY(-1px)}.trade-status-banner{align-items:center;animation:slideIn .3s ease-out;background:var(--secondary-background);border-bottom:1px solid var(--outline);border-top:1px solid var(--outline);display:flex;gap:16px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trade-status-banner .status-icon{animation:pulse 2s ease-in-out infinite;flex-shrink:0;font-size:32px}.trade-status-banner .status-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.trade-status-banner .status-title{color:var(--text-light);font-size:var(--text-large);font-weight:700}.trade-status-banner .status-message{color:var(--text-light);font-size:var(--text-medium);opacity:.8}.trade-status-accepted{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-left:4px solid #10b981}.trade-status-accepted .status-title{color:#10b981}.trade-status-declined{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-left:4px solid #ef4444}.trade-status-declined .status-title{color:#ef4444}.trade-status-cancelled{background:linear-gradient(135deg,#6b72801a,#6b72800d);border-left:4px solid #6b7280}.trade-status-cancelled .status-title{color:#6b7280}.trade-status-expired{background:linear-gradient(135deg,#9ca3af1a,#9ca3af0d);border-left:4px solid #9ca3af}.trade-status-expired .status-title{color:#9ca3af}.trade-status-counter_offered{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-left:4px solid #8b5cf6}.trade-status-counter_offered .status-title{color:#8b5cf6}.trade-status-traded{background:linear-gradient(135deg,#64ffda1a,#64ffda0d);border-left:4px solid #64ffda}.trade-status-traded .status-title{color:#64ffda}.chat-input-container{background:var(--secondary-background);border-top:1px solid var(--outline);padding:16px 20px}.chat-input-form{align-items:center;display:flex;gap:12px}.chat-input{background:var(--main-background);border:1px solid var(--outline);border-radius:20px;color:var(--text-light);flex:1 1;font-size:var(--text-medium);outline:none;padding:10px 16px;transition:all .2s ease}.chat-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px #ffa5001a}.chat-input::placeholder{color:var(--text-light);opacity:.5}.send-button{align-items:center;background:var(--accent-1);border:none;border-radius:50%;color:var(--main-background);cursor:pointer;display:flex;font-size:var(--text-medium);height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-button:hover:not(:disabled){background:var(--accent-1);opacity:.9;transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.compact-trade-items{gap:16px;grid-template-columns:1fr}.compact-items-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:200px}.compact-items-grid .compact-inventory-card{height:100px!important;max-width:80px!important;min-height:100px!important;min-width:80px!important;width:80px!important}.panel-content{padding:16px}.chat-messages{padding:12px 16px}.chat-message{max-width:85%}.chat-input-container{padding:12px 16px}.trade-actions-bar{flex-direction:column;gap:8px}.trade-details-panel{max-height:60%}}.balance-info{background:var(--accent-1-background);border-radius:6px;color:var(--accent-1);font-weight:600;margin-top:12px;padding:8px 12px;text-align:center}.proposal-actions{border-top:1px solid var(--outline);display:flex;gap:16px;justify-content:center;padding:20px 0}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:var(--text-medium);font-weight:600;padding:12px 24px;transition:all .3s ease}.accept-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.accept-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.decline-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.decline-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 15px #6b72804d;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.proposal-timeline h4{color:var(--accent-1);font-size:var(--text-medium);margin:0 0 16px}.timeline-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.timeline-date{color:var(--text-light);font-size:var(--text-small);opacity:.7}.no-selection{align-items:center;color:var(--text-light);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-selection h3{color:var(--accent-1);margin:0 0 8px}.no-selection p{margin:0;opacity:.7}@media (max-width:768px){.trade-items-section{gap:16px;grid-template-columns:1fr}.proposal-actions{flex-direction:column;gap:12px}.action-btn{width:100%}.proposal-participants{flex-direction:column;gap:12px;text-align:center}.trade-arrow{transform:rotate(90deg)}}.create-trade-page{background:var(--main-background);box-sizing:border-box;color:var(--text-light);font-family:Montserrat,Arial,Helvetica,sans-serif;height:100vh;overflow:hidden;padding-top:80px}.create-trade-page.loading{align-items:center;color:var(--accent-1);display:flex;font-size:var(--text-large);justify-content:center}.error-banner{margin-bottom:1rem;padding:1rem}.error,.error-banner{background:var(--negative-red);border:1px solid var(--outline);border-radius:10px;color:#fff;font-weight:500;text-align:center}.error{font-size:var(--text-large);padding:2rem}.trade-content{box-sizing:border-box;display:flex;flex-direction:row;gap:8px;margin:0 auto;max-width:1400px;overflow:hidden;width:calc(100% - 2rem)}@media (min-width:1400px){.trade-content{max-width:none;width:calc(100% - 3rem)}}.users-section{display:flex;flex:3 1;flex-direction:column;gap:8px;height:100%}.user-area{display:grid;flex:1 1;grid-template-columns:220px 1fr}.user-area .layout-box:first-child{align-items:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:1rem!important}.profile-pins-medals{display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start;margin-top:0!important;min-height:0;overflow:hidden}.create-trade-page .actions-section{display:grid;grid-template-columns:1fr 1fr;justify-content:flex-end}.create-trade-page .actions-section,.stats-section{flex-shrink:0;margin-top:auto;padding:8px 0!important}.stats-section{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;justify-content:flex-end!important}.trade-section{display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%}.balance-box{flex:2.5 1;min-height:140px}.balance-inputs{display:flex;gap:1rem;justify-content:space-between;width:100%}.balance-input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;text-align:left}.balance-input-group label{color:var(--text-light);font-size:var(--text-small);font-weight:500}.balance-input{background:var(--main-background);border:1px solid var(--outline);border-radius:6px;box-sizing:border-box;color:var(--text-light);font-family:inherit;font-size:var(--text-medium);padding:.75rem;transition:all .2s ease;width:100%}.balance-input:focus{background:var(--secondary-background);border-color:var(--accent-1);box-shadow:0 0 0 2px #ffa5001a;outline:none}.balance-input::placeholder{color:var(--accent-1-background);opacity:1}.balance-preview{background:var(--accent-1-background);border:1px solid var(--accent-1);border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:.75rem;text-align:left;width:100%}.balance-preview p{color:var(--accent-1);margin:0}.balance-amount,.balance-preview p{font-size:var(--text-small);font-weight:600;text-align:center}.balance-amount{border-radius:5px;display:inline-block;padding:.4rem .8rem}.balance-amount.positive{background:var(--accent-1);color:var(--main-background)}.message-box{flex:2 1;max-height:150px;min-height:120px}.trade-message-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--main-background);border:1px solid var(--outline);border-radius:6px;box-sizing:border-box;color:var(--text-light);font-family:inherit;font-size:var(--text-small);min-height:60px;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.trade-message-input:focus{background:var(--secondary-background);border-color:var(--accent-1);box-shadow:0 0 0 2px #ffa5001a;outline:none}.trade-message-input::placeholder{color:var(--accent-1-background);opacity:1}.message-counter{font-sze:var(--text-extra-small);color:var(--accent-1-background);margin-top:.25rem;opacity:.8;text-align:right}.trade-section>.layout-box.summary-box{flex:4 1}.trade-actions-row{display:flex;flex:1 1;flex-direction:row;gap:8px}.trade-actions-row .layout-box{cursor:pointer;flex:1 1;padding:.5rem}.trade-actions-row .layout-box h3{font-size:var(--text-medium);margin:0 0 .5rem}.trade-actions-row .layout-box p{font-size:var(--text-small);margin:.1rem 0}.trade-values{display:flex;flex-direction:column;gap:.5rem;text-align:left}.trade-values p{color:var(--text-light);font-size:var(--text-small);margin:.2rem 0}.trade-divider{border:none;border-top:1px solid var(--outline);margin:.75rem 0;opacity:.6}.trade-balance.positive{color:#10b981}.trade-balance.negative{color:#ef4444}.item-counts{font-sze:var(--text-small);color:var(--accent-1);font-weight:500;margin-top:.5rem;text-align:center}.proposer-inventory-container{height:100%}.inventory-header{align-items:center;border-bottom:1px solid var(--outline);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1rem .5rem}.inventory-header h3{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0}.inventory-stats{font-sze:var(--text-small);align-items:center;color:var(--text-light);display:flex;gap:1rem}.clear-selection-btn{font-sze:var(--text-extra-small);padding:.3rem .6rem}.layout-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.layout-box h3{color:var(--accent-1);font-size:var(--text-large);font-weight:600;margin:0 0 1rem}.layout-box p{color:var(--text-light);font-size:var(--text-small);margin:.25rem 0;opacity:.9}.proposer-inventory-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:43.5vh;min-height:0;overflow:hidden;position:relative;transition:all .3s ease}.proposer-inventory-container:before{background:var(--secondary-background);border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.proposer-inventory-container>*{position:relative;z-index:1}.inventory-filters{background:#0000001a;border-bottom:1px solid var(--outline);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.inventory-filter-select,.inventory-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--main-background);border:1px solid var(--outline);border-radius:6px;color:var(--text-light);font-size:var(--text-small);min-width:100px;padding:.4rem .6rem;transition:all .2s ease}.inventory-search-input{flex:1 1;min-width:140px}.inventory-filter-select{min-width:90px}.inventory-filter-select:focus,.inventory-search-input:focus{background:var(--secondary-background);border-color:var(--accent-1);outline:none}.inventory-search-input::placeholder{color:var(--accent-1-background);opacity:1}.clear-selection-btn{background:var(--negative-red);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:var(--text-small);padding:.4rem .6rem;transition:all .2s ease;white-space:nowrap}.clear-selection-btn:hover{background:#d32f2f;transform:translateY(-1px)}.inventory-grid-container{flex:1 1;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--accent-1) #0000;scrollbar-width:thin}.inventory-grid-container::-webkit-scrollbar{width:6px}.inventory-grid-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.inventory-grid-container::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}.inventory-grid{grid-gap:8px;align-items:center;background:#0000;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));justify-items:center;max-width:100%;padding:8px}.inventory-empty-state{align-items:center;color:var(--text-light);display:flex;flex:1 1;flex-direction:column;justify-content:center;opacity:.7;padding:2rem;text-align:center}.inventory-empty-state .empty-icon{font-size:var(--text-extra-large);margin-bottom:1rem;opacity:.5}.inventory-empty-state p{font-size:var(--text-small);margin:.25rem 0}.proposer-inventory-container .compact-inventory-card{height:108px!important;max-width:90px!important;min-height:108px!important;width:90px!important}.proposer-inventory-item.compact-inventory-card{transition:all .2s ease}.proposer-inventory-item.compact-inventory-card:hover{transform:translateY(-2px)}.recipient-stall-container{--stall-card-width:90px;--stall-card-height:108px;--stall-grid-columns:8;--stall-grid-rows:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:43.5vh;min-height:0;overflow:hidden;position:relative;transition:all .3s ease}.recipient-stall-header{flex-shrink:0;margin-bottom:.75rem;text-align:center}.recipient-stall-header h3{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0 0 .5rem}.recipient-stall-info{font-sze:var(--text-small);color:var(--text-light);display:flex;justify-content:space-between;opacity:.9}.stall-grid-container{flex:1 1;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--accent-1) #0000;scrollbar-width:thin}.stall-grid-container::-webkit-scrollbar{width:6px}.stall-grid-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.stall-grid-container::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}.stall-grid{grid-gap:8px;align-items:center;background:#0000;border-radius:0;display:grid;gap:8px;grid-auto-rows:minmax(140px,auto);grid-auto-rows:minmax(var(--stall-card-height,140px),auto);grid-template-columns:repeat(8,minmax(50px,1fr));grid-template-columns:repeat(var(--stall-grid-columns,8),minmax(var(--stall-card-width,50px),1fr));justify-items:center;max-width:100%;order:none;padding:8px}.stall-empty-state{align-items:center;color:var(--text-light);display:flex;flex:1 1;flex-direction:column;justify-content:center;opacity:.7;text-align:center}.stall-empty-state .empty-icon{font-size:var(--text-extra-large);margin-bottom:1rem;opacity:.5}.stall-empty-state p{font-size:var(--text-small);margin:.25rem 0}.recipient-stall-container .compact-inventory-card{height:140px!important;height:var(--stall-card-height,140px)!important;max-width:90px!important;max-width:var(--stall-card-width,90px)!important;min-height:140px!important;min-height:var(--stall-card-height,140px)!important;width:90px!important;width:var(--stall-card-width,90px)!important}@media (max-width:768px){.stall-grid{gap:4px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.recipient-stall-header{margin-bottom:.5rem}.recipient-stall-header h3{font-size:var(--text-medium)}.recipient-stall-info{font-size:var(--text-small)}.inventory-filters{flex-direction:column;gap:.4rem;padding:.5rem 1rem}.inventory-filter-select,.inventory-search-input{min-width:auto;width:100%}.inventory-grid{gap:4px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:4px}.proposer-inventory-container .compact-inventory-card{height:100px!important;max-width:80px!important;min-height:100px!important;width:80px!important}.inventory-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 1rem .5rem}.inventory-stats{flex-direction:row;flex-wrap:wrap;font-size:var(--text-small);gap:.5rem}}.light-summary-box:before{background:var(--secondary-background);border-radius:10px;bottom:0;content:"";flex:1 1;left:0;pointer-events:none;position:absolute;right:0;top:0}.light-summary-box{flex:1 1;transition:all .3s ease}.layout-box>*{position:relative;z-index:1}@media (max-width:1200px){.trade-content{padding:1.5rem .5rem;width:calc(100% - 1rem)}.layout-bottom-section,.layout-top-section{gap:.75rem;grid-template-columns:1fr;height:auto}.layout-box{height:150px;padding:1rem}.layout-right-column{flex-direction:row}}@media (max-width:768px){.create-trade-page{padding-top:70px}.trade-content{padding:1rem .25rem}.layout-box{height:120px;padding:.75rem}.layout-box h3{font-size:var(--text-medium);margin-bottom:.5rem}.layout-box p{font-size:var(--text-small)}.layout-right-column{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.users-section{animation:fadeInUp .6s ease-out}.trade-section{animation:fadeInUp .6s ease-out .1s both}@media (max-width:768px){.trade-content{flex-direction:column;gap:8px;height:calc(100vh - 80px - 1rem);padding:.5rem}.users-section{flex:3 1;height:auto}.user-area{gap:8px;grid-template-columns:1fr}.trade-section{flex:1 1;height:auto}.trade-section>.layout-box.summary-box{flex:4 1}.trade-section>.layout-box.message-box{flex:2 1;max-height:120px;min-height:100px}.trade-actions-row{flex:1 1;flex-direction:column;gap:4px}.trade-actions-row .layout-box{padding:.3rem}.layout-box{padding:.5rem}}.layout-box{animation:fadeInUp .4s ease-out}.trade-notifications{display:inline-block;font-family:Montserrat,Arial,Helvetica,sans-serif;position:relative}.notifications-trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.notifications-trigger:hover{background:var(--secondary-background);border-color:var(--accent-1);box-shadow:0 8px 25px var(--outline);transform:translateY(-2px)}.notification-icon{color:var(--accent-1);font-size:var(--text-medium)}.notification-badge{align-items:center;background:var(--accent-2);border:2px solid var(--accent-2-background-dark);border-radius:50%;box-shadow:0 2px 8px #f4433666;color:#fff;display:flex;font-size:var(--text-small);font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.notifications-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;box-shadow:0 16px 48px #0009;max-height:500px;overflow:hidden;position:absolute;right:0;top:50px;width:350px;z-index:1000}.notifications-header{align-items:center;background:var(--secondary-background);border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;padding:16px}.notifications-header h3{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0;text-shadow:0 2px 10px var(--outline)}.notifications-actions{align-items:center;display:flex;gap:8px}.mark-all-read-btn{background:linear-gradient(135deg,var(--accent-1),#42a5f5);border:none;border-radius:8px;color:#0f172a;font-size:var(--text-small);font-weight:600;padding:6px 12px;transition:all .3s ease}.mark-all-read-btn:hover:not(:disabled){background:linear-gradient(135deg,#42a5f5,var(--accent-1));box-shadow:0 4px 15px #64ffda66;transform:translateY(-1px)}.mark-all-read-btn:disabled{background:linear-gradient(135deg,#1e293b99,#0f172a99);box-shadow:none;color:#ccd6f680;cursor:not-allowed;transform:none}.close-dropdown-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-light);display:flex;font-size:var(--text-large);height:24px;justify-content:center;padding:4px;transition:all .3s ease;width:24px}.close-dropdown-btn:hover{background:var(--accent-1-background-dark);color:var(--accent-1)}.notifications-list{max-height:350px;overflow-y:auto}.notifications-list::-webkit-scrollbar-track{background:var(--accent-1-background-dark);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%)}.no-notifications{color:var(--text-light);padding:40px 20px;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid var(--accent-1-background-dark);display:flex;padding:12px 16px;position:relative;transition:all .3s ease}.notification-item.unread,.notification-item:hover{background:var(--accent-1-background-dark)}.notification-item.unread{border-left:3px solid var(--accent-1)}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notification-type-icon{color:var(--accent-1);font-size:var(--text-medium);margin-right:8px}.notification-time{color:var(--text-light);font-size:var(--text-small)}.notification-message{word-wrap:break-word;color:var(--text-light);font-size:var(--text-medium);line-height:1.4}.unread-indicator{background:var(--accent-1);border-radius:50%;box-shadow:0 0 8px var(--accent-1-background);height:8px;position:absolute;right:16px;top:16px;width:8px}.delete-notification-btn{background:none;border:none;border-radius:6px;color:var(--text-light);flex-shrink:0;font-size:var(--text-medium);margin-left:8px;opacity:0;padding:4px;transition:all .3s ease}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{background:var(--accent-2-background-dark);color:var(--accent-2)}.notifications-footer{border-top:1px solid var(--outline);padding:12px 16px}.notifications-footer,.view-all-btn{background:var(--secondary-background)}.view-all-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--outline);border-radius:8px;color:var(--accent-1);font-size:var(--text-medium);font-weight:600;padding:8px 12px;transition:all .3s ease;width:100%}.view-all-btn:hover{background:var(--accent-1-background);border-color:var(--accent-1);box-shadow:0 4px 15px var(--outline);transform:translateY(-1px)}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#444}.notifications-list::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width:480px){.notifications-dropdown{right:-20px;width:300px}.notification-item{padding:10px 12px}.notifications-header{padding:12px}}.online-indicator{align-items:center;display:flex;gap:8px}.online-indicator--small .online-indicator__dot{height:8px;width:8px}.online-indicator--medium .online-indicator__dot{height:12px;width:12px}.online-indicator--large .online-indicator__dot{height:16px;width:16px}.online-indicator__dot{border-radius:50%;position:relative;transition:all .3s ease}.online-indicator__dot--online{background-color:#4caf50;box-shadow:0 0 8px #4caf504d}.online-indicator__dot--offline{background-color:#9e9e9e}.online-indicator__pulse{animation:pulse 2s infinite;background-color:#4caf50;border-radius:50%;bottom:-2px;left:-2px;opacity:.6;position:absolute;right:-2px;top:-2px}.online-indicator__text{color:#fff;font-size:var(--text-small);font-weight:500;transition:color .3s ease}.online-indicator__text--online{color:#4caf50}.online-indicator__text--offline{color:#9e9e9e}.online-indicator__last-seen{color:#757575;font-size:var(--text-small);font-style:italic}@media (max-width:768px){.online-indicator--large .online-indicator__dot{height:14px;width:14px}.online-indicator--medium .online-indicator__dot{height:10px;width:10px}.online-indicator__text{font-size:var(--text-small)}.online-indicator__last-seen{font-size:var(--text-extra-small)}}.online-indicator--minimal{gap:4px}.online-indicator--minimal .online-indicator__dot{border:2px solid #fff;box-shadow:0 0 0 1px #0000001a}.online-indicator--card{background-color:#0000000d;border-radius:12px;gap:6px;padding:4px 8px}.search-dropdown{background:var(--main-background);border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-family:Montserrat,Arial,Helvetica,sans-serif;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-dropdown-loading{align-items:center;color:var(text-light);display:flex;gap:8px;justify-content:center;padding:20px}.search-spinner{animation:spin 1s linear infinite;border:2px solid #444;border-radius:50%;border-top:2px solid var(--accent-2);color:var(--text-light);height:16px;width:16px}.search-spinner-text{color:var(--text-light);font-size:var(--text-medium)}.search-section-header{align-items:center;background:var(--main-background);border-bottom:1px solid var(--secondary-background);color:var(--accent-2);display:flex;font-weight:600;gap:8px;margin:0;padding:12px 16px 8px}.search-icon,.search-section-header{font-size:var(--text-medium)}.search-result-item{align-items:center;border-bottom:1px solid var(--secondary-background);display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--secondary-background)}.search-result-avatar{border:2px solid var(--outline);border-radius:50%;flex-shrink:0;height:40px;width:40px}.search-result-info{flex:1 1;min-width:0}.search-result-name{color:#fff;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-details{color:var(--text-light);flex-direction:column;gap:2px}.search-result-details,.search-status{display:flex;font-size:var(--text-small)}.search-status{align-items:center;gap:4px}.search-status.online{color:#4ade80}.search-status.offline,.search-trades{color:var(--text-light)}.search-items,.search-trades{font-size:var(--text-small)}.search-items{color:var(--accent-2);font-weight:500}.search-matching-items{margin-top:2px}.search-item-name,.search-more-items{color:var(--text-light);font-size:var(--text-small)}.search-more-items{font-style:italic}.search-no-results{color:var(--text-light);padding:32px 16px;text-align:center}.search-no-results-icon{font-size:var(--text-extra-large);margin-bottom:8px;opacity:.6}.search-no-results-text{color:var(--text-light);font-size:var(--text-medium);font-weight:500;margin-bottom:4px}.search-no-results-hint{color:var(--text-light);font-size:var(--text-small)}.search-hint{padding:16px;text-align:center}.search-hint-text{color:var(--text-light);font-size:var(--text-small)}.stall-result .search-result-info{display:flex;flex-direction:column}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:#1a1a1a}.search-dropdown::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.search-dropdown{max-height:300px}.search-result-item{padding:10px 12px}.search-result-avatar{height:32px;width:32px}.search-section-header{font-size:var(--text-small);padding:10px 12px 6px}}:root{--main-background:#0a192f;--secondary-background:#1e293b;--accent-1:#64ffda;--accent-1-background:#64ffda4d;--accent-1-background-dark:#64ffda1a;--accent-2:#ff6b35;--accent-2-background:#ff8a50;--accent-2-background-dark:#ff6b3533;--text-light:#ccd6f6;--text-dark:#0a192f;--outline:#64ffda26;--positive-green:#22c55e;--positie-green-dark:#22c55e;--negative-red:#ef4444;--negative-red-dark:#ef4444;--account-banner-color:#a80931;--account-border-color:#770723;--premium-gold:gold;--premium-gold-dark:#cca300;--premium-gold-background:#ffd70033;--text-extra-small:10px;--text-small:12px;--text-medium:15px;--text-large:18px;--text-extra-large:28px}header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:0 0 10px 10px;border-top:none;display:flex;font-family:Montserrat,Arial,Helvetica,sans-serif;gap:20px;height:64px;left:50%;max-width:1400px;padding:0 2rem;position:fixed;top:0;transform:translateX(-50%);width:calc(100% - 2rem);z-index:100}body,header,html{box-sizing:border-box}body,html{-ms-overflow-style:none;background:var(--main-background);margin:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-width:none;width:100vw}@media (min-width:1400px){header{max-width:none;padding:0 3rem;width:calc(100% - 3rem)}}.header-left-section{align-items:center;display:flex;flex-shrink:0;gap:16px}.header-nav{gap:12px;margin-left:8px}.header-nav,.header-nav-link{align-items:center;display:flex}.header-nav-link{border-radius:10px;color:var(--text-light);font-size:var(--text-medium);font-weight:500;gap:6px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.header-nav-link:hover{background:var(--accent-1-background);color:var(--accent-1)}.header-nav-link.active{color:var(--accent-1);font-weight:600}.header-nav-link.active:after{background:var(--accent-1);border-radius:50%;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.header-title{color:var(--accent-2);flex:0 0 auto;font-size:var(--text-large);font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #00000080;transition:all .2s ease}.header-title:hover{color:var(--accent-1);transform:scale(1.05)}.header-discord-btn{align-items:center;background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:8px;box-shadow:0 2px 8px #5865f24d;color:#fff;display:flex;font-size:var(--text-medium);font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.header-discord-btn:hover{background:linear-gradient(135deg,#4752c4,#5865f2);box-shadow:0 4px 12px #5865f266;color:#fff;transform:translateY(-1px)}.header-discord-btn svg{transition:transform .2s ease}.header-discord-btn:hover svg{transform:scale(1.1)}.header-center-search{align-items:center;display:flex;flex-shrink:0;gap:20px}.search-input-container{align-items:center;display:flex;position:relative}.header-searchbar{background:var(--main-background);border:1px solid var(--outline);border-radius:8px;box-shadow:0 4px 12px #0003;color:var(--text-light);font-size:var(--text-medium);max-width:40vw;opacity:1;outline:none;padding:10px 40px 10px 18px;transition:all .2s ease;width:320px}.header-searchbar:focus{background:var(--secondary-background);border-color:var(--accent-2)}.header-searchbar::placeholder,.search-clear-btn{color:var(--text-light)}.search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;display:flex;font-size:var(--text-medium);height:20px;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease;width:20px}.search-clear-btn:hover{color:var(--accent-2)}.header-user{align-items:center;display:flex;gap:16px;margin-left:auto;position:relative}.header-balance-btn{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:var(--text-medium);gap:8px;padding:5px;transition:all .3s ease}.header-balance-btn:hover{border-color:var(--accent-1);transform:scale(1.1)}.header-balance-btn:active{transform:translateY(0)}.balance-icon{font-size:var(--text-medium);line-height:1}.balance-header-amount{color:var(--text-light)}.header-user-menu{position:relative}.header-user-avatar-container{align-items:center;border-radius:50%;display:flex;padding:4px;position:relative;transition:all .2s ease}.header-user-avatar-container:hover{background:var(--accent-1-background)}.header-avatar{border:2px solid var(--outline);border-radius:50%;height:40px;transition:all .2s ease;width:40px}.header-avatar.premium{border:2px solid gold;box-shadow:0 0 8px #ffd70066}.header-user-avatar-container:hover .header-avatar{border-color:var(--accent-1);box-shadow:0 0 12px var(--outline)}.header-user-avatar-container:hover .header-avatar.premium{border-color:gold;box-shadow:0 0 16px #ffd70099}.header-user-status-indicator{background:#4caf50;border-radius:50%;bottom:2px;padding:2px;position:absolute;right:2px}.header-user-dropdown{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;box-shadow:0 8px 32px #0000004d;margin-top:16px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}.header-user-dropdown.premium{border:1px solid gold;box-shadow:0 8px 32px #0000004d,0 0 20px #ffd7004d}.user-dropdown-header{align-items:center;background:var(--secondary-background);border-radius:12px 12px 0 0;display:flex;gap:12px;padding:20px}.dropdown-avatar{border:2px solid var(--outline);border-radius:50%;height:48px;width:48px}.dropdown-avatar.premium{border:2px solid gold;box-shadow:0 0 12px #ffd70080}.dropdown-avatar.border-rainbow,.header-avatar.border-rainbow{animation:rainbowRotate 3s linear infinite;background-clip:padding-box,border-box;background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-origin:border-box;border:3px solid #0000!important;box-shadow:none!important}.dropdown-avatar.border-fire,.header-avatar.border-fire{animation:fireFlicker 2s ease-in-out infinite;border:3px solid #ff4500!important;box-shadow:0 0 10px #ff4500cc,0 0 20px #ff8c0099,0 0 30px #ff450066!important}.dropdown-avatar.border-plasma,.header-avatar.border-plasma{animation:plasmaGlow 2.5s ease-in-out infinite;background-clip:padding-box,border-box;background-image:linear-gradient(var(--secondary-background),var(--secondary-background)),linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);background-origin:border-box;border:3px solid #0000!important;box-shadow:0 0 20px #667eea99!important}.dropdown-avatar.border-diamond,.header-avatar.border-diamond{border:3px solid #b9f2ff!important;box-shadow:0 0 10px #b9f2ff99!important}.dropdown-avatar.border-ruby,.header-avatar.border-ruby{border:3px solid #e0115f!important;box-shadow:0 0 10px #e0115f99!important}.dropdown-avatar.border-emerald,.header-avatar.border-emerald{border:3px solid #50c878!important;box-shadow:0 0 10px #50c87899!important}.dropdown-avatar.border-gold,.header-avatar.border-gold{border:3px solid gold!important;box-shadow:0 0 8px #ffd70066!important}.dropdown-avatar.border-silver,.header-avatar.border-silver{border:3px solid silver!important;box-shadow:0 0 8px #c0c0c066!important}.dropdown-avatar.border-bronze,.header-avatar.border-bronze{border:3px solid #cd7f32!important;box-shadow:0 0 8px #cd7f3266!important}.premium-crown{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));height:22px;justify-content:center;pointer-events:none;position:absolute;right:-3px;rotate:20deg;top:-5px;width:22px}.dropdown-avatar-container{position:relative}.premium-crown.dropdown{font-size:var(--text-extra-large);height:50px;left:40px;top:0;width:50px}.dropdown-user-info{display:flex;flex-direction:column;gap:4px}.dropdown-username{color:var(--text-light);font-size:var(--text-medium);font-weight:600}.dropdown-user-status{margin-left:0}.user-dropdown-divider{background:var(--outline);height:1px}.user-dropdown-section{padding:8px 0}.dropdown-section-title{color:var(--accent-1);font-size:var(--text-small);font-weight:600;letter-spacing:.5px;opacity:.8;padding:8px 20px;text-transform:uppercase}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-light);display:flex;font-size:var(--text-medium);gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:var(--accent-1-background);color:var(--accent-1)}.dropdown-item.logout-item{color:var(--accent-2)}.dropdown-item.logout-item:hover{background:#ff6b351a;color:var(--accent-2-background)}.dropdown-icon{font-size:var(--text-medium);text-align:center;width:20px}.header-guest{margin-left:auto}.header-steam-btn{background:var(--accent-1);border:none;border-radius:8px;box-shadow:0 4px 12px var(--outline);color:var(--text-dark);font-size:var(--text-medium);font-weight:600;padding:10px 20px;transition:all .2s ease}.header-steam-btn:hover{background:var(--accent-1);box-shadow:0 6px 20px #64ffda66;transform:translateY(-2px)}.header-crosshair-btn:hover svg{filter:drop-shadow(0 0 8px var(--accent-2)cc)}.header-user-status{margin-left:0}@media (max-width:1200px){header{padding:0 1.5rem;width:calc(100% - 1.5rem)}.header-searchbar{max-width:35vw;width:280px}.header-nav{gap:8px}.header-nav-btn{font-size:var(--text-small);padding:6px 12px}}@media (max-width:768px){header{border-radius:0 0 8px 8px;height:56px;padding:0 1rem;top:0;width:calc(100% - 1rem)}.header-left-section{gap:12px}.header-nav{gap:6px}.header-nav-btn{font-size:var(--text-small);padding:6px 10px}.header-searchbar{max-width:30vw;padding:8px 35px 8px 16px;width:200px}.header-center-search{gap:15px}}@media (max-width:480px){header{border-radius:0 0 6px 6px;height:52px;padding:0 .75rem;top:0;width:calc(100% - .5rem)}.header-left-section{gap:8px}.header-nav{display:none}.header-searchbar{font-size:var(--text-medium);max-width:25vw;padding:6px 30px 6px 14px;width:150px}.header-center-search{gap:10px}.header-discord-btn{height:36px;padding:6px;width:36px}.header-discord-btn svg{height:16px;width:16px}}.header-guest{align-items:center;display:flex;flex:0 0 auto;gap:12px;position:relative}.header-dev-login-btn{background:linear-gradient(135deg,var(--accent-2) 0,var(--accent-2-background) 100%);border:none;border-radius:6px;color:#fff;font-size:var(--text-small);font-weight:500;opacity:.8;padding:8px 16px;transition:all .2s ease}.header-dev-login-btn:hover{background:linear-gradient(135deg,var(--accent-2-background) 0,var(--accent-2) 100%);opacity:1;transform:translateY(-1px)}.dev-login-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dev-login-content{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;margin-top:500px;max-height:80vh;max-width:500px;min-width:400px;overflow-y:auto;padding:30px;text-align:center}.dev-login-content h3{color:var(--accent-1);font-size:var(--text-large);margin-bottom:20px}.dev-login-input{background:#1e293b99;border:1px solid var(--outline);border-radius:6px;box-sizing:border-box;color:var(--text-light);font-size:var(--text-medium);margin-bottom:20px;padding:12px;width:100%}.dev-login-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px var(--outline);outline:none}.dev-login-buttons{display:flex;gap:10px;justify-content:center}.dev-login-submit{background:linear-gradient(135deg,var(--accent-1) 0,#00d4aa 100%);border:none;border-radius:6px;color:#0f172a;font-weight:500;padding:10px 20px;transition:all .2s ease}.dev-login-submit:hover{background:linear-gradient(135deg,#00d4aa 0,var(--accent-1) 100%);transform:translateY(-1px)}.dev-login-cancel{background:#0000;border:1px solid var(--outline);border-radius:6px;color:var(--text-light);font-weight:500;padding:10px 20px;transition:all .2s ease}.dev-login-cancel:hover{background:var(--accent-1-background);border-color:var(--accent-1)}.loading-users{color:var(--accent-1);font-style:italic;margin:20px 0}.available-users{margin:20px 0;text-align:left}.available-users h4{color:var(--accent-1);font-size:var(--text-medium);margin-bottom:10px;text-align:center}.user-list{border:1px solid var(--outline);border-radius:8px;max-height:200px;overflow-y:auto;padding:10px}.user-item{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:8px;padding:8px;transition:all .2s ease}.user-item:hover{background:var(--accent-1-background)}.user-item:last-child{margin-bottom:0}.user-avatar{border:1px solid var(--outline);border-radius:50%;height:32px;width:32px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-light);font-size:var(--text-medium);font-weight:500}.user-id{color:var(--accent-1);font-size:var(--text-small);opacity:.8}@keyframes rainbowRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes fireFlicker{0%,to{box-shadow:0 0 10px #ff4500cc,0 0 20px #ff8c0099,0 0 30px #ff450066}50%{box-shadow:0 0 15px #ff4500,0 0 25px #ff8c00cc,0 0 35px #ff450099}}@keyframes plasmaGlow{0%,to{box-shadow:0 0 20px #667eea99}50%{box-shadow:0 0 30px #764ba2cc}}.inventory-loading-popup{animation:slideInUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;bottom:24px;box-shadow:0 16px 48px #0009;font-family:Montserrat,Arial,Helvetica,sans-serif;max-width:calc(100vw - 48px);position:fixed;right:24px;width:380px;z-index:2000}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inventory-loading-popup.minimized{width:280px}.inventory-loading-popup.minimized .loading-popup-content{display:none}.loading-popup-header{align-items:center;background:var(--main-background);border-bottom:1px solid var(--outline);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.loading-header-left{align-items:center;display:flex;gap:12px}.loading-title{color:var(--accent-1);font-size:var(--text-medium);font-weight:600}.loading-spinner-small{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;border-top:2px solid var(--accent-1-background-dark);border:2px solid var(--accent-1-background-dark);border-radius:50%;border-top-color:var(--accent-1);height:20px;width:20px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #f4433666}50%{box-shadow:0 0 0 4px #f4433600}}.minimize-btn{background:none;border:none;border-radius:4px;color:var(--text-light);cursor:pointer;font-size:var(--text-medium);padding:4px 8px;transition:all .2s ease}.minimize-btn:hover{background:var(--accent-1-background-dark);color:var(--accent-1)}.loading-popup-container{display:flex;flex-direction:column}.loading-popup-content{padding:20px}.loading-status{color:var(--text-light);font-size:var(--text-medium);margin-bottom:16px;min-height:20px;text-align:left}.progress-bar{background:var(--accent-1-background-dark);border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden;width:100%}.progress-fill{background:var(--accent-2);box-shadow:0 0 10px #f4433666;height:100%;transition:width .3s ease}.loading-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.step{align-items:center;background:var(--main-background);border-radius:6px;color:var(--text-light);display:flex;font-size:var(--text-small);gap:8px;padding:8px 12px;transition:all .3s ease}.step-icon{font-size:var(--text-medium);opacity:.5;transition:opacity .3s ease}.step.active{background:var(--accent-1-background-dark);border:1px solid var(--accent-1);color:var(--accent-1)}.step.active .step-icon{opacity:1}.step.completed{background:var(--main-background);border:1px solid #22c55e4d;color:#22c55e}.step.completed .step-icon{opacity:1}.step.completed .step-icon:after{content:" ✓"}.loading-note{color:var(--text-light);font-size:var(--text-small);font-style:italic;margin:0;opacity:.7;text-align:center}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;margin-top:12px;padding:12px;text-align:center}.error-message p{font-size:var(--text-small);margin:0 0 8px}.error-message button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:var(--text-small);font-weight:600;padding:6px 14px;transition:background-color .2s ease}.error-message button:hover{background:#dc2626}@media (max-width:768px){.inventory-loading-popup{bottom:16px;left:16px;max-width:none;right:16px;width:auto}.inventory-loading-popup.minimized{width:auto}.loading-popup-header{padding:12px 16px}.loading-popup-content{padding:16px}.loading-title{font-size:var(--text-medium)}.loading-status,.step{font-size:var(--text-small)}.step{padding:6px 10px}}@media (max-width:480px){.inventory-loading-popup{bottom:12px;left:12px;right:12px}}.legal-container{font-family:Montserrat,Arial,Helvetica,sans-serif;margin:60px auto;max-width:800px;padding:24px}.legal-container h1{color:var(--text-light);font-size:var(--text-extra-large);font-weight:700;margin-bottom:24px}.legal-container h2{color:var(--accent-1);font-size:var(--text-large);font-weight:600;margin-bottom:8px;margin-top:24px}.legal-container p{color:var(--text-light);font-size:var(--text-medium);line-height:1.6;margin-bottom:12px}@media (max-width:768px){.legal-container{border-radius:8px;margin:16px 0;padding:12px}.legal-container h1{font-size:var(--text-large)}.legal-container h2,.legal-container p{font-size:var(--text-medium)}}.cookie-consent-banner{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;bottom:24px;box-shadow:0 4px 24px #0000002e;color:var(--text-light);font-family:Montserrat,Arial,Helvetica,sans-serif;left:50%;max-width:90vw;min-width:320px;padding:0;position:fixed;transform:translateX(-50%);z-index:2000}.cookie-consent-content{align-items:flex-start;display:flex;flex-direction:column;gap:12px;padding:18px 24px}.cookie-consent-content a{color:var(--accent-1);font-weight:500;text-decoration:underline}.cookie-consent-actions{display:flex;gap:10px}.cookie-btn{border:none;border-radius:6px;cursor:pointer;font-size:var(--text-medium);font-weight:600;padding:8px 18px;transition:background .2s,color .2s}.cookie-btn.accept{color:var(--text-dark)}.cookie-btn.accept,.cookie-btn.accept:hover{background:var(--accent-1)}.cookie-btn.refuse{background:none;border:1px solid var(--accent-1);color:var(--text-light)}.cookie-btn.refuse:hover{background:var(--secondary-background);color:var(--accent-1)}@media (max-width:600px){.cookie-consent-content{font-size:var(--text-medium);padding:12px 8px}.cookie-consent-banner{max-width:98vw;min-width:0}}.construction-landing{background:var(--main-background);bottom:0;color:var(--text-light);font-family:Montserrat,Arial;height:100vh;left:0;overflow:hidden;position:relative;right:0;top:0;width:100vw}.persistent-social{display:flex;gap:12px;position:fixed;right:30px;top:30px;transition:all .8s cubic-bezier(.16,1,.3,1);z-index:150}.persistent-social.footer-position{bottom:80px;left:50%;right:auto;top:auto;transform:translateX(-50%)}.persistent-social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64ffda1a;border:2px solid #64ffda4d;border-radius:50%;color:#64ffdab3;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.persistent-social-link:hover{background:#64ffda33;border-color:#64ffda;box-shadow:0 0 15px #64ffda66;color:#64ffda;transform:scale(1.1)}.persistent-social-link.twitter:hover{border-color:#1da1f2;box-shadow:0 0 15px #1da1f266;color:#1da1f2}.persistent-social-link.discord:hover{border-color:#5865f2;box-shadow:0 0 15px #5865f266;color:#5865f2}.section-indicators{display:flex;flex-direction:column;gap:12px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100}.indicator{background:#64ffda4d;border:2px solid #64ffda80;border-radius:50%;cursor:pointer;height:6px;transition:all .3s ease;width:6px}.indicator:hover{background:#64ffda99;transform:scale(1.2)}.indicator.active{background:#64ffda;border-color:#64ffda;box-shadow:0 0 20px #64ffda99;transform:scale(1.3)}.nav-indicator{animation:fadeIn .5s ease;color:#64ffda4d;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:100}.nav-indicator-up{animation:subtleFloatUp 3s ease-in-out infinite;top:20px}.nav-indicator-down{animation:subtleFloatDown 3s ease-in-out infinite;bottom:20px}@keyframes subtleFloatUp{0%,to{opacity:.3;transform:translateX(-50%) translateY(0)}50%{opacity:.5;transform:translateX(-50%) translateY(-5px)}}@keyframes subtleFloatDown{0%,to{opacity:.3;transform:translateX(-50%) translateY(0)}50%{opacity:.5;transform:translateX(-50%) translateY(5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fixed-section{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s cubic-bezier(.16,1,.3,1);visibility:hidden;width:100%;z-index:1}.fixed-section.active{opacity:1;pointer-events:auto;visibility:visible;z-index:10}.hero-section{background:linear-gradient(135deg,#0a192f,#1a2332 50%,#0a192f);padding:40px 20px}.hero-content{display:flex;flex-direction:column;max-width:800px;text-align:center;transform:scale(.9);transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:1}.fixed-section.active .hero-content{transform:scale(1)}.logo-3d-container{margin:0 auto;perspective:1500px}.logo-3d-container,.logo-3d-tilt{align-items:center;display:flex;flex-direction:column;position:relative}.logo-3d-tilt{transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.logo-3d-tilt:before{border-radius:50%;content:"";height:120%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(-30px);transition:opacity .3s ease;width:120%;z-index:-1}.logo-3d-tilt:hover:before{opacity:1}.logo-3d-tilt .construction-logo,.logo-3d-tilt .construction-logo-text{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));transition:filter .3s ease}.logo-3d-tilt:hover .construction-logo,.logo-3d-tilt:hover .construction-logo-text{filter:drop-shadow(0 15px 40px rgba(100,255,218,.2))}.logo-3d-tilt:after{border-radius:20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(1px);transition:opacity .3s ease}.logo-3d-tilt:hover:after{opacity:1}.construction-logo{height:200px}.construction-logo,.construction-logo-text{margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s ease .2s;width:auto}.construction-logo-text{height:40px}.fixed-section.active .construction-logo,.fixed-section.active .construction-logo-text{opacity:1;transform:translateY(0)}.feature-section{background:var(--main-background);padding:60px 20px}.feature-content{align-items:center;display:flex;max-width:1200px;transform:scale(.9);transition:transform .8s cubic-bezier(.16,1,.3,1);width:100%}.fixed-section.active .feature-content{transform:scale(1)}.feature-section.left .feature-content{flex-direction:row-reverse}.feature-section.right .feature-content{flex-direction:row}.feature-image-wrapper{align-items:center;display:flex;flex:0 0 50%;gap:0;justify-content:center;opacity:0;perspective:1500px;transform:translateX(-50px);transition:opacity .8s ease .3s,transform .8s ease .3s;width:50%}.card-3d-container{opacity:0;position:relative;transform:scale(1) translateY(30px);transition:opacity .8s ease .4s,transform .8s ease .4s}.fixed-section.active .card-3d-container{opacity:1;transform:scale(1) translateY(0)}.card-3d-tilt{position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.card-3d-tilt:before{background:radial-gradient(circle at center,#64ffda26 0,#0000 70%);border-radius:20px;content:"";filter:blur(20px);height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(-50px);transition:opacity .3s ease;width:100%;z-index:-1}.card-3d-tilt:hover:before{opacity:1}.card-3d-tilt .player-info-card{box-shadow:0 20px 60px #0000004d,0 0 40px #64ffda1a;transform-style:preserve-3d;transition:box-shadow .3s ease}.card-3d-tilt:hover .player-info-card{box-shadow:0 30px 80px #0006,0 0 60px #64ffda33}.card-3d-tilt:after{background:linear-gradient(135deg,#fff0,#ffffff0d 50%,#fff0);border-radius:20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(1px);transition:opacity .3s ease}.card-3d-tilt:hover:after{opacity:1}.stall-3d-container{margin-left:2vw;opacity:0;position:relative;transform:scale(.6) translateY(30px);transition:opacity .8s ease .4s,transform .8s ease .4s}.fixed-section.active .stall-3d-container{opacity:1;transform:scale(.6) translateY(0)}.stall-3d-tilt{position:relative;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.stall-3d-tilt:before{background:radial-gradient(circle at center,#64ffda26 0,#0000 70%);border-radius:20px;content:"";filter:blur(20px);height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(-50px);transition:opacity .3s ease;width:100%;z-index:-1}.stall-3d-tilt:hover:before{opacity:1}.stall-3d-tilt .demo-stall-container{box-shadow:0 20px 60px #0000004d,0 0 40px #64ffda1a;transform-style:preserve-3d;transition:box-shadow .3s ease,opacity .8s ease .4s,transform .8s ease .4s}.stall-3d-tilt:hover .demo-stall-container{box-shadow:0 30px 80px #0006,0 0 60px #64ffda33}.stall-3d-tilt:after{background:linear-gradient(135deg,#fff0,#ffffff0d 50%,#fff0);border-radius:20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(1px);transition:opacity .3s ease}.stall-3d-tilt:hover:after{opacity:1}.demo-stall-container{background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:16px;display:flex;flex-direction:row;max-width:1100px;opacity:0;padding:16px;transform:translateY(30px);transition:opacity .8s ease .4s,transform .8s ease .4s;width:100%}.fixed-section.active .demo-stall-container{opacity:1;transform:translateY(0)}.demo-stall-header{display:flex;justify-content:center;width:100%}.demo-stall-items{grid-row-gap:8px;display:grid;grid-template-columns:repeat(8,1fr);margin-left:5px;row-gap:8px;width:100%}.feature-section.left .feature-image-wrapper{transform:translateX(50px)}.fixed-section.active .feature-image-wrapper{opacity:1;transform:translateX(0)}.feature-image{border-radius:16px;box-shadow:0 20px 60px #00000080;height:auto;max-width:500px;transition:transform .3s ease;width:100%}.feature-image:hover{transform:scale(1.05)}.feature-text{display:flex;flex:0 0 50%;flex-direction:column;gap:20px;justify-content:center;opacity:0;padding:0 40px;transform:translateX(50px);transition:opacity .8s ease .5s,transform .8s ease .5s;width:50%}.feature-section.left .feature-text{transform:translateX(-50px)}.fixed-section.active .feature-text{opacity:1;transform:translateX(0)}.feature-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#4db8ff);-webkit-background-clip:text;background-clip:text;font-size:var(--text-extra-large);font-weight:800;line-height:1.2;margin:0}.feature-section.left .feature-title{text-align:right}.feature-section.right .feature-title{text-align:left}.feature-description{color:var(--text-light);font-size:var(--text-large);line-height:1.8;margin:0}.feature-section.left .feature-description{text-align:right}.feature-section.right .feature-description{text-align:left}.footer-section{background:linear-gradient(135deg,#0a192f,#1a2332);padding:80px 20px}.footer-content{max-width:600px;text-align:center;transform:scale(.9);transition:transform .8s cubic-bezier(.16,1,.3,1)}.fixed-section.active .footer-content{transform:scale(1)}.footer-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64ffda,#4db8ff);-webkit-background-clip:text;background-clip:text;font-size:var(--text-extra-large);font-weight:800;margin-bottom:1rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s ease .2s}.fixed-section.active .footer-content h3{opacity:1;transform:translateY(0)}.footer-content p{color:var(--text-light);font-size:var(--text-large);margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease .4s,transform .8s ease .4s}.fixed-section.active .footer-content p{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:1024px){.feature-content{gap:40px;padding:40px}.feature-content,.feature-section.left .feature-content,.feature-section.right .feature-content{flex-direction:column!important}.feature-image-wrapper,.feature-section.left .feature-image-wrapper,.feature-section.left .feature-text,.feature-text,.fixed-section.active .feature-image-wrapper,.fixed-section.active .feature-text{transform:translateX(0)!important}.feature-title{font-size:var(--text-extra-large)}.feature-description,.feature-title{text-align:center!important}.feature-image{max-width:400px}.section-indicators{right:15px}.indicator{height:10px;width:10px}.card-3d-container{transform:scale(.8) translateY(30px)}.fixed-section.active .card-3d-container{transform:scale(.8) translateY(0)}.stall-3d-container{transform:scale(.5) translateY(30px)}.fixed-section.active .stall-3d-container{transform:scale(.5) translateY(0)}}@media (max-width:768px){.hero-section{padding:0}.construction-logo{height:80px}.construction-logo-text{height:20px}.hero-title{font-size:var(--text-large)}.hero-subtitle{font-size:var(--text-small)}.construction-social{flex-direction:column;gap:16px}.construction-social-link{justify-content:center;width:100%}.feature-section{padding:0}.feature-content{align-items:center;flex-direction:row!important;gap:10px;justify-content:center;padding:10px}.footer-section{background:linear-gradient(135deg,#0a192f,#1a2332);padding:0}.feature-image-wrapper,.feature-text{flex:0 0 auto;width:auto}.feature-text{max-width:60%;padding:0 10px}.feature-title{word-wrap:break-word;font-size:var(--text-extra-large);line-height:1.3}.feature-description{font-size:var(--text-medium);line-height:1.5}.footer-content h3{font-size:var(--text-large)}.footer-content p{font-size:var(--text-extra-small)}.section-indicators{display:none}.persistent-social-link{height:30px;width:30px}.persistent-social-link svg{height:16px;width:16px}.feature-image-wrapper{transform:scale(.3)!important;transform-origin:center center}.card-3d-container{margin-bottom:0}.card-3d-container,.fixed-section.active .card-3d-container{transform:scale(.8) translateY(0)}.stall-3d-container{margin-left:0}.fixed-section.active .stall-3d-container,.stall-3d-container{transform:scale(.3) translateY(0)}}.trade-3d-container{opacity:0;position:relative;transform:scale(.6) translateY(30px);transition:opacity .8s ease .4s,transform .8s ease .4s;width:120%}.fixed-section.active .trade-3d-container{opacity:1;transform:scale(.6) translateY(0)}.trade-3d-tilt{position:relative;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.trade-3d-tilt:before{background:radial-gradient(circle at center,#64ffda26 0,#0000 70%);border-radius:20px;content:"";filter:blur(20px);height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) translateZ(-50px);transition:opacity .3s ease;width:100%;z-index:-1}.trade-3d-tilt:hover:before{opacity:1}.trade-3d-tilt .demo-trade-page{box-shadow:0 20px 60px #0000004d,0 0 40px #64ffda1a;transform-style:preserve-3d;transition:box-shadow .3s ease}.trade-3d-tilt:hover .demo-trade-page{box-shadow:0 30px 80px #0006,0 0 60px #64ffda33}.trade-3d-tilt:after{background:linear-gradient(135deg,#fff0,#ffffff0d 50%,#fff0);border-radius:20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(1px);transition:opacity .3s ease}.trade-3d-tilt:hover:after{opacity:1}.demo-trade-page{align-items:stretch;background:var(--main-background);border-radius:16px;box-sizing:border-box;display:flex;gap:12px;height:700px;overflow:hidden;padding:16px;width:100%}.demo-left-side{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;width:35%}.demo-left-header{align-items:center;background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;gap:16px;height:auto;padding:20px}.demo-header-content,.demo-header-logo{font-size:var(--text-extra-large);line-height:1}.demo-header-content{color:var(--text-light);font-weight:600}.demo-left-content{background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.demo-offers-filters{border-bottom:1px solid var(--outline);display:flex;flex-shrink:0;gap:12px;padding:16px}.demo-filter-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.demo-filter-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.demo-filter-label,.demo-filter-select{color:var(--text-light);font-size:var(--text-small)}.demo-filter-select{background:var(--main-background);border:1px solid var(--outline);border-radius:6px;cursor:pointer;font-family:inherit;padding:6px 10px}.demo-offers-list{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:8px}.demo-offer-container{align-items:center;background:#0003;border:1px solid var(--outline);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.demo-offer-container:hover{background:#0000004d;border-color:var(--accent-1)}.demo-offer-active{background:#64ffda1a!important;border-color:var(--accent-1)!important}.demo-offer-image{border:2px solid var(--outline);border-radius:50%;height:40px;width:40px}.avatar-color-1{border-color:#64ffda80!important;filter:brightness(0) saturate(100%) invert(79%) sepia(43%) saturate(1613%) hue-rotate(122deg) brightness(101%) contrast(101%)}.avatar-color-2{border-color:#ff64da80!important;filter:brightness(0) saturate(100%) invert(55%) sepia(95%) saturate(4441%) hue-rotate(300deg) brightness(101%) contrast(101%)}.avatar-color-3{border-color:#8a64ff80!important;filter:brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(230deg) brightness(101%) contrast(101%)}.demo-offer-content{flex:1 1;min-width:0}.demo-offer-title{color:var(--text-light);font-size:var(--text-medium);font-weight:600}.demo-offer-subtitle,.demo-offer-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-offer-subtitle{color:var(--text-muted);font-size:var(--text-small)}.demo-offer-badge{border-radius:12px;font-size:var(--text-small);font-weight:600;padding:4px 10px;text-transform:uppercase}.demo-offer-badge.pending{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.demo-offer-badge.accepted{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.demo-right-side{display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%;min-height:0}.demo-trade-panel{background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;flex-shrink:0;padding:16px}.demo-trade-header{align-items:center;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.demo-trade-title{color:var(--text-light);font-size:var(--text-medium);font-weight:600;line-height:1;margin:0}.demo-status-badge{border-radius:16px;font-size:var(--text-small);font-weight:600;padding:6px 14px;text-transform:uppercase}.demo-status-badge.pending{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.demo-trade-items{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto 1fr}.demo-trade-column h4{color:var(--accent-1);font-size:var(--text-medium);font-weight:600;margin:0 0 12px;text-align:center}.demo-items-grid{grid-gap:8px;background:#0003;border:1px solid var(--outline);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:12px}.demo-items-grid .compact-inventory-card{height:110px!important;max-width:85px!important;min-height:110px!important;min-width:85px!important;width:85px!important}.demo-trade-arrow{align-self:center;color:var(--accent-1);font-size:var(--text-extra-large);padding-top:30px}.demo-chat-container{background-color:var(--secondary-background);border:1px solid var(--outline);border-radius:10px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.demo-chat-header{background:#0003;border-bottom:1px solid var(--outline);flex-shrink:0;padding:16px}.demo-chat-title{color:var(--text-light);font-size:var(--text-medium);font-weight:600;margin:0}.demo-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:16px}.demo-chat-message{align-self:flex-start;display:flex;flex-direction:column;gap:4px;max-width:75%}.demo-chat-message.self{align-self:flex-end}.demo-message-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.demo-message-username{color:var(--accent-1);font-size:var(--text-small);font-weight:600}.demo-chat-message.self .demo-message-username{color:#4db8ff}.demo-message-time{color:var(--text-muted);font-size:var(--text-small)}.demo-message-text{background:#0000004d;border:1px solid var(--outline);border-radius:12px;color:var(--text-light);font-size:var(--text-small);line-height:1.4;padding:10px 14px}.demo-chat-message.self .demo-message-text{background:#64ffda1a;border-color:var(--accent-1)}.demo-chat-input-container{background:#0003;border-top:1px solid var(--outline);display:flex;flex-shrink:0;gap:8px;padding:16px}.demo-chat-input{background:var(--main-background);border:1px solid var(--outline);border-radius:8px;color:var(--text-light);flex:1 1;font-family:inherit;font-size:var(--text-small);padding:10px 14px}.demo-chat-input::placeholder{color:var(--text-muted)}.demo-chat-send-btn{background:var(--accent-1);border:none;border-radius:8px;color:var(--text-dark);cursor:pointer;font-size:var(--text-small);font-weight:600;padding:10px 20px;transition:all .2s ease}.demo-chat-send-btn:hover{background:#52e8c6;transform:translateY(-1px)}@media (max-width:1024px){.trade-3d-container{transform:scale(.5) translateY(30px)}.fixed-section.active .trade-3d-container{transform:scale(.5) translateY(0)}}@media (max-width:768px){.trade-3d-container{margin:-210px 0;max-width:100%}.fixed-section.active .trade-3d-container,.trade-3d-container{transform:scale(.4) translateY(0);transform-origin:center center}.demo-trade-page{height:700px;width:100%}}.settings-page{box-sizing:border-box;display:flex;font-family:Montserrat,Arial,Helvetica,sans-serif;height:calc(100% - 64px);left:50%;margin-top:64px;padding:0 15rem;position:fixed;transform:translateX(-50%);width:calc(100% - 2rem)}.settings-main-container{background-color:var(--secondary-background);color:var(--text-light);margin-top:32px;outline:solid 1px var(--outline);width:100%}.settings-header,.settings-main-container{border-radius:8px;height:-webkit-fit-content;height:fit-content}.settings-header{background-color:var(--main-background);display:flex;flex-direction:row;margin:16px 16px 0;padding:16px}.settings-header-username{font-size:var(--text-extra-large);height:-webkit-fit-content;height:fit-content;margin-left:16px}.settings-header-explanation{font-size:var(--text-large)}.settings-header-email,.settings-header-explanation{height:-webkit-fit-content;height:fit-content;margin-left:16px;margin-top:8px}.settings-header-email{font-size:var(--text-medium)}.settings-header-image{border:3px solid var(--outline);border-radius:16px;height:90px;width:90px}.settings-element-container{display:flex;flex-direction:row}.settings-element{background-color:var(--main-background);border-radius:8px;display:flex;flex-direction:column;font-size:var(--text-large);height:-webkit-fit-content;height:fit-content;margin:16px;padding:16px;width:100%}.settings-element-title{font-size:var(--text-large);font-weight:700;margin-bottom:8px}.settings-element-input{outline:none;width:100%}.settings-element-input,.settings-element-input-container{background-color:var(--secondary-background);border:none;border-radius:4px;color:var(--text-light);font-size:var(--text-medium)}.settings-element-input-container{margin-top:8px;outline:solid 2px var(--outline);padding:8px}.settings-save-btn{background:var(--main-background);margin-bottom:16px;margin-right:1.5%;outline:solid 2px var(--outline)}.premium-bg-logos{animation:premium-bg-move 18s linear infinite;inset:0;opacity:.12;pointer-events:none;position:fixed;z-index:0}@keyframes premium-bg-move{0%{background-position:0 0,40px 40px}to{background-position:80px 80px,120px 120px}}.premium-result{background:var(--secondary-background);border-radius:16px;font-family:Montserrat,Arial,Helvetica,sans-serif;margin:15% auto;max-width:400px;outline:solid 2px var(--outline);padding:32px 24px;text-align:center}.premium-result.success{box-shadow:0 10px 30px #0000001f,0 0 18px 6px var(--premium-gold-background),0 0 8px 2px var(--premium-gold);outline:solid 1px var(--premium-gold)}.premium-result.success h1{color:var(--premium-gold)}.premium-result.cancel h1{color:var(--negative-red)}.premium-result p{color:var(--text-light);font-size:var(--text-medium);margin-top:16px}.premium-result-link{outline:solid 2px var(--outline)}.premium-result-link,.premium-result-link.success{background:var(--secondary-background);border-radius:6px;color:var(--text-light);display:inline-block;margin-top:24px;padding:10px 24px;text-decoration:none}.premium-result-link.success{box-shadow:0 10px 30px #0000001f,0 0 18px 6px var(--premium-gold-background),0 0 8px 2px var(--premium-gold);outline:solid 1px var(--premium-gold)}.profile-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal-content{background:#1a1a1a;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.profile-modal-header{border-bottom:1px solid #333;padding:30px 30px 20px}.profile-modal-header h2{color:#fff;font-size:24px;margin:0 0 10px}.profile-modal-header p{color:#999;font-size:14px;margin:0}.profile-form{padding:30px}.form-section-title{border-bottom:1px solid #333;color:#fff;font-size:16px;font-weight:600;margin:25px 0 15px;padding-bottom:10px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{color:#ccc;font-weight:500}.form-group input,.form-group select{background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#333;border-color:#4a9eff;outline:none}.form-group input.error{border-color:#f44}.error-text{color:#f44;display:block;font-size:12px;margin-top:5px}.error-banner{background:#ff44441a;border:1px solid #f44;border-radius:6px;color:#f44;font-size:14px;margin-bottom:20px;padding:12px}.form-actions{display:flex;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4a9eff,#3b7ed9);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #4a9eff66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#333;color:#ccc}.btn-secondary:hover:not(:disabled){background:#444}.profile-modal-footer{background:#1f1f1f;border-radius:0 0 12px 12px;border-top:1px solid #333;padding:20px 30px}.profile-modal-footer p{color:#999;font-size:13px;margin:0;text-align:center}@media (max-width:768px){.form-row{grid-template-columns:1fr}.profile-modal-content{max-height:95vh}.profile-form,.profile-modal-footer,.profile-modal-header{padding:20px}}.wallet-page{align-items:center;box-sizing:border-box;color:var(--text-light);display:flex;flex-direction:column;font-family:Montserrat,Arial,Helvetica,sans-serif;height:calc(100% - 64px);left:50%;margin-top:64px;position:fixed;transform:translateX(-50%);width:calc(100% - 2rem)}.wallet-container{background:var(--secondary-background);border-radius:8px;height:-webkit-fit-content;height:fit-content;margin-top:16px;outline:solid 2px var(--outline);padding:8px;width:calc(100% - 20rem)}.wallet-title{color:var(--text-light);font-size:50px}.content-container{display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-top:16px}.left-section,.right-section{background-color:var(--main-background);border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:8px;width:100%}.main-wallet{align-items:center;background-color:var(--secondary-background);border:2px solid var(--outline);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;font-size:50px;height:100%;justify-content:center;padding:20px;position:relative;z-index:2}.wallet-label{color:var(--accent-1);font-size:14px;font-weight:600;letter-spacing:1px;margin-top:8px;text-transform:uppercase}.wallet-split-container{display:flex;margin-top:-10px;position:relative;z-index:1}.held-wallet,.incoming-wallet{align-items:center;background-color:var(--secondary-background);border:2px solid var(--outline);border-top:none;display:flex;flex:1 1;flex-direction:column;font-size:30px;height:150%;justify-content:center;padding:20px}.held-wallet{border-radius:0 0 8px 8px;border-right:1px solid var(--outline)}.incoming-wallet{border-left:1px solid var(--outline);border-radius:0 0 8px 8px}.held-label,.incoming-label{color:var(--text-light);font-size:12px;letter-spacing:1px;margin-top:8px;opacity:.7;text-transform:uppercase}.wallet-button-container{display:flex;flex-direction:row;gap:8px;margin-top:8px}.wallet-deposit-button,.wallet-withdraw-button{background-color:var(--secondary-background);border:2px solid var(--outline);border-radius:8px;color:var(--text-light);font-family:monospace;padding:8px;text-align:center;width:100%}.wallet-deposit-button:hover,.wallet-withdraw-button:hover{border-color:var(--accent-1);cursor:pointer;transform:scale(.98)}.transaction-title{color:var(--accent-1);font-size:24px;font-weight:600;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.transaction-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.no-transactions{color:var(--text-light);font-style:italic;opacity:.5;padding:40px 20px;text-align:center}.transaction-item{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.transaction-item:hover{border-color:var(--accent-1);transform:translateX(2px)}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-type{color:var(--text-light);font-weight:600;text-transform:capitalize}.transaction-date{color:var(--text-light);font-size:12px;opacity:.7}.transaction-amount{font-size:18px;font-weight:700}.transaction-amount .positive{color:#4caf50}.transaction-amount .negative{color:#f44336}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--secondary-background);border:2px solid var(--outline);border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--outline);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--accent-1);font-size:24px;margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:transform .2s;width:32px}.modal-close:hover{color:var(--accent-1);transform:scale(1.2)}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-light);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:var(--main-background);border:1px solid var(--outline);border-radius:6px;box-sizing:border-box;color:var(--text-light);font-size:16px;padding:12px;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px #ffa5001a;outline:none}.input-helper{color:var(--text-light);display:block;font-size:12px;margin-top:6px;opacity:.7}.modal-info{background:#ffa5001a;border:1px solid var(--accent-1);border-radius:6px;margin-top:20px;padding:16px}.modal-info p{color:var(--text-light);font-size:13px;margin:8px 0}.modal-footer{border-top:1px solid var(--outline);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:var(--main-background);border:1px solid var(--outline);color:var(--text-light)}.btn-cancel:hover:not(:disabled){border-color:var(--accent-1)}.btn-confirm{background:var(--accent-1);color:var(--main-background)}.btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #ffa5004d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.5}.notification-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.notification-banner.success{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.close-notification{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;line-height:1;padding:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.wallet-error,.wallet-loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--outline);border-radius:50%;border-top-color:var(--accent-1);height:50px;margin:0 auto 20px;width:50px}.wallet-error button{background:var(--accent-1);border:none;border-radius:6px;color:var(--main-background);cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .2s ease}.wallet-error button:hover{box-shadow:0 4px 12px #ffa5004d;transform:translateY(-2px)}.trades-page{background-color:var(--main-background);font-family:Montserrat,Arial,Helvetica,sans-serif;margin-top:70px;min-height:calc(100vh - 70px);padding:2rem;width:100%}.trades-container{margin:0 auto;max-width:1200px}.trades-header{margin-bottom:2rem;text-align:center}.trades-header h1{color:var(--text-light);font-size:var(--text-extra-large);margin:0 0 .5rem}.trades-subtitle{color:var(--text-light);font-size:var(--text-medium);margin:0;opacity:.7}.error-container,.loading-container,.no-trades{align-items:center;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-trades h3{color:var(--accent-1);font-size:var(--text-large);margin:0 0 .5rem}.no-trades p{margin:0 0 1.5rem;opacity:.7}.navigate-btn,.no-trades p{font-size:var(--text-medium)}.navigate-btn{background:var(--accent-1);border:none;border-radius:8px;color:var(--main-background);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.navigate-btn:hover{background:var(--accent-1);opacity:.9;transform:translateY(-2px)}.trades-list{display:flex;flex-direction:column;gap:1.5rem}.trade-card{background:var(--secondary-background);border:1px solid var(--outline);border-radius:12px;padding:.5rem;transition:all .3s ease}.trade-card:hover{border-color:var(--accent-1);box-shadow:0 4px 20px #64ffda1a;transform:translateY(-2px)}.trade-card-header{border-bottom:1px solid var(--outline);justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.trade-card-header,.trade-partner{align-items:center;display:flex;gap:1rem}.header-right{align-items:center;display:flex;gap:1.5rem}.partner-avatar{border:2px solid var(--outline);border-radius:50%;height:50px;object-fit:cover;width:50px}.partner-info{display:flex;flex-direction:column;gap:.25rem}.partner-info h3{color:var(--text-light);font-size:var(--text-large);margin:0}.trade-date{color:var(--text-light);font-size:var(--text-small);opacity:.7}.trade-value{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.value-label{color:var(--text-light);font-size:var(--text-small);letter-spacing:.5px;opacity:.7;text-transform:uppercase}.value-amount{color:var(--accent-1);font-size:var(--text-large);font-weight:600}.trade-progress{background:var(--main-background);border-radius:8px}.progress-steps{flex-direction:row;justify-content:space-between}.progress-step,.progress-steps{align-items:center;display:flex;position:relative}.progress-step{flex:1 1;flex-direction:column;gap:.5rem}.step-indicator{margin-top:1rem;width:100%}.step-circle,.step-indicator{align-items:center;display:flex;height:36px;justify-content:center;position:relative}.step-circle{background:var(--secondary-background);border:2px solid var(--outline);border-radius:50%;flex-shrink:0;transition:all .3s ease;width:36px;z-index:2}.progress-step.completed .step-circle{border-color:var(--accent-1)}.checkmark{color:var(--accent-1);font-size:var(--text-medium);font-weight:700;line-height:1}.step-line{background:var(--outline);flex:1 1;height:2px;left:50%;position:absolute;right:-50%;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.progress-step:last-child .step-line{display:none}.step-line.completed{background:var(--accent-1)}.step-content{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;min-height:40px;text-align:center;width:100%}.step-label{color:var(--text-light);font-size:var(--text-small);font-weight:500;white-space:nowrap}.progress-step.completed .step-label{color:var(--accent-1)}.step-date{color:var(--text-light);min-height:14px;opacity:.7}.step-date,.step-hold-info{font-size:var(--text-extra-small);white-space:nowrap}.step-hold-info{background:var(--accent-1-background);border-radius:4px;color:var(--accent-1);font-weight:600;margin-top:2px;padding:2px 8px}.header-buttons{align-items:center;display:flex;gap:.75rem}.refresh-status-btn{align-items:center;background:var(--secondary-background);border:1px solid var(--outline);border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:var(--text-small);font-weight:500;gap:.5rem;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.refresh-status-btn:hover:not(:disabled){background:var(--accent-1-background);border-color:var(--accent-1);color:var(--accent-1);transform:translateY(-1px)}.refresh-status-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-icon{display:inline-block;font-size:1.2em;transition:transform .3s ease}.refresh-status-btn:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.verify-trade-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:1px solid #4caf50;border-radius:8px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:var(--text-small);font-weight:600;gap:.5rem;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.verify-trade-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.verify-trade-btn:disabled{cursor:not-allowed;opacity:.5}.verify-icon{display:inline-block;font-size:1.2em;font-weight:700}.spinner{animation:spin .6s linear infinite;border:2px solid var(--outline);border-radius:50%;border-top-color:var(--accent-1);height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.view-details-btn{align-items:center;background:var(--accent-1-background);border:1px solid var(--accent-1);border-radius:8px;color:var(--accent-1);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--text-small);font-weight:500;gap:.5rem;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.view-details-btn:hover{background:var(--accent-1);color:var(--main-background);transform:translateY(-1px)}.steam-link-btn{align-items:center;background:#171a21;border:1px solid #66c0f4;border-radius:8px;color:#66c0f4;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--text-small);font-weight:500;gap:.5rem;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.steam-link-btn:hover{background:#66c0f4;color:#171a21;transform:translateY(-1px)}@media (max-width:768px){.trade-card,.trades-page{padding:1rem}.header-right,.trade-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{width:100%}.trade-value{align-items:flex-start}.header-buttons{flex-direction:column;width:100%}.refresh-status-btn,.steam-link-btn,.view-details-btn{width:100%}.partner-avatar{height:40px;width:40px}.partner-info h3{font-size:var(--text-medium)}.step-circle{height:28px;width:28px}.step-label{font-size:var(--text-extra-small)}.progress-steps{overflow-x:auto}.step-content{min-width:80px}}@media (max-width:480px){.trades-header h1{font-size:var(--text-large)}.trades-subtitle{font-size:var(--text-small)}.progress-steps{gap:.5rem}.step-circle{height:24px;width:24px}.checkmark{font-size:var(--text-small)}}
/*# sourceMappingURL=main.60ecf907.css.map*/