*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}:root{--brand-orange:#f47a0b;--brand-orange-600:#e46f07;--brand-orange-700:#cc6206;--brand-cream:#fff3e5;--brand-cream-2:#ffe8cc;--brand-text:#1a1a1a;--brand-muted:#6c757d;--brand-border:#ffdfb3}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(180deg,var(--brand-orange) 0,var(--brand-orange-700) 100%);color:white;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo h1{font-size:1.5rem;font-weight:700}.logo{display:flex;align-items:center;gap:.75rem}.logo img{height:72px;width:72px;border-radius:12px;border:3px solid #ffffff;box-shadow:0 3px 10px rgba(0,0,0,.2)}.navigation{display:flex;gap:2rem}.nav-link{color:white;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;font-weight:500}.nav-link:hover{background-color:rgba(255,255,255,.1)}.nav-link.active{background-color:rgba(255,255,255,.2);font-weight:600}.wallet-section{flex-shrink:0}.main-content{flex:1 1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.page-header{margin-bottom:2rem;text-align:center}.page-header h2{font-size:2rem;margin-bottom:.5rem;color:#333}.page-header p{color:#666;font-size:1.1rem}.connect-prompt{background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-orange-700) 100%);color:white;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:2rem;font-size:1.1rem;font-weight:500}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.asset-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;position:relative}.asset-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.asset-card.owned{border:2px solid #4caf50;background:linear-gradient(135deg,#fff 0,var(--brand-cream) 100%)}.ownership-badge{position:absolute;top:-5px;right:-5px;background:#4CAF50;color:white;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(76,175,80,.3)}.asset-image{text-align:center;margin-bottom:1rem}.asset-emoji{font-size:3rem}.asset-info h3{font-size:1.25rem;margin-bottom:.5rem;color:#333}.asset-description{color:#666;margin-bottom:1rem;line-height:1.5}.asset-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.asset-price{font-size:1.25rem;font-weight:700;color:#4CAF50}.asset-seller{font-size:.9rem;color:#666}.asset-category{margin-bottom:1rem}.category-tag{background:var(--brand-cream);color:var(--brand-text);border:1px solid var(--brand-border);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.purchase-btn{width:100%;background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-orange-700) 100%);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.purchase-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(244,122,11,.35)}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.access-btn{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.access-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,.4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.asset-modal{background:white;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-header h2{margin:0;color:#333}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#f8f9fa}.modal-body{padding:1.5rem}.modal-loading{text-align:center;padding:2rem}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-error{text-align:center;padding:2rem;color:#dc3545}.asset-content{min-height:200px}.large-emoji{font-size:4rem;display:block;margin-bottom:1rem}.game-item,.image-placeholder,.player-placeholder{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.content-note{font-size:.9rem;color:#6c757d;font-style:italic;margin-top:1rem}.text-content{background:#f8f9fa;padding:1.5rem;border-radius:8px;line-height:1.6}.media-controls{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.pause-btn,.play-btn,.stop-btn,.use-item-btn{background:var(--brand-orange);color:white;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.pause-btn:hover,.play-btn:hover,.stop-btn:hover,.use-item-btn:hover{background:var(--brand-orange-600)}.modal-footer{padding:1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 16px 16px}.asset-actions{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.action-btn{border-radius:6px}.action-btn.primary{background:var(--brand-orange);color:white}.action-btn.primary:hover{background:var(--brand-orange-600)}.action-btn.secondary{background:#e9ecef;color:#495057}.action-btn.secondary:hover{background:#dee2e6}.access-note{font-size:.9rem;color:#6c757d;text-align:center;margin:0}.my-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.my-asset-card{background:white;border:1px solid #e9ecef;border-radius:8px;padding:1rem;transition:all .2s ease}.my-asset-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.asset-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.asset-header .asset-emoji{font-size:2rem}.asset-title h4{margin:0 0 .25rem;color:#333}.asset-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.purchase-info{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#6c757d}.access-asset-btn{background:#28a745;color:white;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.access-asset-btn:hover{background:#218838;transform:translateY(-1px)}.no-assets{text-align:center;padding:3rem 1rem;color:#6c757d}.no-assets p:first-child{font-size:1.1rem;margin-bottom:.5rem}.listing-container{display:grid;grid-template-columns:1fr 400px;grid-gap:2rem;gap:2rem;margin-top:2rem}.listing-form-container{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.listing-form{gap:1.5rem}.form-group,.listing-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-orange)}.listing-fee-info{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid var(--brand-orange)}.list-asset-btn{background:linear-gradient(135deg,#4CAF50,#45a049);color:white;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.list-asset-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.list-asset-btn:disabled{opacity:.6;cursor:not-allowed}.preview-container{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content}.preview-container h3{margin-bottom:1rem;color:#333}.asset-preview{border:2px dashed #e1e5e9;border-radius:12px;padding:1.5rem}.preview-image{text-align:center;margin-bottom:1rem}.preview-emoji{font-size:2.5rem}.preview-info h4{font-size:1.1rem;margin-bottom:.5rem;color:#333}.preview-info p{color:#666;margin-bottom:1rem;line-height:1.5}.preview-details{display:flex;justify-content:space-between;align-items:center}.preview-price{font-size:1.1rem;font-weight:700;color:#4CAF50}.preview-file,.preview-seller{font-size:.9rem;color:#666}.preview-file{margin-top:.5rem;padding:.5rem;background:#f8f9fa;border-radius:4px}.form-group input[type=file]{padding:.5rem;border:2px dashed #e1e5e9;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .2s ease}.form-group input[type=file]:focus,.form-group input[type=file]:hover{border-color:#667eea;background:#f0f2ff}.file-info{margin-top:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #4caf50}.file-info p{margin:.25rem 0;font-size:.9rem;color:#333}.file-info p:first-child{font-weight:600;color:#4CAF50}.file-size-hint{font-size:.8rem;color:#666;margin-top:.5rem;margin-bottom:0;font-style:italic}.upload-progress{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--brand-orange)}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-orange) 0,var(--brand-orange-700) 100%);border-radius:4px;transition:width .3s ease}.upload-progress p{margin:0;font-size:.9rem;color:var(--brand-orange);font-weight:600;text-align:center}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.profile-section h3{margin-bottom:1.5rem;color:#333;font-size:1.3rem}.wallet-info{flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px}.info-item label{font-weight:600;color:#333}.wallet-address{font-family:Courier New,monospace;background:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.status-connected{color:#4CAF50;font-weight:600}.sessions-list,.transactions-list{display:flex;flex-direction:column;gap:1rem}.session-card,.transaction-card{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #667eea}.transaction-card{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:1rem;gap:1rem;align-items:center}.transaction-icon{font-size:1.5rem}.transaction-details{display:flex;flex-direction:column;gap:.25rem}.transaction-asset{font-weight:600;color:#333}.transaction-meta{display:flex;gap:1rem;font-size:.9rem;color:#666}.transaction-amount{font-weight:700;color:#4CAF50}.transaction-status{font-weight:600;text-transform:capitalize}.quick-actions{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{background:var(--brand-orange);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:hover:not(:disabled){background:var(--brand-orange-600);transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.no-data{text-align:center;color:#666;font-style:italic;padding:2rem}.connect-button{background:rgba(255,255,255,.2);color:white;border:2px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.connect-button:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.wallet-info-display{display:flex;align-items:center;gap:1rem}.wallet-address-display{font-family:Courier New,monospace;background:rgba(255,255,255,.2);padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.disconnect-button{background:transparent;color:white;border:1px solid rgba(255,255,255,.3);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.disconnect-button:hover{background:rgba(255,255,255,.1)}.wallet-error{color:#ff6b6b;background:rgba(255,107,107,.1);padding:.5rem;border-radius:4px;font-size:.9rem}.wallet-connect{display:flex;align-items:center;gap:1rem}.connect-btn{background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-orange-700) 100%);color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.connect-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(244,122,11,.35)}.connect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.connect-btn.error{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.wallet-connected,.wallet-info{display:flex;align-items:center;gap:.5rem}.wallet-info{background:rgba(244,122,11,.08);padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(244,122,11,.2)}.status-indicator{color:#4ade80;font-size:.8rem}.address,.address-btn{font-family:Courier New,monospace;font-size:.9rem;color:var(--brand-orange);font-weight:600}.address-btn{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}.address-btn:hover{color:var(--brand-orange-700)}.disconnect-btn{background:rgba(255,107,107,.1);color:#ff6b6b;border:1px solid rgba(255,107,107,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:rgba(255,107,107,.2)}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:.5rem}[data-rk] .iekbcc0{--rk-colors-accentColor:var(--brand-orange)!important;--rk-colors-accentColorForeground:white!important}[data-rk]{--rk-colors-modalBackground:#1a1a1a;--rk-colors-modalBorder:#333;--rk-colors-generalBorder:#333;--rk-colors-actionButtonBorder:#333}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.navigation{gap:1rem}.main-content{padding:1rem}.assets-grid,.listing-container,.transaction-card{grid-template-columns:1fr}.transaction-card{gap:.5rem}.asset-actions,.quick-actions{flex-direction:column}.my-assets-grid{grid-template-columns:1fr}.asset-meta{flex-direction:column;align-items:stretch;gap:.5rem}}@media (max-width:480px){.header-content{padding:0 1rem}.navigation{flex-direction:column;gap:.5rem}.asset-card,.listing-form-container,.preview-container,.profile-section{padding:1rem}.modal-overlay{padding:.5rem}.asset-modal{max-height:95vh}}