:root{--color-black:#000;--color-white:#fff;--color-gray-light:#f5f5f5;--color-gray-dark:#333;--pixel-size:20px;--border-width:2px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}code{font-family:Courier New,monospace}button{border:none;cursor:pointer;font-family:inherit;outline:none}.pixel-style{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.wallet-connect{align-items:center;display:flex;gap:10px;position:relative}.connect-button{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);border-radius:0;color:var(--color-black);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.connect-button:hover{background-color:var(--color-black);color:var(--color-white)}.connect-button:disabled{cursor:not-allowed;opacity:.6}.wallet-info{align-items:center;background-color:var(--color-black);border:2px solid var(--color-black);color:var(--color-white);display:flex;gap:8px;padding:8px 12px;white-space:nowrap}.wallet-address{font-family:Courier New,monospace;font-size:12px;font-weight:700}.disconnect-button{align-items:center;background:#0000;border:1px solid var(--color-white);color:var(--color-white);cursor:pointer;display:flex;font-size:12px;padding:4px;transition:all .2s ease}.disconnect-button:hover,.wallet-error{background-color:var(--color-white);color:var(--color-black)}.wallet-error{border:2px solid var(--color-black);font-size:12px;margin-top:8px;padding:8px 12px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:100}.zoomable-map{background-color:#e6f3ff;flex:1 1;height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.map-canvas{display:block;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;width:100%}.map-controls{display:flex;flex-direction:column;gap:8px;position:absolute;right:20px;top:20px;z-index:10}.zoom-control{align-items:center;background-color:var(--color-white);border:var(--border-width) solid var(--color-black);color:var(--color-black);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.zoom-control:hover{background-color:var(--color-black);color:var(--color-white)}.zoom-control.reset{font-size:16px}.map-info{background-color:#000c;border:var(--border-width) solid var(--color-black);bottom:20px;font-family:Courier New,monospace;font-size:12px;gap:12px;left:20px;padding:8px 12px;position:absolute}.map-info,.x-link{align-items:center;color:var(--color-white);display:flex}.x-link{text-decoration:none;transition:opacity .2s ease}.x-link:hover{opacity:.7}@media (max-width:768px){.map-controls{gap:4px;right:10px;top:10px}.zoom-control{font-size:14px;height:32px;width:32px}.map-info{bottom:10px;font-size:10px;left:10px;padding:6px 8px}}.avatar-upload{align-items:center;background-color:var(--color-white);border:var(--border-width) solid var(--color-black);display:flex;flex-direction:column;gap:16px;padding:20px}.avatar-preview{height:80px;position:relative;width:80px}.avatar-container{height:100%;position:relative;width:100%}.avatar-image{border:var(--border-width) solid var(--color-black);height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;object-fit:cover;width:100%}.avatar-placeholder{background-color:var(--color-gray-light);border:var(--border-width) dashed var(--color-black);color:var(--color-gray-dark);height:100%;width:100%}.avatar-clear,.avatar-placeholder{align-items:center;display:flex;justify-content:center}.avatar-clear{background-color:var(--color-black);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;font-size:12px;font-weight:700;height:20px;position:absolute;right:-8px;top:-8px;width:20px}.avatar-clear:hover{background-color:var(--color-gray-dark)}.upload-controls{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-button{align-items:center;background-color:var(--color-white);border:var(--border-width) solid var(--color-black);color:var(--color-black);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.upload-button:hover{background-color:var(--color-black);color:var(--color-white)}.file-info{align-items:center;color:var(--color-gray-dark);display:flex;font-family:Courier New,monospace;font-size:12px;gap:8px}.file-info span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.certificate-modal{background-color:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:auto}.certificate-header{align-items:center;background-color:var(--color-black);border-bottom:var(--border-width) solid var(--color-black);color:var(--color-white);display:flex;justify-content:space-between;padding:16px 20px}.certificate-header h3{font-size:18px;font-weight:700;margin:0;text-transform:uppercase}.share-prompt{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:16px 20px;text-align:center}.share-prompt p{color:#495057;font-size:14px;font-weight:500;margin:0}.certificate-content{flex:1 1;min-height:0;padding:20px;text-align:center}.certificate-content canvas{background-color:#f5f5f5;border:1px solid #ddd;height:auto;margin-bottom:20px;max-height:60vh;max-width:95vw;width:auto}.certificate-canvas{display:block;margin:0 auto}.certificate-actions{border-top:1px solid #e9ecef;display:flex;gap:16px;justify-content:center;padding:20px}.cert-button{align-items:center;background-color:#fff;border:2px solid;border-radius:4px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;min-width:160px;outline:none;padding:14px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cert-button:focus{box-shadow:0 0 0 3px #007bff40}.download-btn{background-color:#fff;border-color:#007bff;color:#007bff}.download-btn:hover{background-color:#007bff;box-shadow:0 4px 8px #007bff4d;color:#fff;transform:translateY(-1px)}.share-btn{background-color:#fff;border-color:#1da1f2;color:#1da1f2}.share-btn:hover{background-color:#1da1f2;box-shadow:0 4px 8px #1da1f24d;color:#fff;transform:translateY(-1px)}.cert-button:active{transform:translateY(0)}@media (max-width:768px){.certificate-modal{max-width:95vw}.certificate-content{padding:16px}.certificate-actions{flex-direction:column}.cert-button{justify-content:center;width:100%}}.pixel-side-panel{background-color:var(--color-white);border:var(--border-width) solid var(--color-black);box-shadow:0 4px 20px #0000004d;max-height:90vh;overflow-y:auto;position:fixed;width:280px;z-index:1000}.panel-header{background-color:var(--color-black);color:var(--color-white);justify-content:space-between;padding:12px 16px}.panel-header,.panel-title{align-items:center;display:flex}.panel-title{font-family:Courier New,monospace;font-size:14px;font-weight:700;gap:6px}.close-button{align-items:center;background:#0000;border:1px solid var(--color-white);color:var(--color-white);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.close-button:hover{background-color:var(--color-white);color:var(--color-black)}.panel-content{padding:16px}.connect-prompt{padding:20px 10px;text-align:center}.connect-prompt p{color:var(--color-gray-dark);font-size:12px;margin:10px 0}.user-stats{background-color:var(--color-gray-light);border:1px solid var(--color-black);color:var(--color-black);margin-bottom:16px;padding:12px}.stat-item{font-size:12px;padding:4px 0}.stat-item .label,.stat-item .value{color:var(--color-black);font-weight:700}.stat-item .value{font-family:Courier New,monospace}.pixel-status{background-color:var(--color-gray-light);border:1px solid var(--color-black);margin-bottom:16px;padding:12px}.status-item{align-items:center;display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.status-item:not(:last-child){border-bottom:1px solid #ddd}.label{color:var(--color-black);font-weight:700}.value{color:var(--color-gray-dark);font-family:Courier New,monospace}.upload-section{margin:16px 0}.upload-section .avatar-upload{border:1px solid var(--color-black);padding:12px}.upload-section .avatar-preview{height:60px;width:60px}.upload-section .upload-button{font-size:12px;padding:8px 12px}.existing-avatar-section{background-color:var(--color-gray-light);border:1px solid var(--color-black);margin:16px 0;padding:12px}.existing-avatar{align-items:center;display:flex;gap:12px;margin-top:8px}.existing-avatar img{border:1px solid var(--color-black);height:60px;image-rendering:pixelated;object-fit:cover;width:60px}.existing-avatar span{color:var(--color-gray-dark);font-size:12px;font-style:italic}.error-message{background-color:#ffe6e6;border:1px solid #c00;color:#c00;font-size:11px;margin-bottom:12px;padding:8px;text-align:center}.claim-button{align-items:center;background-color:var(--color-black);border:var(--border-width) solid var(--color-black);color:var(--color-white);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:12px;text-transform:uppercase;transition:all .2s ease;width:100%}.claim-button:hover:not(:disabled){background-color:var(--color-white);color:var(--color-black)}.claim-button:disabled{cursor:not-allowed;opacity:.6}.claimed-pixel-section{margin-top:16px}.claimed-avatar{background-color:var(--color-gray-light);border:1px solid var(--color-black);margin-bottom:12px;padding:12px;text-align:center}.claimed-avatar img{border:1px solid var(--color-black);height:60px;image-rendering:pixelated;object-fit:cover;width:60px}.certificate-button{align-items:center;background-color:#28a745;border:var(--border-width) solid #28a745;color:var(--color-white);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:12px;text-transform:uppercase;transition:all .2s ease;width:100%}.certificate-button:hover{background-color:#218838;border-color:#1e7e34}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:12px;width:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.pixel-side-panel{max-height:85vh;width:240px}.panel-content{padding:12px}.pixel-status{padding:8px}}.cache-manager-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.cache-manager-modal{background-color:var(--color-white);border:var(--border-width) solid var(--color-black);border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:500px;overflow:auto;width:90vw}.cache-manager-header{align-items:center;background-color:var(--color-black);border-bottom:var(--border-width) solid var(--color-black);color:var(--color-white);display:flex;justify-content:space-between;padding:16px 20px}.cache-manager-header h3{font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#0000;border:1px solid var(--color-white);border-radius:4px;color:var(--color-white);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;width:30px}.close-btn:hover{background-color:var(--color-white);color:var(--color-black)}.cache-manager-content{padding:20px}.cache-info{margin-bottom:24px}.cache-info h4{color:#333;font-size:16px;margin:0 0 12px}.cache-stats{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.stat-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-item .label{color:#495057;font-weight:500}.stat-item .value{color:#007bff;font-weight:600}.cache-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.cache-btn{align-items:center;background-color:#fff;border:2px solid;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .3s ease}.refresh-btn{border-color:#28a745;color:#28a745}.refresh-btn:hover{background-color:#28a745;color:#fff}.cleanup-btn{border-color:#ffc107;color:#ffc107}.cleanup-btn:hover{background-color:#ffc107;color:#fff}.clear-btn{border-color:#dc3545;color:#dc3545}.clear-btn:hover{background-color:#dc3545;color:#fff}.cache-description{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:0 6px 6px 0;padding:16px}.cache-description p{color:#333;font-weight:600;margin:0 0 8px}.cache-description ul{margin:8px 0;padding-left:20px}.cache-description li{color:#495057;margin-bottom:4px}.cache-description small{color:#6c757d;font-style:italic}@media (max-width:768px){.cache-manager-modal{max-width:95vw}.cache-actions{flex-direction:column}.cache-btn{width:100%}}.user-info-panel{background-color:var(--color-black);border:var(--border-width) solid var(--color-black);bottom:20px;color:var(--color-white);font-size:12px;font-weight:700;position:fixed;right:20px;white-space:nowrap;z-index:1000}.user-stats-line{align-items:center;display:flex;gap:8px;padding:8px 12px}.wallet-short{color:var(--color-white);font-family:Courier New,monospace}.separator{color:var(--color-white);opacity:.6}.stat{font-family:Courier New,monospace;gap:4px}.cache-settings-btn,.stat{align-items:center;display:flex}.cache-settings-btn{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#ffffffb3;cursor:pointer;justify-content:center;margin-left:8px;padding:4px 6px;transition:all .2s ease}.cache-settings-btn:hover{background-color:#ffffff1a;border-color:#ffffff80;color:var(--color-white)}@media (max-width:768px){.user-info-panel{bottom:10px;font-size:11px;right:10px}.user-stats-line{gap:6px;padding:6px 10px}}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}.App,.app-header{background-color:var(--color-white)}.app-header{border-bottom:var(--border-width) solid var(--color-black);padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.app-title-container{align-items:center;display:flex;gap:12px}.app-logo{height:40px;object-fit:contain;width:40px}.app-title{color:var(--color-black);font-family:Arial Black,Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:4px;margin:0;text-transform:uppercase}.app-main{background-color:var(--color-white);display:flex;flex:1 1;overflow:hidden;position:relative}.map-section{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:0;width:100%}@media (max-width:768px){.header-content{padding:0 10px}.app-title{font-size:24px;letter-spacing:2px}}