html,body,#map-container{width:100%;height:100%;min-height:100%}html{overflow:hidden}body{margin:0;padding:0;font-family:"DIN 1451 Alt",sans-serif;overflow:hidden}#map-container{position:relative}:root{--gradient-main:linear-gradient(90deg, #d0a11b, #d4781b, #c43e4f, #ce0068, #9d0a82, #79388c, #576c9c, #61a4ca)}.tbogt-text{background:var(--gradient-main);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tbogt-border{background:linear-gradient(#111, #111) padding-box, var(--gradient-main) border-box;border:2px solid #0000;border-radius:12px}.tlad-text{color:#a0191f}.tlad-border{background:#a0191f}.game-mode-button[data-game-mode=tbogt].is-active{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(#222222e0, #222222e0) padding-box, var(--gradient-main) border-box;border-color:#0000}.game-mode-button[data-game-mode=tlad].is-active{color:#fff;background:#a0191f33;border-color:#a0191f}@media (hover:hover) and (pointer:fine){.game-mode-button[data-game-mode=tbogt]:hover{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(#222222e0, #222222e0) padding-box, var(--gradient-main) border-box;border-color:#0000}.game-mode-button[data-game-mode=tlad]:hover{color:#fff;background:#a0191f33;border-color:#a0191f}}.game-mode-tbogt .dlc-accent-text,.game-mode-tbogt .category-item:hover .category-name,.game-mode-tbogt .category-item:hover .category-count,.game-mode-tbogt .setting-item:not(#btn-reset-data):hover .setting-label span,.game-mode-tbogt .setting-item:not(#btn-reset-data):hover>span,.game-mode-tbogt .tileset-option:hover,.game-mode-tbogt .map-context-menu button:hover,.game-mode-tbogt .user-marker-form button:hover,.game-mode-tbogt .delete-marker-modal button:hover,.game-mode-tbogt .category-bulk-button:hover,.game-mode-tbogt .category-caret-button:hover,.game-mode-tbogt #map .popup-content h3{background:var(--gradient-main);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.game-mode-tbogt #map #btn-toggle-collect.popup-btn:hover,.game-mode-tbogt .category-bulk-button:hover{color:#fff;-webkit-text-fill-color:#fff;background:linear-gradient(#222222e0, #222222e0) padding-box, var(--gradient-main) border-box;border-color:#0000}.game-mode-tbogt .switch input:checked+.slider{background:var(--gradient-main)}.game-mode-tbogt .sidebar-search input:focus{background:linear-gradient(#181818, #181818) padding-box, var(--gradient-main) border-box;border-color:#0000}.game-mode-tbogt .sidebar-ad-close:hover{color:#fff;background:linear-gradient(#141414e6, #141414e6) padding-box, var(--gradient-main) border-box;border-color:#0000}.game-mode-tbogt .image-lightbox-spinner{background:linear-gradient(#111,#111) padding-box padding-box,conic-gradient(#d0a11b,#d4781b,#c43e4f,#ce0068,#79388c,#61a4ca,#d0a11b) border-box;border-color:#0000}.game-mode-tlad .category-item:hover,.game-mode-tlad .setting-item:not(#btn-reset-data):hover,.game-mode-tlad .tileset-option:hover,.game-mode-tlad .map-context-menu button:hover,.game-mode-tlad .user-marker-form button:hover,.game-mode-tlad .delete-marker-modal button:hover,.game-mode-tlad .category-bulk-button:hover,.game-mode-tlad .category-caret-button:hover,.game-mode-tlad #map .popup-content h3{color:#a0191f;border-color:#a0191f}.game-mode-tlad #map #btn-toggle-collect.popup-btn:hover,.game-mode-tlad .category-bulk-button:hover{color:#fff;background:#a0191f33;border-color:#a0191f}.game-mode-tlad .switch input:checked+.slider{background:#a0191f}.game-mode-tlad .sidebar-search input:focus{border-color:#a0191f}.game-mode-tlad .sidebar-ad-close:hover{color:#fff;background:#a0191f33;border-color:#a0191f}.game-mode-tlad .image-lightbox-spinner{border-top-color:#a0191f}#map{width:100vw;height:100vh;font-family:"DIN 1451 Alt",sans-serif;position:absolute;top:0;bottom:0}.tileset-control{z-index:20;color:#fff;background:#141414e6;border:1px solid #ffffff40;border-radius:4px;font-family:"DIN 1451 Alt",sans-serif;position:absolute;top:16px;right:16px;overflow:hidden}.tileset-control-button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.tileset-control:hover .tileset-control-button,.tileset-control:focus-within .tileset-control-button,.tileset-control.open .tileset-control-button{color:#f0a000}.tileset-control:hover,.tileset-control:focus-within,.tileset-control.open{border-color:#f0a000}.layers-icon{width:19px;height:15px;position:relative}.layers-icon,.layers-icon:before,.layers-icon:after{border:2px solid;border-radius:2px}.layers-icon:before,.layers-icon:after{content:"";width:19px;height:15px;position:absolute;left:-2px}.layers-icon:before{top:-7px}.layers-icon:after{top:3px}.tileset-options{min-width:150px;padding:6px;display:none}.tileset-control:hover .tileset-options,.tileset-control:focus-within .tileset-options,.tileset-control.open .tileset-options{display:block}.tileset-control:hover .tileset-control-button,.tileset-control:focus-within .tileset-control-button,.tileset-control.open .tileset-control-button{display:none}.tileset-option{cursor:pointer;align-items:center;gap:8px;min-height:30px;padding:4px 6px;display:flex}.tileset-option:hover{color:#f0a000}.tileset-option input{accent-color:#f0a000}.map-context-menu{z-index:30;background:#141414f2;border:1px solid #ffffff40;border-radius:4px;min-width:150px;display:none;position:absolute;overflow:hidden}.map-context-menu.open{display:block}.map-context-menu button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 12px}.map-context-menu button:hover{color:#f0a000;background:#ffffff0f}.user-marker-dialog,.delete-marker-dialog,.confirm-dialog,.image-lightbox{z-index:40;background:#00000040;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.user-marker-dialog.open,.delete-marker-dialog.open,.confirm-dialog.open,.image-lightbox.open{display:flex}.image-lightbox{z-index:55;background:#000000c7;padding:10px}.user-marker-form,.delete-marker-modal,.confirm-modal{color:#fff;background:#141414f7;border:1px solid #ffffff38;border-radius:4px;width:min(360px,100vw - 32px);padding:14px}.image-lightbox-modal{place-items:center;min-width:min(92vw,960px);max-width:98vw;min-height:min(88vh,680px);max-height:96vh;display:grid;position:relative}.image-lightbox-modal img{opacity:0;object-fit:contain;background:#111;border:1px solid #ffffff38;max-width:100%;max-height:96vh;transition:opacity .16s;display:block}.image-lightbox-modal img.is-loaded{opacity:1}.image-lightbox-close{color:#fff;cursor:pointer;background:#141414e6;border:1px solid #ffffff47;border-radius:3px;width:32px;height:32px;position:absolute;top:8px;right:8px}.image-lightbox-spinner{opacity:0;pointer-events:none;border:3px solid #ffffff38;border-top-color:#f0a000;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite lightbox-spin;position:absolute}.image-lightbox-spinner.open{opacity:1}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.user-marker-form header,.user-marker-form footer,.delete-marker-modal footer,.confirm-modal footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-marker-form h3,.delete-marker-modal h3,.confirm-modal h3{color:#f0a000;margin:0 0 12px;font-size:18px;font-weight:400}.delete-marker-modal p,.confirm-modal p{color:#fff;margin:0 0 14px}.user-marker-form label{gap:6px;margin-bottom:12px;display:grid}.user-marker-form input,.user-marker-form textarea,.user-marker-form select{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#181818;border:1px solid #444;border-radius:3px;padding:8px}.user-marker-form button,.delete-marker-modal button,.confirm-modal button{color:#fff;cursor:pointer;background:#222;border:1px solid #555;border-radius:3px;padding:8px 10px}.user-marker-form footer button,.delete-marker-modal footer button,.confirm-modal footer button{flex:1}#user-marker-cancel{flex:none;width:32px;height:32px;padding:0;line-height:1}.user-marker-form button:hover,.delete-marker-modal button:hover{color:#f0a000;border-color:#f0a000}.delete-marker-modal button.is-danger:hover,.confirm-modal button.is-danger:hover{color:#ff6b6b;border-color:#ff6b6b}.user-marker-position-hint{z-index:35;color:#fff;background:#141414f2;border:1px solid #f0a000;border-radius:4px;padding:9px 12px;font-family:"DIN 1451 Alt",sans-serif;display:none;position:absolute;top:18px;left:50%;transform:translate(-50%)}.user-marker-position-hint.open{display:block}#map .maplibregl-popup-close-button{color:#fff;padding:4px 8px;font-size:20px}#map .popup-content{width:min(360px,100vw - 32px);font-size:14px}#map .popup-content h3{text-align:center;color:#f0a000;margin:0 20px 12px;font-size:18px;font-weight:400}#map .popup-content p{white-space:pre-line;margin:0 0 12px}#map .popup-text-links{justify-content:center;align-items:center;gap:12px;margin:10px 0 12px;font-size:14px;line-height:1.35;display:flex}#map .popup-text-link{color:#f0a000;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}#map .popup-text-link:hover{color:#fff}#map .popup-actions{gap:8px;margin-top:12px;display:flex}#map .popup-btn{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;background:#222;border:1px solid #555;border-radius:3px;flex:1;width:100%;padding:8px 10px;text-decoration:none;display:block}#map .popup-btn:hover{color:#f0a000;border-color:#f0a000}#map .popup-btn.is-danger:hover{color:#ff6b6b;border-color:#ff6b6b}#map .debug-marker-content{min-width:180px}#map .debug-marker-content .debug-marker-row{justify-content:space-between;gap:14px;margin:4px 0;font-family:monospace;font-size:12px;display:flex}#map .maplibregl-popup-content{box-sizing:border-box;color:#fff;width:fit-content;box-shadow:none;background:#141414f7;border:1px solid #ffffff38;border-radius:4px;padding:14px}#map .maplibregl-popup-content .popup-image-button{cursor:zoom-in;background:0 0;border:0;margin:0;padding:0;line-height:0;display:block}#map .maplibregl-popup-content .popup-image{object-fit:cover;max-width:100%;height:203px}#map .marker-tooltip .maplibregl-popup-tip{display:none}#map .marker-tooltip .maplibregl-popup-content{box-shadow:none;background:#222;border:none;border-radius:0;padding:5px}.sidebar{color:#fff;z-index:30;background:#141414f2;flex-direction:column;width:400px;height:100dvh;transition:transform .3s;display:flex;position:absolute;top:0;left:0;box-shadow:2px 0 10px #00000080}.sidebar.closed{transform:translate(-100%)}.toggle-btn{z-index:31;color:#fff;cursor:pointer;background:#141414e6;border:1px solid #ffffff40;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;transition:left .3s,color .2s,border-color .2s;display:flex;position:absolute;top:14px;left:14px}.toggle-btn:hover{color:#f0a000;border-color:#f0a000}.toggle-btn.is-closed{left:14px}.toggle-icon,.toggle-icon:before,.toggle-icon:after{background:currentColor;border-radius:2px;width:16px;height:2px;display:block;position:absolute}.toggle-icon{background:0 0}.toggle-icon:before,.toggle-icon:after{content:"";left:0}.toggle-icon:before{transform:rotate(45deg)}.toggle-icon:after{transform:rotate(-45deg)}.toggle-btn.is-closed .toggle-icon{background:0 0;border-bottom:2px solid;border-right:2px solid;border-radius:0;width:10px;height:10px;transform:rotate(-45deg)}.toggle-btn.is-closed .toggle-icon:before,.toggle-btn.is-closed .toggle-icon:after{display:none}.sidebar-header{border-bottom:1px solid #444;padding:20px}.sidebar-logo-wrap{justify-content:center;align-items:center;display:flex}.sidebar-logo{width:auto;max-width:260px;height:auto;max-height:86px;display:block}.game-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.game-mode-button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:#222;border:1px solid #555;border-radius:3px}.game-mode-button:hover,.game-mode-button.is-active{color:#f0a000;border-color:#f0a000}.game-mode-button.is-active{background:#f0a0001f}.sidebar-search{border-bottom:1px solid #333;padding:12px 14px}.sidebar-search input{color:#fff;background:#181818;border:1px solid #444;border-radius:4px;outline:none;width:100%;height:36px;padding:0 12px}.sidebar-search input:focus{border-color:#fa0}.sidebar-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4a4a4a #171717;flex:1;min-height:0;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:7px}.sidebar-content::-webkit-scrollbar-track{background:#171717}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4a4a;border:2px solid #171717;border-radius:999px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#666}.category-item{cursor:pointer;opacity:.5;align-items:center;padding:10px 20px;text-decoration:line-through;display:flex}.category-item:hover{color:#f0a000;background:#ffffff0d}.category-item.active{opacity:1;text-decoration:none}.category-bulk-controls{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 14px;display:grid}.category-bulk-button{color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#222;border:1px solid #555;border-radius:3px;font-size:.78rem}.category-bulk-button:hover{color:#f0a000;background:#f0a0001f;border-color:#f0a000}.category-group-bulk-controls{border-bottom:0;grid-column:1/-1;padding:7px 10px 5px}.category-group-bulk-button{min-height:26px;font-size:.72rem}.category-icon{width:30px;height:30px;margin-right:15px}.category-info{flex-grow:1}.category-count{color:#aaa;font-size:.8em}.category-action-button{color:#f55;font:inherit;cursor:pointer;background:0 0;border:1px solid #ff55558c;border-radius:3px;flex:none;margin-left:8px;padding:4px 7px;font-size:.72rem}.category-action-button:hover{color:#fff;background:#ff555529;border-color:#f55}.category-accordion-content{opacity:0;background:#00000029;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;max-height:0;transition:max-height .24s,opacity .18s;display:grid;overflow:hidden}.category-accordion.open .category-accordion-content{opacity:1;max-height:720px}.category-accordion-header{text-decoration:none}.accordion-child{min-width:0;padding:7px 10px;font-size:.88rem}.accordion-child .category-icon{width:22px;height:22px;margin-right:8px}.accordion-child .category-count{font-size:.75em}.accordion-child .category-name,.accordion-child .category-count{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-accordion.group-disabled .accordion-child.active{opacity:.45;text-decoration:none}.category-accordion.group-disabled .accordion-child:not(.active){opacity:.45}.category-caret-button{color:#aaa;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-left:12px;padding:0;display:flex}.category-caret-button:hover{color:#f0a000}.category-caret{pointer-events:none;border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}.category-accordion.open .category-caret{transform:rotate(45deg)}.settings-section{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:15px}.sidebar-ad{text-align:center;background:#141414fa;border-top:1px solid #ffffff1a;flex-shrink:0;height:320px;min-height:320px;max-height:320px;position:relative;overflow:hidden}.sidebar-ad.is-hidden{display:none}.sidebar-ad-close{z-index:2;color:#fff;cursor:pointer;background:#141414e0;border:1px solid #ffffff47;border-radius:3px;width:24px;height:24px;padding:0;line-height:1;position:absolute;top:6px;right:6px}.sidebar-ad-close:hover{color:#f0a000;border-color:#f0a000}.container-ad-responsivo{width:100%}.ad-menu-flex{width:100%;height:320px;min-height:320px;max-height:320px;display:inline-block}.settings-header{text-transform:uppercase;color:#888;margin-bottom:10px;padding-left:10px;font-size:.8rem}.setting-item{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 10px;display:flex}.setting-item:hover{color:#f0a000;background:#ffffff0d}.setting-item select{color:#fff;background:#222;border:1px solid #444;border-radius:3px;outline:none;padding:2px 5px}.accordion-content{opacity:0;background:#0003;border-radius:0 0 4px 4px;max-height:0;transition:max-height .3s ease-out,opacity .2s;overflow:hidden}.accordion-content.open{opacity:1;max-height:260px;padding-bottom:10px}.debug-settings-panel{display:none}.sidebar.debug-controls-visible .setting-item.debug-settings-panel{display:flex}.sidebar.debug-controls-visible .accordion-content.debug-settings-panel{display:block}.sub-item{padding-left:25px;font-size:.85rem}#btn-reset-data{color:#f55;justify-content:flex-start;gap:10px;display:flex}#btn-reset-data:hover{color:#f55}.save-import-item{border:1px dashed #0000;justify-content:flex-start;gap:10px;transition:color .2s,background .2s,border-color .2s}.save-import-item.is-loading{pointer-events:none;opacity:.65}.save-import-item.is-dragging{color:#f0a000;background:#f0a0001f;border-color:#f0a000a6}.storage-backup-item{border:1px dashed #0000;justify-content:flex-start;gap:10px;transition:color .2s,background .2s,border-color .2s}.storage-backup-item.is-dragging{color:#f0a000;background:#f0a0001f;border-color:#f0a000a6}.save-import-input,.storage-import-input{display:none}.save-import-status{color:#aaa;min-height:16px;padding:0 10px 10px;font-size:.75rem;line-height:1.35}.switch{width:34px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#444;border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#fa0}input:checked+.slider:before{transform:translate(14px)}@media (width<=460px){.sidebar{width:100%}.sidebar-ad,.ad-menu-flex{height:70px;min-height:70px;max-height:70px}}