.game-map-container{position:relative;width:100%;height:100%;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.game-map-container .leaflet-container{background:#1a1a1a;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.leaflet-tile-pane{will-change:transform;transform:translateZ(0)}.leaflet-marker-icon{will-change:auto;transform:none}.map-coords{position:absolute;bottom:10px;right:50px;background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-family:monospace;z-index:1000;pointer-events:none;display:flex;align-items:center;gap:12px}.admin-mode-badge{background:linear-gradient(135deg,#9c27b0,#7b1fa2);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;animation:pulse 1.5s ease-in-out infinite}.map-label-marker{background:transparent!important;border:none!important}.map-label-marker .map-label-badge{transform:translate(-50%,-50%);display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;background:#141414f2;color:#f5f5f5;font-size:13px;font-weight:700;line-height:1;letter-spacing:.2px;white-space:nowrap;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 10px #00000073;text-shadow:0 1px 1px rgba(0,0,0,.7);pointer-events:none}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.custom-popup .leaflet-popup-content{margin:0;padding:0}.custom-popup .popup-content{min-width:220px;max-width:280px;padding:12px}.custom-popup .popup-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.custom-popup .popup-icon{width:32px;height:32px;border-radius:6px;background:#444;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden}.custom-popup .popup-icon img{width:100%;height:100%;object-fit:cover}.custom-popup .popup-title{font-size:16px;font-weight:700;color:gold;margin:0;flex:1;line-height:1.3}.custom-popup .popup-images{position:relative;margin-bottom:10px;border-radius:6px;overflow:hidden}.custom-popup .popup-thumbnail{width:100%;height:120px;object-fit:cover;display:block}.custom-popup .more-images{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px}.custom-popup .popup-description{font-size:13px;color:#ccc;margin-bottom:10px;line-height:1.5}.custom-popup .popup-meta{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.custom-popup .popup-type,.custom-popup .popup-category{font-size:11px;padding:3px 10px;background:#ffffff1a;border-radius:12px;text-transform:uppercase}.custom-popup .popup-actions{display:flex;flex-direction:column;gap:8px}.custom-popup .popup-collect-btn{width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;transition:all .3s}.custom-popup .popup-collect-btn:hover{background:#45a049;transform:translateY(-1px)}.custom-popup .popup-collect-btn.collected{background:#666;cursor:default}.custom-popup .popup-collect-btn.collected:hover{background:#666;transform:none}.custom-popup .popup-wiki-btn{display:block;width:100%;padding:10px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:13px;text-align:center;text-decoration:none;transition:all .3s;box-sizing:border-box}.custom-popup .popup-wiki-btn:hover{background:#1976d2;transform:translateY(-1px)}.custom-marker-icon{transition:filter .15s ease}.custom-marker-icon:hover{transform:scale(1.1)}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0;margin:0;pointer-events:auto}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000004d}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:#4ade80;box-shadow:0 0 8px #4ade804d}input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch:not(.disabled):hover .toggle-slider{box-shadow:inset 0 1px 3px #0000004d,0 0 0 4px #ffffff0d}input:checked+.toggle-slider:hover{box-shadow:0 0 12px #4ade8066,0 0 0 4px #4ade801a}.toggle-switch:active:not(.disabled) .toggle-slider:before{width:22px}input:checked+.toggle-slider:active:before{transform:translate(14px)}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-switch.disabled .toggle-slider{background-color:#2a2a2a}.toggle-switch input:focus+.toggle-slider{outline:2px solid rgba(74,222,128,.5);outline-offset:2px}.toggle-switch.small{width:34px;height:20px}.toggle-switch.small .toggle-slider{border-radius:20px;transition:background-color .14s linear;box-shadow:inset 0 1px 2px #00000047}.toggle-switch.small .toggle-slider:before{width:14px;height:14px;left:3px;bottom:3px;transition:transform .14s linear;box-shadow:0 1px 2px #0003}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-switch.small:not(.disabled):hover .toggle-slider,.toggle-switch.small input:checked+.toggle-slider:hover{box-shadow:inset 0 1px 2px #00000047}.toggle-switch.small:active:not(.disabled) .toggle-slider:before{width:14px}.toggle-switch.small input:checked+.toggle-slider:active:before{transform:translate(14px)}@media (prefers-reduced-motion: reduce){.toggle-slider,.toggle-slider:before{transition:none}}.sidebar{width:350px;height:100vh;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #333;transition:transform .3s ease,width .3s ease}.sidebar.hidden{transform:translate(-100%);width:0;border-right:none}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#1a1a1a}.sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#555}.sidebar-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px}.sidebar-toggle-btn{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .3s}.sidebar-toggle-btn:hover{background:#3a3a3a;border-color:gold}.logo-icon{font-size:32px}.logo-title{font-size:18px;font-weight:700;color:gold}.map-selector{padding:16px 20px;border-bottom:1px solid #333}.section-label{display:block;font-size:13px;color:#f0f0f0;text-transform:uppercase;font-weight:700;margin-bottom:8px;letter-spacing:.5px}.map-select{width:100%;padding:8px 12px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:14px;cursor:pointer}.search-box{padding:16px 20px;border-bottom:1px solid #333}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input{width:100%;padding:8px 12px 8px 36px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:gold}.collected-section{padding:16px 20px;border-bottom:1px solid #333}.collected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.login-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#2196f3;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s}.login-btn:hover{background:#1976d2}.collected-stats{font-size:24px;font-weight:700;color:#4caf50}.tools-section{padding:12px 20px;border-bottom:1px solid #333}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s}.tool-btn:hover{background:#3a3a3a;border-color:gold;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.tool-btn:active{transform:translateY(0)}.tool-btn.active{background:#234430;border-color:#4caf50;color:#d8ffd8}.admin-section{padding:12px 20px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:8px}.admin-button{width:100%;padding:12px;background:#9c27b0;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}.admin-button:hover{background:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 8px #9c27b04d}.logout-button{width:100%;padding:10px;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.logout-button:hover{background:#e0e0e0;border-color:#999}.controls{padding:16px 20px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:8px}.control-row{display:flex;gap:12px}.control-item{flex:1;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;transition:all .3s}.control-item:hover{background:#333;border-color:#444}.control-label{font-size:13px;color:#f0f0f0;font-weight:500}.reset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.reset-btn:hover{background:#333;border-color:#444}.reset-btn:active{transform:scale(.98)}.group-filter-section{padding:12px 20px;border-bottom:1px solid #333;background:#0003}.group-filter-title{font-size:12px;color:#d8d8d8;text-transform:uppercase;letter-spacing:.6px;font-weight:700;margin-bottom:10px}.group-filter-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:8px}.group-filter-grid:before{content:"";position:absolute;top:2px;bottom:2px;left:calc(50% - .5px);width:1px;background:#ffffff1f;pointer-events:none}.group-filter-item{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:2px 0;cursor:pointer;border-radius:4px}.group-filter-item.pending{cursor:pointer}.group-filter-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.group-filter-icon{width:14px;min-width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.group-filter-icon-image{width:14px;height:14px;object-fit:contain;display:block}.group-filter-name{font-size:12px;font-weight:600;color:#f3f3f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-filter-item.active .group-filter-name{color:gold}.categories{flex:1;padding:16px 0}.category-group{margin-bottom:8px}.category-group.draggable{position:relative}.category-group.category-drag-over .category-header{background:#333;border:1px solid rgba(255,215,0,.75)}.category-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;transition:background .2s ease;border-radius:6px;margin:0 8px;will-change:background;transform:translateZ(0);backface-visibility:hidden}.category-header.dragging{opacity:.45;border:1px dashed rgba(255,215,0,.7)}.category-header:hover{background:#2a2a2a}.category-header.active{background:#2a2a2a;border-left:3px solid #ffd700;padding-left:17px}.category-header.pending{cursor:pointer}.category-left{display:flex;align-items:center;gap:12px;flex:1}.category-drag-handle{width:18px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#9a9a9a;cursor:grab}.category-icon{font-size:22px;filter:drop-shadow(0 0 2px rgba(0,0,0,.5));min-width:22px;display:inline-flex;align-items:center;justify-content:center}.category-icon-image{width:22px;height:22px;object-fit:contain}.category-name{font-size:15px;font-weight:600;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.category-right{display:flex;align-items:center;gap:12px}.category-count{font-size:13px;color:gold;font-weight:600;background:#ffd7001a;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,215,0,.3)}.visibility-toggle{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .3s}.visibility-toggle:hover,.visibility-toggle.visible{color:#4caf50}.subcategories{padding-left:20px;background:#0000004d;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13px;transition:background .2s ease;margin:2px 8px;border-radius:4px;will-change:background;transform:translateZ(0);backface-visibility:hidden}.subcategory-item.draggable{cursor:grab}.subcategory-item.dragging{opacity:.45;border:1px dashed rgba(255,215,0,.7)}.subcategory-item.drag-over{background:#333;border:1px solid rgba(255,215,0,.75)}.subcategory-item:hover{background:#2a2a2a}.subcategory-info{display:flex;align-items:center;gap:10px;flex:1}.subcategory-drag-handle{width:18px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#999}.subcategory-icon{font-size:15px;filter:none;width:18px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.subcategory-icon-ring{width:30px;min-width:30px;height:30px;border-radius:999px;border:2px solid #141414;background:var(--type-circle-bg, #ff5a67);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000073}.subcategory-icon-image{width:18px;height:18px;object-fit:contain;display:block}.subcategory-name{text-transform:capitalize;color:#fff!important;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.subcategory-right{display:flex;align-items:center;gap:12px}.subcategory-order-actions{display:flex;gap:4px}.subcategory-order-btn{width:22px;height:22px;border:1px solid #4a4a4a;border-radius:4px;background:#222;color:#d8d8d8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.subcategory-order-btn:hover:not(:disabled){border-color:gold;color:gold;background:#2a2a2a}.subcategory-order-btn:disabled{opacity:.45;cursor:not-allowed}.subcategory-count{color:gold;font-size:12px;min-width:50px;text-align:right;font-weight:600;background:#ffd70014;padding:2px 6px;border-radius:8px}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:min(88vw,360px);height:100dvh;z-index:1200;box-shadow:8px 0 24px #0006}.sidebar.hidden{transform:translate(-110%);width:min(88vw,360px);border-right:1px solid #333}.sidebar-header{padding:16px}.map-selector,.search-box,.collected-section,.controls,.group-filter-section,.tools-section,.admin-section{padding-left:14px;padding-right:14px}.control-row{flex-direction:column}.group-filter-grid{grid-template-columns:1fr}.group-filter-grid:before{display:none}.category-header{margin:0 4px;padding:12px}.category-header.active{padding-left:9px}.subcategories{padding-left:10px}.subcategory-item{padding:8px 10px;margin:2px 4px}.subcategory-right{gap:8px}.subcategory-count{min-width:44px;font-size:11px}}.top-bar{position:absolute;top:0;left:350px;right:0;height:60px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:1000;transition:left .3s ease}.top-bar.sidebar-hidden{left:0}.top-bar-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.show-sidebar-btn{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .3s}.show-sidebar-btn.mobile{width:34px;height:34px;padding:0;border-radius:8px}.show-sidebar-btn:hover{background:#3a3a3a;border-color:gold}.top-bar-actions{display:flex;align-items:center;gap:10px}.top-bar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s;white-space:nowrap;position:relative}.top-bar-btn:hover{background:#3a3a3a;border-color:gold}.feedback-btn{background:#2196f3;border-color:#2196f3}.feedback-btn:hover{background:#1976d2;border-color:#1976d2}.group-links-popup{position:absolute;top:70px;right:10px;background:#1a1a1afa;border:1px solid #444;border-radius:8px;padding:16px;min-width:250px;z-index:1001;box-shadow:0 4px 12px #0000004d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.group-links-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333}.group-links-header span{color:gold;font-weight:700;font-size:14px}.close-btn{background:none;border:none;color:#999;cursor:pointer;padding:0;display:flex;align-items:center;transition:color .3s}.close-btn:hover{color:#fff}.group-links-content{display:flex;flex-direction:column;gap:10px}.group-links-content p{margin:0 0 8px;color:#ccc;font-size:12px}.link-item{margin:0}.link-item a{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2a2a2a;color:#2196f3;border:1px solid #333;border-radius:4px;text-decoration:none;font-size:13px;transition:all .3s}.link-item a:hover{background:#333;border-color:#2196f3}@media (max-width: 1024px){.top-bar{padding:0 5px;gap:5px}.top-bar-btn{padding:6px 8px;font-size:11px;gap:4px}}@media (max-width: 768px){.top-bar{left:0;padding:0 8px}.top-bar.sidebar-hidden{left:0}.top-bar-btn{padding:8px 10px}.group-links-popup{top:60px;right:5px;min-width:200px}}@media (max-width: 480px){.top-bar{height:50px}.top-bar-btn{padding:6px 8px;font-size:10px}.group-links-popup{min-width:150px;padding:12px}.link-item a{padding:6px 10px;font-size:12px}}.app{display:flex;width:100vw;height:100vh;overflow:hidden;background:#1a1a1a;position:relative}.main-content{flex:1;position:relative;display:flex;flex-direction:column;transition:margin-left .3s ease}.map-wrapper{flex:1;position:relative;margin-top:60px;margin-right:0;will-change:transform;backface-visibility:hidden;transform:translateZ(0);transition:margin-right .3s ease}.map-wrapper.sidebar-open{margin-right:450px}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#00000073;z-index:1150;cursor:pointer}@media (max-width: 768px){.map-wrapper.sidebar-open{margin-right:0}}@media (max-width: 768px){.app.mobile-mode .main-content{height:100vh}.app.mobile-mode .map-wrapper{margin-top:60px;height:calc(100vh - 60px);flex:none}.app.mobile-mode .mobile-sidebar-backdrop{display:block}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app{animation:fadeIn .5s ease-in}@font-face{font-family:LXGWWenKaiMono;src:url(/LXGWWenKaiMono-Medium.woff2) format("woff2"),url(/LXGWWenKaiMono-Medium.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:LXGWWenKaiMono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh}.leaflet-container{background:#2c2520;font-family:inherit}.leaflet-popup-content-wrapper{background:#1a1a1a;color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000080}.leaflet-popup-content{margin:12px}.leaflet-popup-tip{background:#1a1a1a}.leaflet-control-zoom a{background:#2a2a2a;color:#fff;border:1px solid #444}.leaflet-control-zoom a:hover{background:#3a3a3a}