*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-hover: #2a2a40;--text-primary: #f0f0f5;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #6366f1;--accent-hover: #818cf8;--accent-light: #a5b4fc;--border: rgba(100, 100, 150, .2);--border-light: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .5);--shadow-lg: rgba(0, 0, 0, .7);--glow: rgba(99, 102, 241, .3);--sidebar-width: 340px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-primary);background:var(--bg-primary);overflow:hidden}#app{display:flex;height:100vh;width:100vw}#sidebar{width:var(--sidebar-width);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);box-shadow:4px 0 24px var(--shadow-lg);display:flex;flex-direction:column;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:100;position:relative;overflow:hidden}#sidebar.collapsed{width:0;min-width:0;border-right:none;box-shadow:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);background:#6366f10d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:var(--sidebar-width);transition:opacity .4s cubic-bezier(.4,0,.2,1)}#sidebar.collapsed .sidebar-header h1,#sidebar.collapsed .sidebar-content{opacity:0;pointer-events:none}.sidebar-header h1{font-size:1.375rem;font-weight:700;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}#toggle-sidebar{background:#6366f11a;border:1px solid var(--border-light);color:var(--accent-light);padding:.5rem;cursor:pointer;border-radius:4px;transition:left .4s cubic-bezier(.4,0,.2,1),background .3s,border-color .3s,color .3s,transform .3s;box-shadow:0 2px 8px #0003;font-size:1rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:fixed;left:calc(var(--sidebar-width) - 48px);top:16px;z-index:102}#toggle-sidebar.sidebar-collapsed{left:16px;background:#6366f126}#toggle-sidebar:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--glow);transform:scale(1.05)}#toggle-sidebar:active{transform:scale(.95)}.sidebar-content{flex:1;overflow-y:auto;padding:.875rem;overflow-x:hidden}.filter-section{margin-bottom:1.5rem;background:#ffffff05;border-radius:4px;padding:.75rem;border:1px solid var(--border);transition:all .3s ease}.filter-section:hover{background:#ffffff0a;border-color:var(--border-light)}.filter-section h2{font-size:.875rem;font-weight:700;margin-bottom:.75rem;color:var(--accent-light);text-transform:uppercase;letter-spacing:1.2px}.filter-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.btn-filter{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;background:#ffffff08;color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-filter:hover{background:#6366f126;border-color:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.btn-filter:active{transform:translateY(0)}#check-all:first-letter{color:#4f4;font-weight:700}#uncheck-all:first-letter{color:#f44;font-weight:700}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:#ffffff05;border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);position:relative}.filter-group-header:hover{background:#6366f114;border-color:var(--border-light);box-shadow:0 2px 8px #0000004d}.filter-group-label{flex:1;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--text-primary);letter-spacing:-.2px}.group-colors{display:flex;align-items:center;padding-left:0}.group-color-circle{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 2px 6px #0006,0 0 0 1px #ffffff1a;margin-left:-8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-color-circle:first-child{margin-left:0}.group-color-overflow{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-tertiary) 100%);border:2px solid var(--bg-secondary);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--accent-light);font-weight:700;box-shadow:0 2px 6px #0006}.expand-icon{font-size:.75rem;color:var(--accent-light);transition:transform .3s cubic-bezier(.4,0,.2,1);width:1rem;display:inline-block;opacity:.8}.filter-group-items{margin-top:.5rem;margin-left:1.5rem;display:flex;flex-direction:column;gap:.25rem}.filter-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff05;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.filter-item:hover{background:#6366f114;border-color:#6366f133}.filter-item input[type=checkbox],.filter-group-header input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-light);border-radius:3px;cursor:pointer;position:relative;background:#ffffff08;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-item input[type=checkbox]:hover,.filter-group-header input[type=checkbox]:hover{border-color:var(--accent-light);background:#6366f11a}.filter-item input[type=checkbox]:checked,.filter-group-header input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.filter-item input[type=checkbox]:checked:after,.filter-group-header input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-group-header input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent)}.filter-group-header input[type=checkbox]:indeterminate:after{content:"";position:absolute;left:3px;top:7px;width:10px;height:2px;background:#fff}.filter-item label{flex:1;cursor:pointer;display:flex;align-items:center;gap:.5rem}.resource-color{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:all .2s}.resource-count{margin-left:auto;color:var(--text-muted);font-size:.75rem;font-weight:600;background:#6366f11a;padding:.125rem .375rem;border-radius:10px;transition:all .2s}.filter-item:hover .resource-count,.filter-group-header:hover .resource-count{background:#6366f133;color:var(--accent-light)}.btn-primary,.btn-secondary{width:100%;padding:.625rem .875rem;border:none;border-radius:4px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-light) 100%);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.btn-primary.active:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-secondary{background:#ffffff08;color:var(--text-primary);border:1px solid var(--border);box-shadow:0 2px 8px #0003}.btn-secondary:hover{background:#6366f11a;border-color:var(--accent);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.share-section{margin-bottom:1rem;padding:0 .875rem;position:relative}.btn-share{width:100%;padding:.625rem .875rem;border:1px solid var(--border);border-radius:4px;background:#ffffff08;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-share-icon{font-size:1.125rem}.btn-share:hover{background:#6366f11a;border-color:var(--accent);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.btn-share:active{transform:translateY(0)}.social-links-section{padding:.875rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-top:1px solid var(--border);margin-top:.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff08;border:1px solid var(--border);color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.social-link:hover{background:#6366f126;border-color:var(--accent-light);color:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.social-link:active{transform:translateY(0)}.social-icon{width:20px;height:20px}.hidden{display:none}.feedback{position:absolute;bottom:-40px;left:50%;transform:translate(-50%) translateY(10px);padding:.375rem .625rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:4px;text-align:center;font-weight:600;font-size:.75rem;box-shadow:0 4px 12px #10b98166;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback:not(.hidden){opacity:1;transform:translate(-50%) translateY(0)}#map-container{flex:1;position:relative;overflow:hidden;background:#000}#map{width:100%;height:100%;background:#000}.ol-zoom,.ol-rotate{display:none}.coordinates-display{position:absolute;bottom:1rem;right:1rem;background:var(--bg-secondary);padding:.5rem 1rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;border:1px solid var(--border);pointer-events:none}.axes-indicator{position:absolute;bottom:4rem;left:1rem;width:80px;height:80px;pointer-events:none;display:flex;align-items:center;justify-content:center}.axes-svg{width:70px;height:70px}.axis-line{stroke-width:2;fill:none}.axis-x{stroke:#f44}.axis-y{stroke:#4f4}.axis-z{stroke:#44f}.axis-label{font-size:12px;font-weight:700;fill:currentColor}.label-x{fill:#f44}.label-y{fill:#4f4}.label-z{fill:#44f}.axis-arrow{fill:currentColor;stroke:none}.arrow-x{fill:#f44}.arrow-y{fill:#4f4}.arrow-z{fill:#44f}.resource-tooltip{position:absolute;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.625rem .875rem;border-radius:8px;font-size:.875rem;border:1px solid var(--border-light);pointer-events:none;z-index:1000;box-shadow:0 4px 16px #0006,0 0 0 1px var(--border);display:none;max-width:350px}.resource-tooltip.visible{display:block}.resource-tooltip .tooltip-title-group{margin-bottom:.5rem}.resource-tooltip .tooltip-type{font-weight:700;color:var(--accent-light);font-size:.875rem;line-height:1.2}.resource-tooltip .tooltip-subtitle{font-weight:500;font-size:.75rem;color:var(--text-secondary);opacity:.85;line-height:1.3;margin-top:.2rem}.resource-tooltip .tooltip-section{margin-top:.5rem;padding-top:.5rem}.resource-tooltip .tooltip-section-header{font-size:.7rem}.resource-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.btn-close-details{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-close-details:hover{color:#ff6b6b}#resource-details-content .popup-header{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.875rem}#resource-details-content .popup-icon{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;flex-shrink:0;margin-top:.125rem}#resource-details-content .popup-title-group{display:flex;flex-direction:column;gap:.25rem;flex:1}#resource-details-content .popup-title{font-weight:700;font-size:1rem;color:var(--accent-light);letter-spacing:-.3px;line-height:1.2}#resource-details-content .popup-subtitle{font-weight:500;font-size:.75rem;color:var(--text-secondary);opacity:.85;line-height:1.3}.ol-popup{position:absolute;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080,0 0 0 1px var(--border);border-radius:12px;border:1px solid var(--border-light);padding:0;bottom:12px;left:-50px;min-width:300px;max-width:400px;z-index:1000;display:none}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:after{border-top-color:var(--bg-tertiary);border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:var(--border-light);border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{position:absolute;top:8px;right:8px;font-size:24px;line-height:1;cursor:pointer;color:var(--text-secondary);background:none;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.ol-popup-closer:hover{color:#ff6b6b}.ol-popup-content{padding:1.25rem}.popup-header{display:flex;align-items:flex-start;gap:.625rem;margin-bottom:.875rem;padding-right:1.5rem}.popup-icon{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;flex-shrink:0;margin-top:.125rem}.popup-title-group{display:flex;flex-direction:column;gap:.25rem;flex:1}.popup-title{font-weight:700;font-size:1.125rem;color:var(--accent-light);letter-spacing:-.3px;line-height:1.2}.popup-subtitle{font-weight:500;font-size:.8rem;color:var(--text-secondary);opacity:.85;line-height:1.3}.popup-coords,.tooltip-coords{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.popup-coords:not(:last-child){margin-bottom:.75rem}.tooltip-coords{gap:.5rem}.tooltip-coords:not(:last-child){margin-bottom:.5rem}.popup-coord,.tooltip-coord{display:inline-flex;align-items:baseline;gap:.375rem;background:#0000004d;padding:.375rem .625rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.popup-coord:hover,.tooltip-coord:hover{background:#0006;border-color:#ffffff26}.tooltip-coord{padding:.3rem .5rem;border-radius:4px}.popup-coord-label,.tooltip-coord-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;opacity:.9}.tooltip-coord-label{font-size:.65rem}.popup-coord-x .popup-coord-label,.tooltip-coord-x .tooltip-coord-label{color:#ff6b6b}.popup-coord-y .popup-coord-label,.tooltip-coord-y .tooltip-coord-label{color:#51cf66}.popup-coord-z .popup-coord-label,.tooltip-coord-z .tooltip-coord-label{color:#74c0fc}.popup-coord-value,.tooltip-coord-value{font-family:Courier New,monospace;font-size:.8rem;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.tooltip-coord-value{font-size:.75rem}.popup-section,.tooltip-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.popup-section-header,.tooltip-section-header{color:var(--accent-light);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;display:flex;align-items:center;gap:.25rem}.tooltip-section-header{margin-bottom:.5rem}.popup-section-content,.tooltip-section-content{color:var(--text-primary)}.popup-code,.tooltip-code{background:#0000004d;padding:.375rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;color:var(--accent);display:block;word-break:break-all}.tooltip-code{font-size:.7rem;padding:.25rem .375rem}.popup-code-path,.tooltip-code-path{font-size:.7rem;line-height:1.4}.popup-badges,.tooltip-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.popup-badge,.tooltip-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;line-height:1.2}.tooltip-badge{font-size:.7rem;padding:.2rem .4rem}.popup-badge-shiny,.tooltip-badge-shiny{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.popup-badge-special,.tooltip-badge-special{background:linear-gradient(135deg,#9333ea,#c084fc);color:#000}.popup-badge-chest,.tooltip-badge-chest{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#000}.popup-badge-chance,.tooltip-badge-chance{background:linear-gradient(135deg,#10b981,#34d399);color:#000}.popup-badge-pool,.tooltip-badge-pool{background:#6366f133;border:1px solid var(--accent);color:var(--accent-light)}.popup-badge-id,.tooltip-badge-id{background:#daa52033;border:1px solid #DAA520;color:#f4d03f;font-family:Courier New,monospace}.popup-properties,.tooltip-properties{display:flex;flex-direction:column;gap:.375rem}.popup-property,.tooltip-property{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:flex-start}.popup-property-label,.tooltip-property-label{color:var(--text-secondary);font-weight:600;font-size:.75rem;white-space:nowrap}.tooltip-property-label{font-size:.7rem}.popup-property-value,.tooltip-property-value{color:var(--accent-light);font-size:.8rem}.tooltip-property-value{font-size:.75rem}.popup-property-value-small,.tooltip-property-value-small{font-size:.7rem;word-break:break-all}.popup-drop-group,.tooltip-drop-group{display:flex;flex-direction:column}.popup-drop-group-separator,.tooltip-drop-group-separator{height:1px;background:var(--border);margin:.75rem 0}.tooltip-drop-group-separator{margin:.5rem 0}.popup-drop-chances,.tooltip-drop-chances{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.popup-drop-items,.tooltip-drop-items{display:flex;flex-direction:column;gap:.25rem}.popup-drop-item,.tooltip-drop-item{font-size:.8rem;line-height:1.5}.tooltip-drop-item{font-size:.75rem}.popup-item-label,.tooltip-item-label{color:var(--text-secondary);font-weight:600;margin-right:.375rem}.popup-empty,.tooltip-empty{color:var(--text-muted);font-style:italic;font-size:.75rem}.map-filter-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.btn-map-filter{padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;background:#ffffff08;color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-map-filter:hover{background:#6366f126;border-color:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.btn-map-filter:active{transform:translateY(0)}.btn-map-filter.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-map-filter.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.map-filter-icon{font-size:1rem}.sidebar-content::-webkit-scrollbar{width:10px}.sidebar-content::-webkit-scrollbar-track{background:#0003;border-radius:10px;margin:4px 0}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:10px;border:2px solid var(--bg-secondary);transition:all .2s}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-light) 0%,var(--accent) 100%);box-shadow:0 0 8px var(--glow)}@media (max-width: 768px){:root{--sidebar-width: 300px}#sidebar{position:absolute;height:100%;box-shadow:4px 0 32px var(--shadow-lg)}.filter-section{padding:.625rem}.sidebar-content{padding:.75rem}}*{transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}