@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.container{width:100%}.block{display:block}.flex{display:flex}.min-h-screen{min-height:100vh}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (min-width:768px){body{padding:20px}}.auth-panel{justify-content:center;align-items:center;min-height:80vh;display:flex}.auth-container{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:30px 20px;animation:.6s ease-out fadeInScale;box-shadow:0 20px 60px #0000004d}@media (min-width:768px){.auth-container{padding:60px 80px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.auth-container h1{color:#667eea;margin-bottom:10px;font-size:2em}@media (min-width:768px){.auth-container h1{font-size:3em}}.auth-tagline{color:#666;margin-bottom:30px;font-size:1em}@media (min-width:768px){.auth-tagline{margin-bottom:40px;font-size:1.2em}}.btn-google{color:#444;cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;align-items:center;gap:12px;padding:15px 30px;font-size:1.1em;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000001a}.btn-google:hover{background:#f8f9fa;border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-google:active{transform:translateY(0)}.auth-info{color:#999;max-width:350px;margin-top:30px;font-size:.9em;line-height:1.5}.auth-form{flex-direction:column;gap:15px;margin:30px 0;display:flex}.auth-input{box-sizing:border-box;border:2px solid #ddd;border-radius:10px;width:100%;padding:12px 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1em;transition:all .3s}.auth-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-input::placeholder{color:#999}.auth-buttons{flex-direction:column;gap:10px;display:flex}@media (min-width:600px){.auth-buttons{flex-direction:row}}.auth-buttons .btn{flex:1}.error-message{color:#ff4757;background:#ffe6e6;border:2px solid #ff4757;border-radius:10px;margin-bottom:10px;padding:12px 15px;font-size:.95em;font-weight:600;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.auth-container-enter{animation:.6s cubic-bezier(.34,1.56,.64,1) slideInUp}.auth-container-exit{animation:.6s cubic-bezier(.16,1,.3,1) slideOutUp}.form-fade-out{animation:.5s ease-in-out fadeOutUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.95)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.auth-loading{animation:none}.spinner{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}@media (min-width:768px){.user-info{justify-content:flex-start;gap:15px}}.user-avatar{object-fit:cover;border:3px solid #667eea;border-radius:50%;width:40px;height:40px}@media (min-width:768px){.user-avatar{width:50px;height:50px}}.user-name{color:#333;font-size:.95em;font-weight:600}@media (min-width:768px){.user-name{font-size:1.1em}}.btn-logout{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:8px;padding:8px 20px;font-size:.9em;font-weight:600;transition:all .3s}.btn-logout:hover{background:#ee5a6f;transform:translateY(-2px)}.container{max-width:1400px;margin:0 auto}.header{text-align:center;background:#fff;border-radius:15px;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px;animation:.5s ease-out slideDown;display:flex;box-shadow:0 10px 30px #0003}@media (min-width:768px){.header{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 30px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.logo h1{color:#667eea;margin-bottom:5px;font-size:1.8em}@media (min-width:768px){.logo h1{font-size:2.5em}}.tagline{color:#666;font-size:.85em}@media (min-width:768px){.tagline{font-size:.9em}}.player-stats{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}@media (min-width:768px){.player-stats{justify-content:flex-start;gap:30px}}.stat{flex-direction:column;align-items:flex-end;display:flex}.stat-label{color:#666;margin-bottom:5px;font-size:.9em}.stat-value{color:#333;font-size:1.5em;font-weight:700}.main-content{animation:.8s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-panel{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}@media (min-width:768px){.action-panel{flex-flow:wrap;gap:15px;margin-bottom:25px}}.btn{cursor:pointer;text-align:center;border:none;border-radius:10px;padding:12px 20px;font-size:.95em;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0000001a}@media (min-width:768px){.btn{padding:12px 25px;font-size:1em}}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-danger{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.btn-success{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.btn-warning{color:#333;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.btn:disabled{opacity:.5;cursor:not-allowed}.listings-section,.inventory-section{background:#fff;border-radius:15px;margin-bottom:20px;padding:30px;box-shadow:0 10px 30px #0003}.listings-section h2,.inventory-section h2{color:#333;margin-bottom:20px;font-size:1.8em}.listings-grid,.inventory-grid{grid-template-columns:1fr;gap:15px;display:grid}@media (min-width:600px){.listings-grid,.inventory-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width:1024px){.listings-grid,.inventory-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.listings-grid,.inventory-grid{grid-template-columns:repeat(4,1fr)}}.listing-card{background:linear-gradient(135deg,#fdfbfb 0%,#ebedee 100%);border-radius:12px;padding:20px;transition:all .3s;animation:.5s ease-out cardAppear;box-shadow:0 4px 15px #0000001a}@keyframes cardAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.listing-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.listing-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.listing-emoji{font-size:3em}.listing-price{color:#667eea;font-size:1.5em;font-weight:700}.listing-title{color:#333;margin-bottom:10px;font-size:1.2em;font-weight:600}.listing-description{color:#666;margin-bottom:15px;font-size:.9em;line-height:1.4}.listing-seller{color:#999;margin-bottom:8px;font-size:.85em}.listing-market-value{color:#667eea;text-align:center;background:#667eea1a;border-radius:6px;margin-bottom:15px;padding:8px;font-size:.9em;font-weight:600}.listing-actions{gap:10px;display:flex}.listing-actions .btn{flex:1;padding:10px;font-size:.9em}.inventory-card{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 4px 15px #0000001a}.inventory-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.inventory-emoji{font-size:3em}.inventory-bought-price{color:#666;font-size:1em}.inventory-title{color:#333;margin-bottom:15px;font-size:1.2em;font-weight:600}.inventory-actions{gap:10px;display:flex}.inventory-actions .btn{flex:1;padding:10px;font-size:.9em}.modal{z-index:1000;background-color:#000000b3;width:100%;height:100%;animation:.3s ease-out fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:15px;width:95%;max-width:500px;max-height:95vh;margin:2vh auto;padding:15px;animation:.3s ease-out modalSlide;overflow-y:auto;box-shadow:0 15px 50px #0000004d}@media (min-width:768px){.modal-content{max-width:900px;padding:25px}}@keyframes modalSlide{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close{color:#aaa;float:right;cursor:pointer;font-size:28px;font-weight:700;transition:color .3s}.close:hover{color:#000}.modal-content h2{margin-top:0;margin-bottom:15px;font-size:1.5em}#modal-body,#sell-modal-body{margin-top:15px}.negotiation-info{background:#f5f5f5;border-radius:8px;margin-bottom:15px;padding:12px}.negotiation-item{margin-bottom:8px;font-size:1.05em}.negotiation-message{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:12px 0;padding:12px}.offer-input{border:2px solid #667eea;border-radius:8px;width:100%;margin:12px 0;padding:10px;font-size:1.05em}.modal-actions{gap:10px;margin-top:20px;display:flex}.modal-actions .btn{flex:1}.message{border-radius:8px;margin:15px 0;padding:15px;font-weight:600}.message-success{color:#155724;background:#d4edda;border-left:4px solid #28a745}.message-error{color:#721c24;background:#f8d7da;border-left:4px solid #dc3545}.message-info{color:#0c5460;background:#d1ecf1;border-left:4px solid #17a2b8}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-state-emoji{margin-bottom:20px;font-size:4em}.leaderboard-section{background:#fff;border-radius:15px;margin-bottom:30px;padding:30px;animation:.5s ease-out fadeIn;box-shadow:0 10px 30px #0003}.leaderboard-container{margin-top:20px}.leaderboard-item{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:12px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}@media (min-width:768px){.leaderboard-item{flex-wrap:nowrap;margin-bottom:15px;padding:20px}}.leaderboard-item:hover{transform:translate(5px);box-shadow:0 8px 25px #00000026}@media (min-width:768px){.leaderboard-item:hover{transform:translate(10px)}}.leaderboard-item.current-user{background:linear-gradient(135deg,#ffeaa7 0%,#fdcb6e 100%);border:3px solid #f39c12;box-shadow:0 8px 25px #f39c124d}.leaderboard-rank{color:#667eea;text-align:center;min-width:40px;font-size:1.5em;font-weight:700}@media (min-width:768px){.leaderboard-rank{min-width:60px;font-size:2em}}.leaderboard-rank.rank-1{color:#f1c40f;font-size:2em}@media (min-width:768px){.leaderboard-rank.rank-1{font-size:2.5em}}.leaderboard-rank.rank-2{color:#95a5a6;font-size:1.8em}@media (min-width:768px){.leaderboard-rank.rank-2{font-size:2.2em}}.leaderboard-rank.rank-3{color:#cd7f32;font-size:1.6em}@media (min-width:768px){.leaderboard-rank.rank-3{font-size:2em}}.leaderboard-avatar{object-fit:cover;border:3px solid #667eea;border-radius:50%;width:40px;height:40px;margin:0 10px}@media (min-width:768px){.leaderboard-avatar{width:50px;height:50px;margin:0 20px}}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{color:#2d3436;margin-bottom:5px;font-size:1em;font-weight:600}@media (min-width:768px){.leaderboard-name{font-size:1.2em}}.leaderboard-stats{color:#636e72;font-size:.8em}@media (min-width:768px){.leaderboard-stats{font-size:.9em}}.leaderboard-money{color:#27ae60;text-align:right;min-width:100px;font-size:1.2em;font-weight:700}@media (min-width:768px){.leaderboard-money{min-width:150px;font-size:1.5em}}.leaderboard-loading{text-align:center;color:#999;padding:40px;font-size:1.2em}.leaderboard-empty{text-align:center;color:#999;padding:60px}.leaderboard-empty p{margin-bottom:10px;font-size:1.2em}.negotiation-options{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.negotiation-option-btn{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:15px;font-size:.95em;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.negotiation-option-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.negotiation-option-btn:active{transform:translateY(0)}.negotiation-option-btn small{opacity:.9;margin-top:5px;font-size:.85em;font-style:italic;font-weight:400;display:block}.negotiation-history{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:15px}.message-player,.message-seller{border-radius:8px;margin:10px 0;padding:12px;line-height:1.6}.message-player{background:#e3f2fd;border-left:4px solid #2196f3}.message-seller{background:#fff3e0;border-left:4px solid #ff9800}.negotiation-options{grid-template-columns:1fr}@media (min-width:600px){.negotiation-options{grid-template-columns:repeat(2,1fr)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}