:root{--map-sidebar-width: 15rem;--map-cell-size: 2.625rem;--map-cell-gap: .1875rem;--map-badge-size: 1.75rem;--map-font-xs: .75rem;--map-font-sm: .8rem;--map-font-base: .875rem;--map-font-lg: 1rem;--map-font-title: 1.25rem}.mt-xs{margin-top:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.text-warning{color:var(--warning-color)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-accent-blue{color:var(--accent-blue)}.map-detail-divider{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.map-tabs-spacer{flex:1}.map-btn-icon{font-size:1.1rem}.map-btn-icon-sm{font-size:1rem;vertical-align:middle}#app{min-height:100vh;max-width:87.5rem;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary)}.map-tabs{display:flex;align-items:center;gap:0;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;padding:0 var(--spacing-sm);box-shadow:var(--shadow-sm)}.map-tab{padding:.75rem var(--spacing-lg);color:var(--text-muted);font-size:var(--map-font-base);font-weight:500;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.map-tab:hover{color:var(--text-primary);background:var(--overlay-lightest)}.map-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.map-search-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) .75rem;margin:var(--spacing-xs);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--map-font-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.map-search-btn:hover{background:var(--primary-alpha-10);border-color:var(--primary-color);color:var(--primary-color)}.map-layout{display:flex;flex:1;min-height:0}.map-sidebar{width:var(--map-sidebar-width);min-width:var(--map-sidebar-width);border-right:1px solid var(--border-color);background:var(--card-bg);overflow-y:auto;padding:var(--spacing-xs) 0}.sidebar-group-header{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-weight:600;font-size:var(--map-font-sm);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background var(--transition-fast)}.sidebar-group-header:hover{background:var(--overlay-lightest)}.sidebar-chevron{font-size:1.2rem;color:var(--text-dim);transition:transform var(--transition-fast);transform:rotate(-90deg)}.sidebar-group-header.expanded .sidebar-chevron{transform:rotate(0)}.sidebar-group-items{overflow:hidden;max-height:50rem;transition:max-height var(--transition-base) ease-out,opacity var(--transition-base);opacity:1}.sidebar-group-items.collapsed{max-height:0;opacity:0}.sidebar-item{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) calc(var(--spacing-md) + .75rem);color:var(--text-muted);font-size:var(--map-font-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid transparent}.sidebar-item:hover{background:var(--overlay-lightest);color:var(--text-primary);border-left-color:var(--text-muted)}.sidebar-item.active{background:var(--primary-alpha-10);color:var(--primary-color);font-weight:600;border-left-color:var(--primary-color)}.map-center{flex:1;overflow:auto;display:flex;flex-direction:column;min-height:0}.map-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.map-header-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.map-header-sub{font-size:var(--map-font-sm);color:var(--text-muted);margin-top:.2rem}.map-stats{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.map-stat-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) .875rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--map-font-sm);transition:border-color var(--transition-fast)}.map-stat-chip:hover{border-color:var(--primary-color)}.map-stat-chip .stat-icon{font-size:1.1rem;line-height:1;color:var(--text-muted)}.map-stat-chip .stat-label{color:var(--text-muted)}.map-stat-chip .stat-value{color:var(--text-primary);font-weight:600}.map-stat-chip .stat-value--yes{color:var(--success-color)}.map-stat-chip .stat-value--no{color:var(--danger-color)}.map-zone{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:1.75rem 2rem 1.5rem}.data-zone{padding:1.5rem 2rem 2.5rem;background:var(--section-bg)}.data-zone-title{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.map-compare-btn{padding:var(--spacing-xs) .875rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--map-font-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.map-compare-btn:hover{filter:brightness(1.15);box-shadow:var(--shadow-md)}.map-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:var(--map-font-base)}.map-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-dim);font-size:var(--map-font-base)}.map-search-overlay{position:fixed;inset:0;background:var(--overlay-strong);display:flex;align-items:center;justify-content:center;z-index:200}.map-search-panel{background:var(--card-bg);border-radius:var(--radius-xl);width:90%;max-width:40rem;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.map-search-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.map-search-header-icon{font-size:1.25rem;color:var(--primary-color)}.map-search-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.map-search-header-spacer{flex:1}.map-search-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.map-search-close:hover{background:var(--overlay-lighter);color:var(--text-primary)}.map-search-close .material-symbols-outlined{font-size:1.2rem}.map-search-input-wrap{display:flex;align-items:center;gap:var(--spacing-xs);margin:.75rem 1.25rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--input-bg);transition:border-color var(--transition-fast);flex-shrink:0}.map-search-input-wrap:focus-within{border-color:var(--primary-color)}.map-search-input-icon{font-size:1.2rem;color:var(--text-dim)}.map-search-input{flex:1;border:none;background:none;color:var(--text-primary);font-size:var(--map-font-base);outline:none}.map-search-input::placeholder{color:var(--text-dim)}.map-search-results{flex:1;overflow-y:auto;padding:0 .25rem;overscroll-behavior:contain}.map-search-results::-webkit-scrollbar{width:6px}.map-search-results::-webkit-scrollbar-track{background:transparent}.map-search-results::-webkit-scrollbar-thumb{background:var(--overlay-light);border-radius:3px}.map-search-results::-webkit-scrollbar-thumb:hover{background:var(--overlay-medium)}.map-grid-wrapper{display:flex;justify-content:center}.map-grid-frame{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:inline-block}.map-grid{display:inline-grid;gap:var(--map-cell-gap);justify-content:center}.map-cell{width:var(--map-cell-size);height:var(--map-cell-size);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--map-font-sm);transition:transform var(--transition-fast)}.map-cell--sea{background:#e8edf2;border:1px solid #d0d7de;color:var(--text-dim)}.map-cell--void{background:#c8cdd3}body.dark-mode .map-cell--sea{background:#3a3d42;border-color:#4a4d52}body.dark-mode .map-cell--void{background:#1a1b1e}.map-cell--node{cursor:default}.map-cell--clickable{cursor:pointer}.map-cell--clickable:hover{transform:scale(1.12);z-index:1}.node-badge{width:var(--map-badge-size);height:var(--map-badge-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--map-font-xs);border-width:1.5px;border-style:solid}.map-cell--enemy{color:#eab308}.map-cell--enemy .material-symbols-outlined{font-size:1.25rem}.map-cell--elite{color:#e74c3c}.map-cell--elite .material-symbols-outlined{font-size:1.25rem}.node-badge--elite{background:#201428;border-color:#9b59b666;color:#9b59b6}.node-badge--boss{background:#3a0808;border-color:#ef4444aa;color:#ef4444;border-width:2px}.node-badge--champion{background:#2a2010;border-color:#f59e0b66;color:#f59e0b}.node-badge--spawn{background:#0a1e10;border-color:#22c55e66;color:#22c55e}.node-badge .material-symbols-outlined{font-size:.95rem;line-height:1}.node-badge--spawn-sub{background:#0a1420;border-color:#38bdf8;color:#38bdf8;border-style:dashed}.node-badge--box{background:#0a1a1e;border-color:#06b6d466;color:#06b6d4}.node-badge--supply{background:#1e1a0a;border-color:#eab30866;color:#eab308}.node-badge--torpedo{background:#2a1410;border-color:#f9731666;color:#f97316}.node-badge--transport{background:#0a1a1e;border-color:#22d3ee66;color:#22d3ee}.node-badge--transport-target{background:#0a1a1e;border-color:#22d3ee44;color:#22d3eeaa}.node-badge--landbase{background:#1e1810;border-color:#a8845066;color:#a88450}.node-badge--unknown{background:#1a1a1a;border-color:#6666;color:#666}.map-cell--boss{box-shadow:0 0 10px #ef444433}.map-legend{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.map-legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--map-font-xs);color:var(--text-muted)}.map-legend-item .node-badge{width:1.125rem;height:1.125rem;font-size:.5rem}.map-legend-item .node-badge .material-symbols-outlined{font-size:.65rem;line-height:1}.map-legend-icon{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}.map-legend-icon .material-symbols-outlined{font-size:.85rem;line-height:1}.map-legend-icon--enemy{color:#eab308}.map-legend-icon--elite{color:#e74c3c}.map-legend-void{width:1.125rem;height:1.125rem;background:var(--overlay-medium);border-radius:var(--radius-sm)}.map-cell--world-sea{background:var(--bg-secondary);border:1px solid var(--border-color)}.map-cell--world-void{background:var(--overlay-medium)}.map-node-overlay{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:320px;max-height:60vh;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:100;animation:fadeSlideUp .2s ease-out;display:none}.map-node-overlay.active{display:block}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.map-node-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.map-node-overlay-title{font-size:var(--map-font-lg);font-weight:600;color:var(--text-primary)}.map-node-overlay-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.map-node-overlay-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.map-node-overlay-close .material-symbols-outlined{font-size:1.25rem}.map-node-overlay-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.125rem 1.25rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.info-card:hover{border-color:var(--primary-alpha-30);box-shadow:var(--shadow-md)}.info-card.full-width{grid-column:1 / -1}.info-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:.75rem}.info-card-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon .material-symbols-outlined{font-size:1.1rem;line-height:1}.info-card-icon--star{background:#eab3081f;color:#eab308}.info-card-icon--oil{background:#22c55e1f;color:#22c55e}.info-card-icon--drop{background:#06b6d41f;color:#06b6d4}.info-card-icon--ship{background:#5b8af51f;color:#5b8af5}.info-card-icon--fleet{background:#9b59b61f;color:#9b59b6}.info-card-icon--condition{background:#f59e0b1f;color:#f59e0b}.info-card-icon--info{background:#5b8af51f;color:#5b8af5}.info-card-icon--exp{background:#22c55e1f;color:#22c55e}.info-card-label{font-size:.78rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.info-card-body{font-size:var(--map-font-base, .875rem);color:var(--text-secondary);line-height:1.7}.clear-stats{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.clear-stat{padding:.625rem .875rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color)}.clear-stat-label{font-size:.72rem;color:var(--text-muted);margin-bottom:.25rem}.clear-stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.clear-stat-sub{font-size:.72rem;color:var(--text-dim);margin-top:.125rem}.condition-row{display:flex;align-items:center;gap:var(--spacing-xs);padding:.3rem 0;font-size:var(--map-font-sm, .8rem)}.condition-row--hidden{opacity:.55}.condition-hidden-badge{font-size:.65rem;padding:.0625rem .375rem;background:var(--overlay-lighter);color:var(--text-muted);border-radius:var(--radius-xs);font-weight:500}.loop-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.625rem;padding:.25rem .625rem;background:var(--primary-alpha-10);border:1px solid var(--primary-alpha-20);border-radius:var(--radius-sm);font-size:.78rem;color:var(--primary-color)}.map-detail-card{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-left-color var(--transition-fast)}.map-detail-card:hover{transform:translate(2px);box-shadow:var(--shadow-md);border-left-color:var(--primary-color)}.map-detail-card:has(.fleet-type--boss){border-left-color:#ef4444}.map-detail-card:has(.fleet-type--elite){border-left-color:#9b59b6}.map-detail-card:has(.fleet-type--champion){border-left-color:#f59e0b}.map-detail-card:has(.fleet-type--boss):hover{border-left-color:#ef4444}.map-detail-card:has(.fleet-type--elite):hover{border-left-color:#9b59b6}.map-detail-card:has(.fleet-type--champion):hover{border-left-color:#f59e0b}.map-detail-card-title{font-size:var(--map-font-base);font-weight:600;margin-bottom:.125rem}.map-detail-card-body{font-size:var(--map-font-sm);color:var(--text-muted);line-height:1.6}.fleet-type--normal{color:var(--text-secondary)}.fleet-type--elite{color:#9b59b6}.fleet-type--boss{color:#ef4444}.fleet-type--champion{color:#f59e0b}.stat-req{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--map-font-sm);margin:.125rem}.stat-req-name{color:var(--text-muted)}.stat-req-value{color:var(--primary-color);font-weight:600}.fleet-limit-slot{display:inline-flex;align-items:center;gap:.125rem;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--map-font-sm);color:var(--text-secondary);margin:.125rem}.drop-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.drop-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--map-font-sm);color:var(--text-secondary)}.drop-icon{width:1.25rem;height:1.25rem;object-fit:contain;border-radius:var(--radius-xs);flex-shrink:0}.drop-icon-sm{width:1rem;height:1rem;object-fit:contain;border-radius:var(--radius-xs);flex-shrink:0}.drop-group{width:100%}.drop-group-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--map-font-sm);color:var(--text-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.drop-group-items{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-left:var(--spacing-sm)}.drop-sub-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--map-font-xs);color:var(--text-secondary);border-left:2px solid var(--border-color)}.drop-sub-icon{width:1.75rem;height:1.75rem;object-fit:contain;border-radius:var(--radius-xs);padding:.125rem;flex-shrink:0}.drop-sub-rarity-2 .drop-sub-icon{background:#3c9be822}.drop-sub-rarity-2{border-left-color:#3c9be866}.drop-sub-rarity-3 .drop-sub-icon{background:#b066d422}.drop-sub-rarity-3{border-left-color:#b066d466}.drop-sub-rarity-4 .drop-sub-icon{background:#e8a32022}.drop-sub-rarity-4{border-left-color:#e8a32066}.drop-sub-rarity-5 .drop-sub-icon{background:#ef444421}.drop-sub-rarity-5{border-left-color:var(--rarity-ur)}.drop-item-badge{font-size:var(--map-font-xs);padding:.0625rem var(--spacing-xs);background:#ef444433;color:#ef4444;border-radius:var(--radius-xs);font-weight:600}.ship-drop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:var(--spacing-sm)}.ship-drop-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-color);text-decoration:none;transition:all var(--transition-fast);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.ship-drop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ship-drop-portrait{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:var(--radius-xs)}.ship-drop-name{font-size:var(--map-font-xs);color:var(--text-secondary);text-align:center;line-height:1.2;margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.ship-drop-boss{position:absolute;top:.125rem;right:.125rem;font-size:.5rem;padding:.0625rem .1875rem;background:#ef444488;color:#fff;border-radius:var(--radius-xs);font-weight:600}.ship-drop-rarity-SSR{border-color:#e8a32066}.ship-drop-rarity-SR{border-color:#b066d466}.ship-drop-rarity-UR{border-color:var(--rarity-ur)}.ship-drop-rarity-SSR:hover{border-color:#e8a320}.ship-drop-rarity-SR:hover{border-color:#b066d4}.ship-drop-rarity-UR:hover{border-color:var(--rarity-ur)}.ship-drop-rarity-SSR .ship-drop-name{color:#e8a320}.ship-drop-rarity-SR .ship-drop-name{color:#b066d4}.ship-drop-rarity-UR .ship-drop-name{color:var(--rarity-ur)}.detail-empty{color:var(--text-dim);font-size:var(--map-font-base);text-align:center;padding:var(--spacing-lg)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.map-compare-bar{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--primary-color);border-radius:var(--radius-2xl);padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-xl);z-index:100;font-size:var(--map-font-base);animation:slideUp var(--transition-base) ease-out}.map-compare-bar .material-symbols-outlined{color:var(--primary-color);font-size:1.2rem}.map-compare-cancel{display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--map-font-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.map-compare-cancel:hover{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.map-search-panel--wide{max-width:62.5rem}.compare-modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.compare-sides{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.compare-side-header{font-size:var(--map-font-base);font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.compare-stat-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:var(--map-font-sm);border-bottom:1px solid var(--border-color)}.compare-higher{color:#22c55e;font-weight:600}.compare-lower{color:#ef4444}.compare-equal{color:var(--text-muted)}.search-result-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);overflow:hidden}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--overlay-lightest)}.search-result-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.375rem;min-width:0}.search-result-portrait{width:2.25rem;height:2.25rem;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;background:var(--bg-elevated)}.search-result-bp-icon{width:2.25rem;height:2.25rem;object-fit:contain;border-radius:var(--radius-md);flex-shrink:0;background:var(--bg-elevated);padding:.2rem}.search-bp-rarity-4{background:linear-gradient(135deg,#e8a32026,#e8a3200d);border:1px solid rgba(232,163,32,.3)}.search-bp-rarity-3{background:linear-gradient(135deg,#b066d426,#b066d40d);border:1px solid rgba(176,102,212,.3)}.search-bp-rarity-5{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid var(--rarity-ur)}.search-result-name{font-size:var(--map-font-base);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-name:hover{text-decoration:underline}.search-result-rarity{font-size:var(--map-font-xs);color:var(--text-dim);margin-left:var(--spacing-xs);flex-shrink:0}.search-rarity-UR{color:var(--rarity-ur)}.search-rarity-SSR{color:#e8a320}.search-rarity-SR{color:#b066d4}.search-rarity-R{color:#3c9be8}.search-rarity-N{color:var(--text-muted)}.search-result-maps{display:flex;flex-wrap:wrap;gap:.3rem;padding-left:2.875rem}.search-result-map{display:inline-block;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--map-font-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.search-result-map:hover{background:var(--primary-alpha-10);border-color:var(--primary-color);color:var(--primary-color)}.search-result-map small{color:#ef4444;font-size:.65rem}.search-result-item .detail-empty,.map-search-results .detail-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-dim)}@media(max-width:768px){:root{--map-cell-size: 2rem;--map-badge-size: 1.375rem}.map-layout{flex-direction:column}.map-sidebar{display:none}.map-mobile-select{display:block;width:100%;padding:var(--spacing-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.map-mobile-select select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--map-font-base)}.map-center{padding:0}.map-zone{padding:var(--spacing-md) var(--spacing-sm)}.data-zone{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}.info-grid,.clear-stats{grid-template-columns:1fr}.info-card.full-width{grid-column:1}.map-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.map-tab{white-space:nowrap;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--map-font-sm)}.map-node-overlay{width:100%;right:0;bottom:0;max-height:50vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.map-node-overlay-header{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.compare-sides{grid-template-columns:1fr}.map-search-panel{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.search-result-maps{padding-left:0}}@media(max-width:480px){:root{--map-cell-size: 1.75rem;--map-badge-size: 1.125rem}}@media(min-width:769px){.map-mobile-select{display:none}}