@font-face{font-family:MyriadPro;src:url(/fonts/MyriadPro.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MuseoSans;src:url(/fonts/MuseoSansCyrl-500.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:MuseoSans;src:url(/fonts/MuseoSansCyrl-700.woff2) format("woff2");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}button,select,input{outline:none}button:focus-visible{outline:2px solid #A88CFF;outline-offset:2px}html{height:100%;width:100%;background:#080a0d;overflow:hidden}body,#root{font-family:MuseoSans,Inter,system-ui,sans-serif;background:#080a0d;color:#fff;height:100%;min-height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:52px;flex-shrink:0;background:#080a0db3;box-shadow:inset 0 0 0 1px #21262d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:10}.stats-group{display:flex;gap:28px;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.stat-main{display:flex;align-items:center;gap:5px;line-height:1}.stat-icon{width:14px;height:14px;flex-shrink:0;display:block}.stat-label{font-size:9px;color:#6e7984;font-weight:700;letter-spacing:.6px}.stat-value{font-size:15px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:14px}.top-bar-right{display:flex;align-items:center;gap:8px}.lang-toggle{width:36px;height:32px;padding:0;background:none;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;overflow:hidden}.lang-toggle img{width:24px;height:18px;display:block;object-fit:cover;border-radius:3px}.lang-toggle:hover{opacity:.75}.settings-button{width:32px;height:32px;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6e7984;transition:color .2s ease}.settings-button:hover{color:#a88cff}.settings-button svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.settings-button:hover svg{transform:rotate(90deg)}.settings-button.active svg{transform:rotate(180deg);color:#a88cff}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-container{flex:1;position:relative;overflow:hidden;background:#080a0d;contain:layout style}.radar-container:fullscreen,.radar-container:-webkit-full-screen,.radar-container:-moz-full-screen,.radar-container:-ms-fullscreen{width:100vw;height:100vh}body.pseudo-fullscreen{position:fixed;width:100%;height:100%;min-height:100%;overflow:hidden}body.pseudo-fullscreen .radar-container{position:fixed;top:0;left:0;width:100vw;height:100vh;min-height:100vh;z-index:9999}body.pseudo-fullscreen .top-bar{display:flex!important;position:relative;z-index:10000}#radarCanvas{display:block;cursor:grab;will-change:contents;image-rendering:pixelated}#radarCanvas:active{cursor:grabbing}.bottom-toggle{position:absolute;bottom:70px;left:50%;transform:translate(-50%);width:28px;height:18px;background:#080a0db3;box-shadow:inset 0 0 0 1px #21262d;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6e7984;transition:color .2s ease,bottom .3s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:2}.bottom-toggle:hover{color:#a88cff}.bottom-toggle.collapsed{color:#a88cff;bottom:16px}.bottom-toggle svg{width:14px;height:14px;transition:transform .3s ease}.bottom-toggle.collapsed svg{transform:rotate(180deg)}.bottom-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:6px;background:#080a0db3;box-shadow:inset 0 0 0 1px #21262d;border-radius:14px;padding:6px 10px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:opacity .3s ease,transform .3s ease}.bottom-controls.collapsed{opacity:0;transform:translate(-50%) translateY(calc(100% + 20px));pointer-events:none}.control-btn{width:32px;height:32px;background:transparent;border:none;border-radius:10px;color:#6e7984;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.control-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;flex-shrink:0}.control-btn:hover{background:#a88cff1f;color:#a88cff}.control-btn.active{background:#a88cff33;color:#c6b4ff}.zoom-group{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:10px;box-shadow:inset 1px 0 #21262d}.zoom-btn{width:28px;height:28px;background:transparent;border:none;border-radius:8px;color:#6e7984;font-size:18px;font-weight:300;cursor:pointer;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.zoom-btn:hover{background:#a88cff1f;color:#a88cff}.zoom-value{text-align:center;font-size:11px;color:#6e7984;font-weight:600;padding:0 4px;min-width:38px;font-variant-numeric:tabular-nums}.status-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:6px 14px;background:#080a0db3;box-shadow:inset 0 0 0 1px #21262d;border-radius:14px;font-size:12px;font-weight:700;color:#6e7984;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.status-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6e7984}.status-icon svg{width:16px;height:16px}.status-badge.connected .status-icon{color:#36a443}.status-badge.connected{color:#fff}.status-badge.disconnected .status-icon{color:#a43636}.status-badge.disconnected{color:#6e7984}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0b0d0ff2;box-shadow:inset 0 0 0 1px #21262d;border-radius:24px;width:90%;max-width:560px;max-height:82vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;box-shadow:inset 0 -1px #21262d}.modal-header h2{font-size:14px;font-weight:700;color:#6e7984;letter-spacing:0}.close-btn{width:30px;height:30px;background:#1c2227;box-shadow:inset 0 0 0 1px #21262d;border:none;border-radius:10px;color:#6e7984;font-size:16px;cursor:pointer;transition:color .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.close-btn:hover{box-shadow:inset 0 0 0 1px #a88cff;color:#a88cff}.modal-body{padding:20px 24px 24px;overflow-y:auto;flex:1}.setting-section{margin-bottom:28px}.setting-section h3{font-size:10px;color:#6e7984;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;padding-bottom:10px;box-shadow:inset 0 -1px #21262d}.subsection-label{font-size:10px;color:#6e7984;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin:14px 0 6px;padding-bottom:6px;box-shadow:inset 0 -1px #21262d}.setting-select{width:100%;padding:10px 12px;background:#1c2227;box-shadow:inset 0 0 0 1px #21262d;border:none;border-radius:14px;color:#fff;font-size:14px;cursor:pointer;transition:box-shadow .2s ease;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.setting-select:hover{box-shadow:inset 0 0 0 1px #a88cff}.setting-select:focus{outline:none;box-shadow:inset 0 0 0 1px #a88cff}.setting-select:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.checkbox-label{display:flex;align-items:center;gap:10px;padding:8px 6px;cursor:pointer;border-radius:10px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#1c2227b3}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:6px;border:1.5px solid #6E7984;background:transparent;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0;position:relative;display:grid;place-items:center}.checkbox-label:hover input[type=checkbox]{border-color:#a88cff}.checkbox-label input[type=checkbox]:checked{background:#a88cff;border-color:#a88cff}.checkbox-label input[type=checkbox]:checked:after{content:"";display:block;width:10px;height:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 3.5L3.8 6.5L9 1' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.checkbox-label span{font-size:13px;color:#6e7984;transition:color .2s ease}.checkbox-label:has(input:checked) span{color:#fff}.icon-scale-control{display:flex;align-items:center;gap:8px}.scale-btn{width:36px;height:36px;background:#1c2227;box-shadow:inset 0 0 0 1px #21262d;border:none;border-radius:10px;color:#6e7984;font-size:20px;font-weight:300;cursor:pointer;transition:box-shadow .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.scale-btn:hover{box-shadow:inset 0 0 0 1px #a88cff;color:#a88cff}.scale-value{min-width:48px;text-align:center;font-size:13px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.scale-reset-btn{margin-left:auto;padding:6px 14px;background:#1c2227;box-shadow:inset 0 0 0 1px #21262d;border:none;border-radius:10px;color:#6e7984;font-size:12px;font-weight:500;cursor:pointer;transition:box-shadow .2s ease,color .2s ease;font-family:inherit;-webkit-user-select:none;user-select:none}.scale-reset-btn:hover{box-shadow:inset 0 0 0 1px #a88cff;color:#a88cff}.settings-top-row{display:flex;gap:16px;margin-bottom:0}.settings-top-row .setting-section{margin-bottom:28px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.color-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.color-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;transition:background-color .2s ease}.color-row:hover{background:#1c2227b3}.color-row-label{font-size:13px;color:#6e7984}.color-swatch{position:relative;width:28px;height:28px;border-radius:50%;cursor:pointer;flex-shrink:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.color-swatch input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;opacity:0}.color-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff26;z-index:1}.loot-filter{margin-top:14px;padding-top:14px;box-shadow:inset 0 1px #21262d}.loot-filter label{display:block;font-size:12px;color:#6e7984;margin-bottom:8px}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:14px}.color-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#1c2227;box-shadow:inset 0 0 0 1px #21262d;border-radius:12px;transition:box-shadow .2s ease}.color-item:hover{box-shadow:inset 0 0 0 1px #a88cff}.color-item label{font-size:12px;color:#6e7984}.color-item input[type=color]{width:36px;height:28px;border:none;border-radius:6px;cursor:pointer;background:transparent;padding:0}.reset-btn{width:100%;padding:10px;background:#1c2227;box-shadow:inset 0 0 0 1px #21262d;border:none;border-radius:14px;color:#6e7984;font-size:13px;font-weight:600;cursor:pointer;transition:box-shadow .2s ease,color .2s ease;font-family:inherit}.reset-btn:hover{box-shadow:inset 0 0 0 1px #a88cff;color:#a88cff}.rarity-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rarity-pill input[type=checkbox]{display:none}.rarity-pill label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;cursor:pointer;border:1px solid transparent;background:#1c2227;color:#6e7984;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.rarity-pill label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rarity-color, #6E7984);flex-shrink:0}.rarity-pill input:checked+label{background:color-mix(in srgb,var(--rarity-color, #6E7984) 15%,#1C2227);border-color:var(--rarity-color, #6E7984);color:var(--rarity-color, #ffffff);box-shadow:0 0 6px color-mix(in srgb,var(--rarity-color, #6E7984) 40%,transparent)}.rarity-pill label:hover{border-color:color-mix(in srgb,var(--rarity-color, #6E7984) 60%,transparent);color:var(--rarity-color, #ffffff)}.price-filter{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#9ca3af}.price-filter input[type=number]{width:110px;padding:5px 8px;background:#1c2227;border:1px solid #2A3138;border-radius:6px;color:#e5e7eb;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s,background .15s;-moz-appearance:textfield}.price-filter input[type=number]::-webkit-outer-spin-button,.price-filter input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-filter input[type=number]:focus{border-color:#a88cff;background:#21282e}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#21262d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#a88cff}@media (max-width: 768px){html{height:-webkit-fill-available}body{height:-webkit-fill-available;min-height:-webkit-fill-available}.top-bar{padding:0 14px;height:48px}.stats-group{gap:20px}.modal-content{width:96%;border-radius:20px}.settings-top-row{flex-direction:column;gap:0}body.pseudo-fullscreen,body.pseudo-fullscreen .radar-container{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media (max-width: 480px){.top-bar{padding:0 10px;height:44px}.stats-group{gap:14px}.stat-icon{width:12px;height:12px}.stat-value{font-size:13px}.stat-label{font-size:8px}.lang-toggle{width:30px;height:28px}.lang-toggle img{width:20px;height:15px}.settings-button{width:28px;height:28px}.settings-button svg{width:14px;height:14px}.status-badge{top:10px;left:10px;padding:5px 10px;font-size:11px;gap:6px}.status-icon{width:14px;height:14px}.status-icon svg{width:14px;height:14px}.bottom-toggle{width:34px;height:22px;bottom:86px}.bottom-toggle.collapsed{bottom:14px}.bottom-controls{bottom:14px;padding:8px 12px;gap:8px;border-radius:16px}.control-btn{width:40px;height:40px;border-radius:12px}.control-btn svg{width:18px;height:18px}.zoom-group{margin-left:6px;padding-left:12px;gap:6px}.zoom-btn{width:36px;height:36px;font-size:20px;border-radius:10px}.zoom-value{font-size:11px;min-width:36px}.modal-content{width:100%;max-height:92vh;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0}.modal{align-items:flex-end}.modal-header{padding:16px 18px}.modal-body{padding:16px 18px 32px}.modal-header h2{font-size:13px}.checkbox-grid{grid-template-columns:1fr;gap:0}.color-swatch{width:32px;height:32px}.scale-btn{width:40px;height:40px}}@media (max-height: 500px){.top-bar{height:40px}.stat-value{font-size:13px}.stat-label{font-size:8px}.stat-icon{width:12px;height:12px}.status-badge{top:8px;left:10px;padding:4px 10px;font-size:11px}.bottom-controls{bottom:10px;padding:5px 10px;gap:6px}.control-btn{width:36px;height:36px}.zoom-btn{width:30px;height:30px}.bottom-toggle{bottom:60px}.bottom-toggle.collapsed{bottom:10px}}@media (hover: none) and (pointer: coarse){.control-btn{min-width:40px;min-height:40px}.zoom-btn{min-width:36px;min-height:36px}.close-btn{min-width:40px;min-height:40px}.checkbox-label,.color-row,.setting-select{min-height:44px}}