body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:#333}.pageContainer{max-width:1200px;margin:0 auto;padding:1rem 2rem}.card-detail p{margin:10px 0;font-size:16px}.card-detail strong{font-weight:700}.attack-list{list-style:none;padding:0}.attack-item{margin-bottom:10px;font-size:14px}.attack-item strong{color:#555}.loading-spinner{display:inline-block;width:20px;height:20px;margin-left:10px;border:2px solid rgba(0,0,0,.1);border-left-color:#0070f3;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}.loading-spinner.large{width:50px;height:50px;border-width:4px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center}.trading-section{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.trade-form-container{margin-bottom:2rem;padding:1rem;border:1px solid #e9ecef;border-radius:8px;background-color:white}.trade-type-tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid #dee2e6}.trade-type-tabs .tab{padding:.5rem 1rem;border:none;background:none;font-size:1rem;cursor:pointer;opacity:.7}.trade-type-tabs .tab.active{opacity:1;font-weight:700;border-bottom:2px solid #0d6efd}.trade-form{gap:1rem}.form-group,.trade-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500}.form-group input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.submit-button{padding:.75rem;border:none;border-radius:4px;background-color:#0d6efd;color:white;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#0b5ed7}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.error-message{color:#dc3545;font-size:.875rem}.trade-listings{padding:1rem;background-color:white;border:1px solid #e9ecef;border-radius:8px}.trade-section{margin-bottom:1.5rem}.trades-list{list-style-type:none;padding:0;margin:0}.trade-item{padding:1rem;border:1px solid #dee2e6;border-radius:4px;margin-bottom:.5rem;background-color:white}.trade-user{display:flex;justify-content:space-between;margin-bottom:.5rem;align-items:center}.user-name{font-weight:600;font-size:1.1rem}.trade-date{font-size:.875rem;color:#6c757d}.trade-contact{margin-bottom:.5rem}.trade-note{font-size:.875rem;color:#495057;font-style:italic}.no-trades{font-style:italic;color:#6c757d}.card-selector{border:1px solid #dee2e6;border-radius:4px;padding:1rem;background-color:#f8f9fa}.search-input-group{display:flex;flex-wrap:wrap;gap:8px}.search-input{width:100%;min-width:64px;flex:1 1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.search-button{padding:8px 16px;background-color:#0d6efd;color:white;border:none;border-radius:4px;cursor:pointer}.search-button:disabled{background-color:#6c757d;cursor:not-allowed}.search-results{margin-top:1rem}.results-grid,.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:8px;gap:8px;margin-top:.5rem}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.result-card{display:flex;flex-direction:column;align-items:center;padding:8px;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .2s;background-color:white;position:relative}.result-card:hover{border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.1)}.result-card.selected{border-color:#0d6efd;background-color:#e7f1ff}.card-thumbnail{border-radius:4px;object-fit:contain}.card-placeholder-small,.card-placeholder-tiny{width:80px;height:110px;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#495057;font-size:.75rem;text-align:center;border-radius:4px;padding:4px}.card-placeholder-tiny{width:60px;height:85px;font-size:.7rem}.card-name-small{margin-top:5px;font-size:.8rem;text-align:center;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-cards{margin-top:1rem}.selected-card-item{position:relative;border:1px solid #dee2e6;border-radius:4px;padding:4px;background-color:white}.remove-card-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background-color:#dc3545;color:white;border:none;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.selection-note{font-style:italic;color:#6c757d;margin-top:.5rem}.form-help{font-size:.85rem;color:#6c757d;margin-top:.25rem}.trade-cards{margin-top:1rem;padding-top:.75rem;border-top:1px dotted #dee2e6}.trade-cards-title{font-size:.9rem;color:#495057;margin-bottom:.5rem}.trade-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:8px;gap:8px}.trade-card-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;padding:4px;border:1px solid #e9ecef;border-radius:4px;background-color:#f8f9fa;transition:transform .15s ease}.trade-card-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.trade-card-thumbnail{border-radius:4px;object-fit:contain}.trade-card-placeholder{width:50px;height:70px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:.65rem;text-align:center;border-radius:4px;padding:2px;color:#495057}.trade-card-name{font-size:.7rem;margin-top:4px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.horizontal{display:flex;flex-direction:row;align-items:center;gap:6px}.icon-container{position:relative}.rarity-icon{object-fit:contain}@media (max-width:768px){.trade-user{flex-direction:column;align-items:flex-start}.trade-date{margin-top:.25rem}.results-grid,.selection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.card-placeholder-small{width:70px;height:100px}}.navbar_navbar__BAeOU{background-color:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.05);padding:.5rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000;transition:all .3s ease}.navbar_scrolled__zdhRI{box-shadow:0 4px 12px rgba(0,0,0,.1);padding:.3rem 1.5rem}.navbar_navContainer__IGcN5{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar_logoContainer__gNetw{display:flex;align-items:center;gap:10px}.navbar_logo__AkllC{cursor:pointer;transition:transform .2s;object-fit:contain}.navbar_logo__AkllC:hover{transform:scale(1.05)}.navbar_logoTitle__JuTIV{font-size:1.2rem;font-weight:700;color:#3498db;white-space:nowrap}.navbar_logoTitleShort__firQg{display:none;font-size:1rem;font-weight:700;color:#3498db}.navbar_navLinks__KI3Jj{display:flex;align-items:center;gap:1.5rem}.navbar_navLink__84HYI{font-weight:500;text-decoration:none;color:#3498db;font-size:1rem;transition:all .2s;padding:.4rem .8rem;border-radius:4px}.navbar_navLink__84HYI:hover{background:rgba(52,152,219,.05)}.navbar_activeLink__9Jke0{font-weight:600;text-decoration:none;color:#3498db;font-size:1rem;padding:.4rem .8rem;border-radius:4px;background:rgba(52,152,219,.15);box-shadow:0 1px 3px rgba(52,152,219,.2)}.navbar_authButton__SMqAE{background-color:#3498db;color:white;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.9rem;width:80px;height:36px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.navbar_authButton__SMqAE:hover{background-color:#2980b9}.navbar_activeLink__9Jke0.navbar_authButton__SMqAE,a[href="/profile"].navbar_activeLink__9Jke0{background-color:#2980b9;box-shadow:0 2px 5px rgba(41,128,185,.3);color:white;font-weight:600}.navbar_hamburgerMenu__52tAg{display:none;flex-direction:column;justify-content:space-between;height:24px;cursor:pointer}.navbar_hamburgerLine__8EOMj{width:24px;height:3px;background-color:#3498db;transition:all .3s ease}.navbar_mobileNavLinks__e5gA9{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:rgba(255,255,255,.98);box-shadow:0 4px 8px rgba(0,0,0,.1);padding:1rem 0;z-index:999;transform:translateY(-100%);transition:transform .3s ease-in-out}.navbar_mobileNavLinks__e5gA9.navbar_open__mnD8M{display:flex;transform:translateY(0)}.navbar_mobileNavLinks__e5gA9 a,.navbar_mobileNavLinks__e5gA9 button{padding:.75rem 1.5rem;margin:0;width:100%;text-align:left;border-radius:0}.navbar_mobileNavLinks__e5gA9 .navbar_activeLink__9Jke0{background-color:rgba(52,152,219,.15);font-weight:600}.navbar_spinner__BgGk6{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:navbar_spin__UKY_O .8s linear infinite}@keyframes navbar_spin__UKY_O{to{transform:rotate(1turn)}}@media (max-width:768px){.navbar_navLinks__KI3Jj{gap:.8rem}.navbar_activeLink__9Jke0,.navbar_navLink__84HYI{font-size:.9rem;padding:.3rem .6rem}.navbar_authButton__SMqAE{width:auto;height:32px;padding:.3rem .8rem;font-size:.85rem}.navbar_logoTitle__JuTIV{font-size:1rem}}@media (max-width:600px){.navbar_logoTitle__JuTIV{display:none}.navbar_logoTitleShort__firQg{display:block}}@media (max-width:380px){.navbar_navLinks__KI3Jj{display:none}.navbar_hamburgerMenu__52tAg{display:flex}.navbar_mobileNavLinks__e5gA9 .navbar_authButton__SMqAE{width:100%;height:auto;justify-content:flex-start;padding:.75rem 1.5rem}.navbar_mobileNavLinks__e5gA9 .navbar_activeLink__9Jke0.navbar_authButton__SMqAE{background-color:#2980b9}}