.tile-map-container{max-width:100%;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:0 auto;background:#f8f9fa;position:relative;overflow:hidden;cursor:grab;user-select:none}.tile-map-container:active{cursor:grabbing}.tile-map-background{position:relative;transform-origin:0 0;transition:transform .2s}.tile-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.group-map-selector,.map-options-selector{position:fixed;z-index:1060;min-width:200px;max-width:300px}.map-area,.map-group-area{transition:.2s ease-in-out;cursor:pointer;pointer-events:all}.area-icon,.area-label{text-anchor:middle;dominant-baseline:central;pointer-events:none;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.map-area:hover{filter:drop-shadow(0 0 8px rgba(0,123,255,.6))}.area-city,.area-main{stroke-dasharray:none}.area-memory,.area-warp{stroke-dasharray:3,2}.area-dungeon{stroke-dasharray:5,3}.map-group-area:hover{filter:drop-shadow(0 0 8px rgba(255,193,7,.8))}.area-icon{font-family:"Font Awesome 6 Free",sans-serif;font-weight:900}.area-label{font-weight:700}.group-memory-dot{opacity:.25;transition:opacity .2s ease-in-out}.group-memory-dot:hover{opacity:.5}.map-options-selector{background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.map-options-header{background:#007bff;color:#fff;padding:8px 12px;font-weight:700;border-radius:6px 6px 0 0}.map-options-content{max-height:200px;overflow-y:auto}.map-option-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.map-option-item:hover{background-color:#f8f9fa}.map-option-item:last-child{border-bottom:none}.group-map-selector{background:#fff;border:2px solid #781000;border-radius:5px;box-shadow:0 4px 15px rgba(0,0,0,.15)}.group-map-selector-content{max-height:180px;overflow-y:auto;overflow-x:hidden}.group-map-option-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid #eee;transition:.2s;display:flex;align-items:flex-start;gap:10px;word-wrap:break-word;overflow:hidden}.group-map-option-item:hover{background-color:#fff3cd;transform:translateX(2px)}.group-map-option-item:first-child{border-radius:6px 6px 0 0}.group-map-option-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.group-map-option-item:only-child{border-radius:6px}.map-option-details{flex:1;min-width:0;overflow:hidden}.map-option-desc,.map-option-name{line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.map-option-name{font-weight:600;color:#212529;margin-bottom:2px}.map-option-desc{font-size:11px;color:#6c757d}@media (max-width:768px){.tile-map-container{border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.area-label{font-size:10px}.area-icon{font-size:12px}.tile-nav-btn{margin-bottom:.5rem;margin-right:.5rem;flex:1 1 auto;min-width:calc(50% - .25rem)}.btn-toolbar{justify-content:center}}@media (max-width:480px){.area-label{font-size:8px}.area-icon{font-size:10px}.tile-map-container{border-radius:4px}}.tile-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.tile-loading .spinner-border{width:3rem;height:3rem}.zoom-controls{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.7);padding:4px 8px;border-radius:4px;font-size:12px;z-index:10;opacity:0;transition:opacity .3s}.tile-content.show,.zoom-controls.show{opacity:1}.zoom-display{color:#fff;margin-right:8px}.zoom-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:3px;cursor:pointer;font-size:10px;transition:.2s}.zoom-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.tile-nav-btn{transition:.2s ease-in-out}.tile-nav-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tile-nav-btn.active{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tile-content{transition:opacity .3s ease-in-out}.tile-content.d-none{opacity:0}.btn-toolbar{flex-wrap:wrap;gap:.5rem}