.trading-page{min-height:100vh;padding:32px 16px;background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}.trading-container{max-width:1400px;margin:0 auto}.trading-setup-card{text-align:center;padding:32px;max-width:800px;margin:0 auto}.trading-description{font-size:15px;color:rgba(255,255,255,.6);margin-bottom:24px}.trading-actions{display:flex;flex-direction:row;justify-content:center;gap:40px;margin-top:24px}@media (max-width:768px){.trading-actions{flex-direction:column;gap:24px}}.trading-action-section{display:flex;flex-direction:column;gap:16px;align-items:center;flex:1 1}.create-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;height:44px;padding:0 24px!important;font-size:14px!important;font-weight:800!important;border-radius:10px!important;box-shadow:0 4px 15px rgba(16,185,129,.2)}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.3)}.trading-action-section h2{margin:0;font-size:18px;font-weight:700;color:white;text-transform:uppercase;letter-spacing:.5px}.trading-divider{font-size:14px;font-weight:800;color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.trading-divider:after,.trading-divider:before{content:"";position:absolute;top:50%;width:40%;height:1px;background:rgba(255,255,255,.2)}.trading-divider:before{left:0}@media (max-width:768px){.trading-divider{display:none}}.trade-code-display{margin-top:24px;padding:24px;background:rgba(0,0,0,.3);border-radius:12px;border:2px solid rgba(255,255,255,.1)}.trade-code-display p{margin:0 0 12px;color:rgba(255,255,255,.7);font-size:14px}.trade-code-value{font-size:48px;letter-spacing:8px;text-shadow:0 0 20px rgba(0,255,136,.5);margin:16px 0}.trade-code-value,.trade-code-value-small{font-weight:700;color:#00ff88;font-family:Courier New,monospace}.trade-code-value-small{font-size:20px;letter-spacing:4px}.trade-code-hint{margin-top:12px;color:rgba(255,255,255,.5);font-size:14px}.join-trade-input{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;background:rgba(255,255,255,.02);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.join-trade-input:focus-within{background:rgba(255,255,255,.04);border-color:rgba(99,102,241,.3)}.trade-code-input-wrapper{position:relative;display:flex;flex-direction:column;gap:6px}.trade-code-input-wrapper label{font-size:11px;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.3);letter-spacing:1px;text-align:left;margin-left:2px}.trade-code-input{width:100%;padding:10px;font-size:22px;font-weight:800;letter-spacing:4px;text-align:center;text-transform:uppercase;background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-family:JetBrains Mono,Courier New,monospace;transition:all .2s ease}.trade-code-input::placeholder{letter-spacing:1px;font-size:14px;font-weight:500;color:rgba(255,255,255,.15)}.trade-code-input:focus{outline:none;border-color:#6366f1;background:rgba(0,0,0,.6);box-shadow:0 0 0 4px rgba(99,102,241,.1),0 0 20px rgba(99,102,241,.2)}.join-btn{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important;height:44px;font-size:14px!important;font-weight:800!important;letter-spacing:.5px;text-transform:uppercase;border-radius:10px!important;box-shadow:0 4px 15px rgba(99,102,241,.2)}.join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.join-btn:active{transform:translateY(0)}.error-message{color:#ef4444;margin-top:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}.error-message:before{content:"⚠️"}.trading-waiting-card{text-align:center;padding:48px}.trading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.trading-header h1{margin:0;font-size:32px}.trade-code-display-inline{color:rgba(255,255,255,.7);font-size:16px}.trading-interface{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-bottom:32px}@media (max-width:1024px){.trading-interface{grid-template-columns:1fr}}.trade-side{display:flex;flex-direction:column;gap:24px}.trade-side h2{margin:0;font-size:24px;color:white;text-align:center}.trade-inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px;max-height:400px;overflow-y:auto;padding:8px}.trade-item-card{cursor:pointer;background:rgba(0,0,0,.3);border-radius:8px;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.trade-item-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(0,0,0,.4)}.trade-item-rarity{width:100%;height:120px;display:flex;align-items:center;justify-content:center;border-bottom:3px solid;position:relative;background:rgba(0,0,0,.2)}.trade-item-image{width:100%;height:100%;object-fit:contain;padding:8px;z-index:1}.trade-item-icon{font-size:48px;display:flex;align-items:center;justify-content:center}.trade-item-info{padding:12px;text-align:center}.trade-item-info h3{margin:0 0 4px;font-size:14px;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-item-value{margin:0;font-size:12px;color:rgba(255,255,255,.7)}.empty-inventory,.empty-offers{text-align:center;color:rgba(255,255,255,.5);padding:32px;font-style:italic}.trade-offers{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100%}.their-offers-container{min-height:400px}.trade-offers h3{margin:0 0 16px;font-size:18px;color:white;text-align:center}.trade-offers-list{display:flex;flex-direction:column;gap:12px;flex:1 1;overflow-y:auto;padding:8px}.trade-offer-card{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.3);border-radius:8px;border:2px solid;transition:all .3s ease}.trade-offer-card:hover{background:rgba(0,0,0,.5)}.trade-offer-image-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:4px;flex-shrink:0;position:relative}.trade-offer-image{width:100%;height:100%;object-fit:contain;padding:4px;z-index:1}.trade-offer-icon{font-size:32px;display:flex;align-items:center;justify-content:center}.trade-offer-info{flex:1 1;min-width:0}.trade-offer-info h4{margin:0 0 4px;font-size:14px;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-offer-info p{margin:0;font-size:12px;color:rgba(255,255,255,.7)}.trade-confirmation{background:rgba(0,0,0,.3);border-radius:12px;padding:24px;border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:16px;align-items:center}.confirmation-status{display:flex;gap:32px;margin-bottom:8px}.status-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.7)}.status-item .confirmed{color:#00ff88;font-weight:700}.status-item .not-confirmed{color:rgba(255,255,255,.5)}.trade-countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.trade-countdown-content{text-align:center}.trade-countdown-content h1{font-size:120px;margin:0;color:#00ff88;text-shadow:0 0 40px rgba(0,255,136,.8);animation:pulse 1s ease infinite}.trade-countdown-content p{font-size:24px;color:rgba(255,255,255,.8);margin-top:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.trade-inventory::-webkit-scrollbar,.trade-offers-list::-webkit-scrollbar{width:8px}.trade-inventory::-webkit-scrollbar-track,.trade-offers-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.trade-inventory::-webkit-scrollbar-thumb,.trade-offers-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.trade-inventory::-webkit-scrollbar-thumb:hover,.trade-offers-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}