*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout,body,html{overflow:hidden;background:#0d0d0d}.app-layout{display:flex;height:100vh}.map-area{flex:1;position:relative}.sidebar{width:260px;min-width:260px;height:100vh;background:#111111;border-right:1px solid #1f1f1f;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{border-bottom:1px solid #1f1f1f}.flag-stripe{height:3px;background:linear-gradient(90deg,#cf142b 33%,#fcd116 33% 66%,#003893 66%)}.header-body{padding:18px 22px 16px}.header-eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#C8A951;margin-bottom:4px}.header-title{font-size:22px;font-weight:800;color:#ffffff;line-height:1.1}.header-subtitle{font-size:12px;color:#666;margin-top:2px}.stats-bar{padding:10px 16px;background:#0d0d0d;border-bottom:1px solid #1f1f1f}.stat,.stats-bar{display:flex;align-items:center}.stat{flex:1;flex-direction:column;gap:1px}.stat-value{font-size:18px;font-weight:700;color:#C8A951;line-height:1}.stat-label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#444}.stat-divider{width:1px;height:28px;background:#222}.filter-body{flex:1;overflow-y:auto;padding:12px 14px}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.filter-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#444}.toggle-all-btn{font-size:10px;font-weight:600;color:#C8A951;background:none;border:none;cursor:pointer;padding:0;letter-spacing:.05em}.toggle-all-btn:hover{color:#E2C87A}.mineral-list{display:flex;flex-direction:column;gap:4px}.mineral-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.mineral-btn:hover{background:#1a1a1a;border-color:#2a2a2a}.mineral-btn.active{background:color-mix(in srgb,var(--c) 8%,#111);border-color:color-mix(in srgb,var(--c) 20%,transparent)}.mineral-btn.active:hover{background:color-mix(in srgb,var(--c) 13%,#111)}.mineral-indicator{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mineral-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid;transition:background .15s,box-shadow .15s;flex-shrink:0}.mineral-btn.active .mineral-dot{box-shadow:0 0 6px var(--c)}.mineral-text{flex:1;min-width:0}.mineral-name{display:block;font-size:13px;font-weight:600;color:#555;transition:color .15s}.mineral-btn.active .mineral-name{color:#ffffff}.mineral-region{display:block;font-size:10px;color:#3a3a3a;line-height:1.3;margin-top:1px}.deposit-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #2a2a2a;color:#444;transition:background .15s,color .15s,border-color .15s}.sidebar-footer{padding:12px 16px;border-top:1px solid #1a1a1a}.sidebar-footer p{font-size:10px;color:#333;line-height:1.6;text-align:center}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#0d0d0d;gap:12px}.spinner{width:32px;height:32px;border:2px solid #c8a951;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.map-loading span{font-size:13px;color:#444;font-family:monospace}.mapboxgl-ctrl-group{background:#1a1a1a!important;border:1px solid #2a2a2a!important;box-shadow:0 2px 8px rgba(0,0,0,.5)!important}.mapboxgl-ctrl-group button{background:transparent!important;color:#888!important}.mapboxgl-ctrl-group button:hover{background:#222!important;color:#C8A951!important}.mapboxgl-ctrl-group button+button{border-top:1px solid #2a2a2a!important}.mapboxgl-ctrl-attrib{background:rgba(13,13,13,.75)!important;color:#444!important;font-size:9px!important}.mapboxgl-ctrl-attrib a{color:#555!important}.mapboxgl-ctrl-scale{background:rgba(13,13,13,.75)!important;border-color:#444!important;color:#666!important;font-size:9px!important}.mapboxgl-popup-content{background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}.mapboxgl-popup-tip{display:none!important}.popup-inner{background:#141414;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:8px;padding:10px 13px;min-width:160px;box-shadow:0 4px 20px rgba(0,0,0,.6)}.popup-type{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.popup-name{font-size:13px;font-weight:700;color:#f0f0f0;margin-bottom:5px}.popup-desc{font-size:11px;color:#777;line-height:1.45}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}