/* ============================================================================
   Menu do radar PUBG — CSS extraido do mapas.html (163 regras).

   Extracao por casamento de chaves e SO dos blocos <style> — a tentativa
   anterior usava regex de linha e acabou puxando JavaScript de dentro do
   <script>, quebrando o build; depois um filtro linha-a-linha apagou as regras
   de layout e o menu ficou sem estilo nenhum.

   Todo seletor e prefixado com .radar-menu: o original tem regras soltas como
   input[type=checkbox], que aqui estilizariam o site inteiro.

   Validado antes de gravar: chaves equilibradas, zero JS, todas as regras
   completas e escopadas, e as 16 regras de layout criticas presentes.
   ========================================================================== */
.radar-menu .navitem.active{background:var(--panel2);color:#fff}
.radar-menu .toggles button.active{background:rgba(124,92,255,.16);border-color:var(--accent);color:#fff}
.radar-menu .addpin.active{border-style:solid;border-color:var(--accent);color:#fff;background:rgba(124,92,255,.14)}
.radar-menu .lfollow{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--dim);cursor:pointer}
.radar-menu .entityopts{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}
.radar-menu .entityopts label{font-size:10.5px;color:var(--dim);display:flex;align-items:center;gap:5px;cursor:pointer}
.radar-menu .lfollow input[type="checkbox"],.radar-menu .entityopts input[type="checkbox"]{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:30px;height:17px;margin:0; border:1px solid #353a48;border-radius:999px;background:#20232c;cursor:pointer; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.radar-menu .lfollow input[type="checkbox"]::before,.radar-menu .entityopts input[type="checkbox"]::before{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%; background:#858b9b;box-shadow:0 1px 3px rgba(0,0,0,.45);transition:transform .18s ease,background .18s ease}
.radar-menu .lfollow input[type="checkbox"]:checked,.radar-menu .entityopts input[type="checkbox"]:checked{background:color-mix(in srgb,var(--accent) 62%,#20232c);border-color:var(--accent)}
.radar-menu .lfollow input[type="checkbox"]:checked::before,.radar-menu .entityopts input[type="checkbox"]:checked::before{transform:translateX(13px);background:#fff}
.radar-menu .lfollow input[type="checkbox"]:focus-visible,.radar-menu .entityopts input[type="checkbox"]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
.radar-menu .lfollow:has(input:checked),.radar-menu .entityopts label:has(input:checked){color:var(--text)}
.radar-menu .iconsizes{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:grid;gap:6px}
.radar-menu .iconsizes label{display:grid;grid-template-columns:86px 1fr 28px;align-items:center;gap:7px;font-size:10.5px;color:var(--dim)}
.radar-menu .iconsizes input[type="range"]{width:100%;accent-color:var(--accent)}
.radar-menu .iconsizes output{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.radar-menu #cv.dragging{cursor:grabbing}
.radar-menu{--menu-purple:#4b347d;--accent:#6d4ab8;--accent2:#815dcc;--text:#f2eff7;--dim:#9a96a5;--dim2:#6f6b79; position:absolute;z-index:30;left:14px;top:14px;width:min(700px,calc(100% - 28px));height:min(575px,calc(100% - 28px));color:#f0edf4; border:1px solid #25273a;border-radius:11px;background:rgba(17,17,23,.99); box-shadow:0 18px 45px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.025); backdrop-filter:blur(10px);overflow:hidden;user-select:none}
.radar-menu::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#1c0151;z-index:2}
.radar-menu-head{height:58px;display:flex;align-items:center;gap:10px;padding:0 13px 0 17px; background:#15151e;border-bottom:1px solid #272737;cursor:move;touch-action:none}
.radar-menu-head .mark{width:11px;height:11px;border:2px solid var(--accent);transform:rotate(45deg); box-shadow:0 0 10px rgba(166,75,212,.75),inset 0 0 5px rgba(166,75,212,.45)}
.radar-menu-head .title{flex:1;font:800 12px/1 "Segoe UI",sans-serif;letter-spacing:1.15px;color:#f8f6fa}
.radar-menu-head .title::after{content:" UI";color:var(--accent2)}
.radar-menu-head .sub{font:700 8px/1 "Segoe UI",sans-serif;letter-spacing:1px;color:#8f899d}
.radar-menu-head button{width:29px;height:27px;padding:0;border:1px solid #343444;border-radius:4px; background:#111118;color:#d4d0dc;font:700 14px/1 monospace;cursor:pointer}
.radar-menu-head button:hover{border-color:var(--accent);color:#fff}
.radar-menu-head button.active{border-color:#b767dd;color:#fff;background:#1c0151;box-shadow:0 0 10px rgba(153,80,187,.35)}
.radar-menu-body{height:calc(100% - 58px);box-sizing:border-box;overflow:hidden;padding:12px 14px 14px; display:flex;flex-direction:column;background:#111117}
.radar-menu-body::-webkit-scrollbar{width:5px}
.radar-menu-body::-webkit-scrollbar-track{background:#101016}
.radar-menu-body::-webkit-scrollbar-thumb{background:#3f226e;border-radius:8px}
.radar-menu-body::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.radar-menu.collapsed .radar-menu-body{display:none}
.radar-menu.collapsed{height:58px}
.radar-menu .radar-section{min-width:0;min-height:0;display:flex;flex-direction:column;margin:0;padding:7px; border:1px solid #252737;border-radius:10px;background:linear-gradient(145deg,#202230 0%,#1b1d28 100%); box-shadow:inset 0 1px rgba(255,255,255,.025),0 6px 16px rgba(0,0,0,.16)}
.radar-menu .radar-section:last-child{margin-bottom:0}
.radar-menu .radar-section-title{display:flex;align-items:center;height:24px;padding:0 3px;border:0;background:transparent; color:#9a58bd;font-size:10px;font-weight:800;letter-spacing:.3px}
.radar-menu .radar-section-content{flex:1;min-height:0;overflow:auto;padding:7px;border:1px solid #2b2c38;border-radius:7px;background:#15151c}
.radar-menu .entityopts{flex:1;margin:0;padding:7px;border:1px solid #2b2c38;border-radius:7px;background:#15151c; gap:7px;align-content:start;grid-auto-rows:min-content}
.radar-menu .entityopts label{min-height:34px;padding:6px 8px;border:1px solid #2c2d35;border-radius:6px; background:linear-gradient(180deg,#151515,#111112);box-shadow:inset 0 1px rgba(255,255,255,.025);font-size:10.5px}
.radar-menu .entityopts input[type="checkbox"]{order:2;margin-left:auto}
.radar-menu .iconsizes{flex:1;margin:0;padding:7px;border:1px solid #2b2c38;border-radius:7px;background:#15151c; gap:7px;align-content:start;grid-auto-rows:min-content}
.radar-menu .iconsizes label{min-height:34px;padding:5px 8px;border:1px solid #2c2d35;border-radius:6px; background:linear-gradient(180deg,#151515,#111112);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.radar-menu .iconsizes label{grid-template-columns:74px 25px minmax(0,1fr);font-size:10px}
.radar-menu .iconsizes input[type="range"]{order:3}
.radar-menu .iconsizes output{order:2;text-align:right}
.radar-menu [data-radar-panel="world"] .iconsizes{overflow:hidden;padding:3px;gap:4px}
.radar-menu [data-radar-panel="world"] .iconsizes label{min-height:30px;padding:3px 7px}
.radar-menu .lfollow{margin:0;font-size:10.5px}
.radar-menu.dragging{opacity:.94;box-shadow:0 18px 44px rgba(0,0,0,.7),0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}
.radar-menu .radar-quick{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:11px 12px; border:1px solid #252630;border-radius:7px;background:#181923}
.radar-menu .radar-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 -14px 11px; flex:0 0 auto;padding:0;border:0;border-bottom:1px solid #1c0151;border-radius:0;background:#101016}
.radar-menu .radar-tab{width:100%;height:46px;border:0;border-right:1px solid #262633;border-radius:0;background:#111117;color:#c8c4cf;cursor:pointer; font:800 9px/1 "Segoe UI",sans-serif;letter-spacing:.8px;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.radar-menu .radar-tab:last-child{border-right:0}
.radar-menu .radar-tab:hover{color:#fff;background:#24222d}
.radar-menu .radar-tab.active{color:#fff;background:#9950bb;box-shadow:inset 0 -2px #c477df}
.radar-menu .radar-tab-panel{display:none}
.radar-menu .radar-tab-panel.active{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(min-content,1fr);gap:12px;align-items:stretch;animation:radarTabSlide .18s ease-out}
.radar-menu [data-radar-panel="aimbot"] .radar-section[data-slot="aimbot"]{grid-column:1;grid-row:1}
.radar-menu [data-radar-panel="aimbot"] .aim-target-preview{grid-column:2;grid-row:1/span 2}
.radar-menu .radar-tab-panel .entityopts{grid-template-columns:1fr 1fr}
/* Uma coluna: com dois controles por linha o rotulo fica espremido e o
   interruptor encosta no vizinho. ITEMS entrou junto pelo mesmo motivo. */
.radar-menu [data-radar-panel="enemies"] .entityopts,
.radar-menu [data-radar-panel="allies"] .entityopts,
.radar-menu [data-radar-panel="items"] .entityopts,
.radar-menu [data-radar-panel="world"] .entityopts{grid-template-columns:1fr}
.radar-menu .control-range{display:grid;grid-template-columns:82px 52px minmax(0,1fr);align-items:center;gap:8px;color:var(--dim);font-size:10px}
.radar-menu .radar-section-content>.control-range,.radar-menu .radar-section-content>.control-select,.radar-menu .radar-section-content>.control-color{min-height:38px;box-sizing:border-box;margin:0 0 6px;padding:6px 8px;border:1px solid #2c2d35;border-radius:6px; background:linear-gradient(180deg,#151515,#111112);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.radar-menu .radar-section-content>:last-child{margin-bottom:0}
.radar-menu .control-range input{order:3;width:100%;accent-color:var(--accent)}
.radar-menu .control-range output{order:2;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.radar-menu .control-color{display:grid;grid-template-columns:92px 38px 1fr;align-items:center;gap:8px;margin-top:11px; padding-top:11px;border-top:1px solid #302537;color:var(--dim);font-size:10px}
.radar-menu .control-color input[type="color"]{width:38px;height:23px;padding:2px;border:1px solid #4a3657;border-radius:4px; background:#09090d;cursor:pointer}
.radar-menu .control-color input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.radar-menu .control-color input[type="color"]::-webkit-color-swatch{border:0;border-radius:2px}
.radar-menu .control-color output{text-align:right;color:#aeb5c5;font:600 9px/1 monospace;text-transform:uppercase}
.radar-menu .control-select{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;margin-top:11px; color:var(--dim);font-size:10px}
.radar-menu .control-select:first-child{margin-top:0}
.radar-menu .control-select select,.radar-menu .keybind-control{min-width:0;width:100%;height:31px;padding:0 9px;border:1px solid #302b39; border-radius:4px;background:#2e2e3b;color:#e9e4ed;font:600 10px/1 "Segoe UI",sans-serif;outline:none}
.radar-menu .control-select select:focus,.radar-menu .keybind-control:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(166,75,212,.16)}
.radar-menu .keybind-control{cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radar-menu .keybind-control.capturing{border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px rgba(166,75,212,.18)}
.radar-menu{width:min(860px,calc(100% - 20px));height:min(540px,calc(100% - 20px)); border-color:#34343f;border-radius:18px;background:#181822; box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 0 1px rgba(109,74,184,.12)}
.radar-menu::before{height:1px;background:linear-gradient(90deg,transparent,#6d4ab8 30%,#4b347d 70%,transparent)}
.radar-menu-head{height:54px;padding:0 14px 0 18px;background:#171720;border-bottom:1px solid #2c2c3a}
.radar-menu-head .mark{width:13px;height:13px;border-radius:50%;border:0;transform:none; background:radial-gradient(circle at 35% 35%,#a879ff,#6b3acf 45%,#1c0151 75%); box-shadow:0 0 14px rgba(128,79,232,.65)}
.radar-menu-head .title{font-size:11px;letter-spacing:1px}
.radar-menu-head .title::after{content:" / CONTROL";color:#7953d7}
.radar-menu-head button{border-color:#343444;background:#20202b}
.radar-menu-body{height:100%;padding:0;display:grid; grid-template-columns:170px minmax(0,1fr);grid-template-rows:54px minmax(0,1fr);background:#1a1a24}
.radar-menu.collapsed{height:54px}
.radar-menu .radar-tabs{grid-column:1;grid-row:1/3;min-width:0;margin:0;padding:16px 10px 12px; display:flex;flex-direction:column;gap:5px;border:0;border-right:1px solid #34343f;background:#15151f}
.radar-menu .radar-tabs::before{content:"PROJECT\A RADAR";white-space:pre;display:block;height:82px;padding:9px 12px 0 52px; box-sizing:border-box;color:#fff;font:900 13px/1.05 "Segoe UI",sans-serif;letter-spacing:.9px; background:radial-gradient(circle at 25px 23px,transparent 0 6px,#6d4ab8 7px 8px,transparent 9px), radial-gradient(circle at 25px 23px,#30254a 0 15px,transparent 16px)}
.radar-menu .radar-tab{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;height:40px; padding:0 12px;border:0;border-radius:8px;background:transparent;color:#858191;text-align:left;font-size:9px;letter-spacing:.65px}
.radar-menu .radar-tab::before{width:17px;color:#716d7d;font:700 16px/1 "Segoe UI Symbol",sans-serif;text-align:center}
.radar-menu .radar-tab[data-radar-tab="enemies"]::before{content:"◉"}
.radar-menu .radar-tab[data-radar-tab="allies"]::before{content:"◇"}
.radar-menu .radar-tab[data-radar-tab="items"]::before{content:"❖"}
.radar-menu .radar-tab[data-radar-tab="world"]::before{content:"⌖"}
.radar-menu .radar-tab[data-radar-tab="aimbot"]::before{content:"⊕"}
.radar-menu .radar-tab[data-radar-tab="utils"]::before{content:"⚙"}
.radar-menu .radar-tab:hover{color:#e8e4ef;background:#20202b}
.radar-menu .radar-tab.active{color:#fff;background:#2a2a37;box-shadow:inset 3px 0 #6d4ab8}
.radar-menu .radar-tab.active::before{color:#815dcc}
.radar-menu .radar-quick{grid-column:2;grid-row:1;margin:0;padding:10px 12px;display:flex;align-items:center;justify-content:flex-end;gap:8px; border:0;border-bottom:1px solid #34343f;border-radius:0;background:#1a1a24;cursor:move;touch-action:none}
.radar-menu .radar-quick::before{content:"VISUALS › RADAR";margin-right:auto;color:#9b96a6;font:700 9px/1 "Segoe UI",sans-serif;letter-spacing:.7px}
.radar-menu .radar-quick .lfollow{min-width:128px;height:34px;padding:0 10px;display:flex;align-items:center;border:1px solid #333342; border-radius:9px;background:#262632;cursor:pointer}
.radar-menu .radar-window-actions{display:flex;align-items:center;gap:6px}
.radar-menu .radar-window-actions button{width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid #343444; border-radius:7px;background:#262632;color:#d4d0dc;font:700 14px/1 monospace;cursor:pointer}
.radar-menu .radar-window-actions button:hover{border-color:#6d4ab8;color:#fff;background:#2a2a37}
.radar-menu .radar-window-actions button.active{border-color:#815dcc;color:#fff;background:#4b347d;box-shadow:0 0 10px rgba(109,74,184,.35)}
.radar-menu.collapsed .radar-menu-body{height:54px;display:grid;grid-template-columns:1fr;grid-template-rows:54px}
.radar-menu.collapsed .radar-quick{grid-column:1;grid-row:1;border-bottom:0}
.radar-menu.collapsed .radar-quick::before{content:"PUBG RADAR"}
.radar-menu.collapsed .radar-tabs,.radar-menu.collapsed .radar-tab-panel{display:none}
.radar-menu .radar-tab-panel.active{grid-column:2;grid-row:2;min-width:0;min-height:0;padding:10px 12px 12px;overflow:auto; display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(min-content,1fr);gap:12px;background:#1a1a24}
.radar-menu .radar-section{padding:9px;border-color:#34343f;border-radius:12px;background:#262632; box-shadow:none}
.radar-menu .radar-section-title{height:25px;padding:0 2px;color:#815dcc;font-size:10px}
.radar-menu .radar-section-content,.radar-menu .entityopts,.radar-menu .iconsizes{padding:6px;border:0;background:transparent}
.radar-menu .entityopts label,.radar-menu .iconsizes label,.radar-menu .radar-section-content>.control-range,.radar-menu .radar-section-content>.control-select,.radar-menu .radar-section-content>.control-color{min-height:38px;border-color:#34343f;border-radius:8px;background:#1a1a24; box-shadow:inset 0 1px rgba(255,255,255,.02)}
.radar-menu .entityopts label:has(input:checked){border-color:#554276;background:#1e1c29}
.radar-menu .aimbot-toggle-grid{flex:0 0 auto;padding:0;border:0;background:transparent}
.radar-menu .aimbot-key-grid .control-select{min-height:38px;box-sizing:border-box;margin:0;padding:6px 8px; border:1px solid #34343f;border-radius:8px;background:#1a1a24;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.radar-menu .aimsettings{display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:6px}
/* Piso de 34px e sem encolher.

   Era `flex:1 1 0; min-height:0`: as reguas dividiam a altura que sobrasse e
   podiam ser espremidas ate' sumir. Funcionava enquanto a aba tinha duas
   linhas; com a terceira (RCS), Forca/Horizontal/Vertical viraram um bloco
   colado e cortado no pe' do painel. Agora cada regua tem a altura dela e a
   seccao cresce com o conteudo. */
.radar-menu .aimsettings>.control-range{flex:0 0 auto;min-height:34px;max-height:52px;margin-bottom:0;padding:0 9px;align-items:center}
/* Linhas pelo CONTEUDO, nao divididas por igual.

   `grid-template-rows:auto minmax(0,1fr)` deixava a segunda linha encolher ate'
   zero e, com a chegada da terceira, o `1fr` do `grid-auto-rows` espremia todo
   mundo para caber na altura fixa do painel. Com `min-content` cada seccao fica
   do tamanho que precisa e o painel rola — que e' o mesmo tratamento que WORLD
   e UTILS ja' tinham. */
.radar-menu [data-radar-panel="aimbot"].active{grid-template-columns:minmax(330px,1.05fr) minmax(275px,.95fr); grid-template-rows:none;grid-auto-rows:min-content;align-content:start}
/* Colocacao por `data-slot`, nao por indice. A seccao "Aviso" e' condicional e
   o aviso de somente-leitura tambem era filho daqui: com qualquer um dos dois
   na tela, todo `nth-child` andava um e a aba se embaralhava — medido, os
   interruptores do aimbot perdiam 100px e ganhavam rolagem. */
.radar-menu [data-radar-panel="aimbot"] .radar-section[data-slot="aimbot"]{grid-column:1;grid-row:1}
.radar-menu [data-radar-panel="aimbot"] .radar-section[data-slot="aimmira"]{grid-column:1;grid-row:2}
/* RCS e Prediction dividem a linha de baixo, uma coluna cada: as reguas ficam
   com a mesma largura das de "Ajustes de mira" logo acima, e a aba nao cresce
   uma linha inteira so' para dois controles. */
.radar-menu [data-radar-panel="aimbot"] .radar-section[data-slot="rcs"]{grid-column:1;grid-row:3}
.radar-menu [data-radar-panel="aimbot"] .radar-section[data-slot="prediction"]{grid-column:2;grid-row:3}
/* `grid-template-rows:minmax(0,1fr)` fixava UMA linha ocupando o painel
   inteiro — escrito quando UTILS tinha uma seccao so'. Com duas, o Zoom
   esticava para 309px por causa de dois atalhos de tecla. */
.radar-menu [data-radar-panel="utils"].active{grid-template-columns:minmax(0,1fr);grid-template-rows:none;align-content:start}
/* Prendia TODA seccao de UTILS em `grid-row:1` — escrito quando a aba tinha
   uma seccao so'. Com duas, a segunda era desenhada por cima da primeira e o
   Zoom simplesmente sumia. Sem a colocacao fixa elas empilham sozinhas. */
.radar-menu [data-radar-panel="utils"] .radar-section{min-width:0;min-height:0}
.radar-menu [data-radar-panel="utils"] .radar-section-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;align-content:start}
/* Exportar/Importar/Restaurar atravessam as DUAS colunas da seccao. Numa coluna
   so' sobram ~141px para tres botoes (47 cada) e "Restaurar" nao cabe; com as
   duas sao ~300px, e os tres ficam lado a lado com folga. */
.radar-menu [data-radar-panel="utils"] .radar-section-content > .radar-cfgio{grid-column:1 / -1}
.radar-menu [data-radar-panel="utils"] .control-select{margin:0;grid-template-columns:92px minmax(0,1fr)}
.radar-menu .aim-target-zone.active .aim-hit{fill:#55edb1;stroke:#fff;filter:drop-shadow(0 0 6px #55edb1)}
.radar-menu .aim-target-zone.active .aim-pulse{opacity:.9;animation:aimPulse 1.3s ease-out infinite}
.radar-menu{--accent:#7965ff;--accent2:#927fff;--text:#f2eff7;--dim:#9b97a7;--dim2:#706c7b; background:#181822!important;border-color:#34343f!important}
.radar-menu::before{background:#34343f!important}
.radar-menu-body,.radar-menu .radar-quick,.radar-menu .radar-tab-panel.active{background:#1a1a24!important}
.radar-menu .radar-tabs{background:#15151f!important;border-right-color:#34343f!important}
.radar-menu .radar-tabs::before{background:radial-gradient(circle at 25px 23px,transparent 0 6px,#7965ff 7px 8px,transparent 9px), radial-gradient(circle at 25px 23px,#30254a 0 15px,transparent 16px)!important}
.radar-menu .radar-tab{color:#858190!important}
.radar-menu .radar-tab:hover{color:#f2eff7!important;background:#242430!important}
.radar-menu .radar-tab.active{color:#fff!important;background:#2a2a37!important;box-shadow:inset 3px 0 #7965ff!important}
.radar-menu .radar-tab.active::before{color:#7965ff!important}
.radar-menu .radar-quick{border-bottom-color:#34343f!important}
.radar-menu .radar-quick .lfollow,.radar-menu .radar-window-actions button{background:#2a2a37!important;border-color:#3b3b48!important}
.radar-menu .radar-window-actions button:hover{background:#2e2e3b!important;border-color:#7965ff!important}
.radar-menu .radar-window-actions button.active{background:#6b49b6!important;border-color:#927fff!important}
.radar-menu .radar-section,.radar-menu .aim-target-preview{background:#262632!important;border-color:#34343f!important}
.radar-menu .radar-section-title,.radar-menu .aim-target-head{color:#d7d3df!important}
.radar-menu .entityopts label,.radar-menu .iconsizes label,.radar-menu .radar-section-content>.control-range,.radar-menu .radar-section-content>.control-select,.radar-menu .radar-section-content>.control-color,.radar-menu .aimbot-key-grid .control-select,.radar-menu .aim-target-status{background:#262632!important;border-color:#3a3a46!important}
.radar-menu .entityopts label{color:#8f8b99!important;background:#20202a!important;border-color:#34343f!important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.radar-menu .entityopts label:has(input:checked){color:#fff!important;background:linear-gradient(90deg,rgba(115,78,194,.24) 0%,#2e2e3b 54%,#292936 100%)!important; border-color:#6d4ab8!important;box-shadow:inset 3px 0 #7965ff,0 0 12px rgba(109,74,184,.12)!important}
.radar-menu .control-select select,.radar-menu .keybind-control{background:#2e2e3b!important;border-color:#34343f!important}
.radar-menu input[type="range"]{appearance:none!important;-webkit-appearance:none!important;height:6px;border:0;border-radius:999px;outline:none; background:linear-gradient(90deg,#734ec2 0%,#4b3380 var(--range-progress,50%),#3a3a4a var(--range-progress,50%),#3a3a4a 100%)!important}
.radar-menu input[type="range"]::-webkit-slider-runnable-track{height:6px;border:0;border-radius:999px;background:transparent}
.radar-menu input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid #6d4ab8;border-radius:50%; background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.15);cursor:pointer}
.radar-menu input[type="range"]::-moz-range-track{height:6px;border:0;border-radius:999px;background:#3a3a4a}
.radar-menu input[type="range"]::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,#734ec2,#4b3380)}
.radar-menu input[type="range"]::-moz-range-thumb{width:15px;height:15px;border:2px solid #6d4ab8;border-radius:50%;background:#fff;cursor:pointer}
.radar-menu .lfollow input[type="checkbox"],.radar-menu .entityopts input[type="checkbox"]{background:#3a3a4a!important;border-color:#4a4a58!important;box-shadow:none!important}
.radar-menu .lfollow input[type="checkbox"]:checked,.radar-menu .entityopts input[type="checkbox"]:checked{background:linear-gradient(90deg,#865ce2 0%,#593595 100%)!important;border-color:#8b62dd!important; box-shadow:0 0 10px rgba(121,101,255,.3)!important}
.radar-menu .lfollow input[type="checkbox"]:checked::before,.radar-menu .entityopts input[type="checkbox"]:checked::before{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.55)!important}
.radar-menu .lfollow:has(input:checked){background:linear-gradient(90deg,rgba(115,78,194,.18),#2a2a37)!important; border-color:#57576c!important;color:#fff!important}
.radar-menu,.radar-menu button,.radar-menu label,.radar-menu input,.radar-menu select,.radar-menu output,.radar-menu .radar-section-title,.radar-menu .aim-target-head,.radar-menu .aim-target-status,.radar-menu .radar-quick::before,.radar-menu .radar-tabs::before{font-family:"Poppins","Segoe UI",sans-serif!important}
.radar-menu .radar-tab{font-weight:600!important;letter-spacing:.25px!important}
.radar-menu .radar-section-title,.radar-menu .aim-target-head{font-weight:600!important;letter-spacing:.1px!important}
.radar-menu label,.radar-menu select,.radar-menu output{font-weight:400!important;letter-spacing:0!important}

/* --- painel ALVO/HITBOX (boneco clicavel) --- */
.radar-menu .control-select select,.radar-menu .keybind-control{min-width:0;width:100%;height:31px;padding:0 9px;border:1px solid #302b39; border-radius:4px;background:#2e2e3b;color:#e9e4ed;font:600 10px/1 "Segoe UI",sans-serif;outline:none}
.radar-menu .control-select select:focus,.radar-menu .keybind-control:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(166,75,212,.16)}
.radar-menu .keybind-control{cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radar-menu .keybind-control.capturing{border-color:var(--accent);color:#fff;box-shadow:0 0 0 2px rgba(166,75,212,.18)}
.radar-menu .aimbot-key-grid{display:grid;grid-template-columns:1fr;gap:6px}
.radar-menu .aimbot-key-grid .control-select{min-height:38px;box-sizing:border-box;margin:0;padding:6px 8px; border:1px solid #34343f;border-radius:8px;background:#1a1a24;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.radar-menu .aim-target-preview{grid-column:2;grid-row:1/3;min-width:0;min-height:0;padding:10px;border:1px solid #34343f; border-radius:12px;background:#262632;display:flex;flex-direction:column}
.radar-menu .aim-target-head{height:27px;padding:0 2px;display:flex;align-items:center;justify-content:space-between; color:#815dcc;font-size:10px;font-weight:800}
.radar-menu .aim-target-head small{color:#716d7d;font-size:8px;letter-spacing:.6px}
.radar-menu .aim-target-stage{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #353548;border-radius:9px; background:radial-gradient(circle at 50% 42%,rgba(109,74,184,.14),transparent 43%),#1a1a24}
.radar-menu .aim-target-svg{width:100%;height:100%;display:block}
.radar-menu .aim-target-silhouette{fill:#292d35;stroke:#777488;stroke-width:2}
.radar-menu .aim-target-bone{fill:none;stroke:#815dcc;stroke-width:2.4;stroke-linecap:round;opacity:.78}
.radar-menu .aim-target-zone{cursor:pointer;outline:none}
.radar-menu .aim-target-zone .aim-hit{fill:#f4f0ff;stroke:#6d4ab8;stroke-width:4;transition:.16s}
.radar-menu .aim-target-zone .aim-pulse{fill:none;stroke:#6d4ab8;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.radar-menu .aim-target-zone:hover .aim-hit,.radar-menu .aim-target-zone:focus .aim-hit{fill:#9f7af3;stroke:#fff}
.radar-menu .aim-target-zone.active .aim-hit{fill:#55edb1;stroke:#fff;filter:drop-shadow(0 0 6px #55edb1)}
.radar-menu .aim-target-zone.active .aim-pulse{opacity:.9;animation:aimPulse 1.3s ease-out infinite}
.radar-menu .aim-target-status{height:36px;margin-top:8px;padding:0 10px;display:flex;align-items:center;justify-content:space-between; border:1px solid #34343f;border-radius:8px;background:#1a1a24;color:#908b9b;font-size:9px}
.radar-menu .aim-target-status b{color:#63e5b4;font-size:10px;text-transform:uppercase}
.radar-menu .radar-section,.radar-menu .aim-target-preview{background:#262632!important;border-color:#34343f!important}
.radar-menu .radar-section-title,.radar-menu .aim-target-head{color:#d7d3df!important}
.radar-menu .entityopts label,.radar-menu .iconsizes label,.radar-menu .radar-section-content>.control-range,.radar-menu .radar-section-content>.control-select,.radar-menu .radar-section-content>.control-color,.radar-menu .aimbot-key-grid .control-select,.radar-menu .aim-target-status{background:#262632!important;border-color:#3a3a46!important}
.radar-menu .control-select select,.radar-menu .keybind-control{background:#2e2e3b!important;border-color:#34343f!important}
.radar-menu .aim-target-stage{background:radial-gradient(circle at 50% 42%,rgba(121,101,255,.15),transparent 43%),#1a1a24!important}
.radar-menu .aim-target-bone{stroke:#7965ff!important}
.radar-menu .aim-target-zone .aim-hit,.radar-menu .aim-target-zone .aim-pulse{stroke:#7965ff!important}
.radar-menu,.radar-menu button,.radar-menu label,.radar-menu input,.radar-menu select,.radar-menu output,.radar-menu .radar-section-title,.radar-menu .aim-target-head,.radar-menu .aim-target-status,.radar-menu .radar-quick::before,.radar-menu .radar-tabs::before{font-family:"Poppins","Segoe UI",sans-serif!important}
.radar-menu .radar-section-title,.radar-menu .aim-target-head{font-weight:600!important;letter-spacing:.1px!important}

.radar-menu .aimbot-socket-content{display:flex;flex-direction:column;gap:6px;overflow:auto}
.radar-menu .aimbot-toggle-grid{flex:0 0 auto;padding:0;border:0;background:transparent}

/* --- Tamanho dos icones: 5 reguas numa secao de altura fixa.
       O original usa overflow:hidden, que CORTA a ultima ("Aviao"). Aqui as
       linhas ficam mais baixas e o bloco rola se ainda faltar espaco — some o
       corte sem mudar o visual das outras abas. --- */
.radar-menu [data-radar-panel="world"] .iconsizes{overflow-y:auto;padding:3px;gap:3px}
.radar-menu [data-radar-panel="world"] .iconsizes label{min-height:26px;padding:2px 7px}
.radar-menu [data-radar-panel="world"] .iconsizes .control-range{grid-template-columns:62px 34px minmax(0,1fr);gap:6px}

/* --- Secoes com muitos controles numa altura fixa.
       Todas as secoes da aba tem a mesma altura (grid-auto-rows: 1fr), entao
       as que tem mais itens estouram e ganham scroll. Comprimir a linha e o
       espacamento faz caber sem rolagem, mantendo a aparencia. --- */
/* Aqui havia uma regra comprimindo SO' o primeiro bloco do WORLD (linha de
   28px contra 38px, fonte 10 contra 10.5). Fazia sentido quando ele era o unico
   com seis interruptores em duas colunas; agora que todas as abas sao lista
   unica, ele era o unico fora do padrao. */

/* --- Logotipo no topo da trilha de abas, no lugar do texto do ::before.
       O tamanho segue a altura que o pseudo-elemento ocupava (54px), para a
       primeira aba continuar comecando na mesma posicao. --- */
.radar-menu .radar-tabs--logo::before{content:none}
.radar-menu .radar-brand-logo{display:block;width:100%;max-width:none;height:84px;object-fit:contain;object-position:center;margin:0 auto 10px;padding:0;box-sizing:border-box}
.radar-menu .radar-tab-panel .lines-toggle{grid-template-columns:1fr;margin:0 0 7px;padding:0;border:0;background:transparent}
.radar-menu .radar-tab-panel .lines-toggle label{width:100%}
/* Era `nth-child(3)` mirando "Avisos proximos". A seccao mudou de aba e o
   indice passou a pegar outra — por isso agora vai por `data-slot`. */
.radar-menu [data-radar-panel="utils"] .radar-section-content.entityopts{grid-template-columns:1fr;align-content:start}
.radar-menu .radar-window-actions button.is-on{color:#fff;background:linear-gradient(180deg,#7a55d6,#5a3aa8);border-color:#8b62dd;box-shadow:0 0 10px rgba(121,101,255,.35)}
.radar-menu-dock{left:16px;bottom:156px;z-index:31;display:flex;flex-direction:column;padding:5px;pointer-events:auto}
.radar-menu-dock button{width:38px;height:38px;padding:0;margin:0;float:none;border:none;border-radius:8px;background:none;font-size:18px;line-height:1;display:grid;place-items:center;color:var(--r-text);cursor:pointer}
.radar-menu-dock button:hover{background:var(--r-panel2)}

/* Aviso do menu (falha do Picture-in-Picture, por exemplo). Tem botao de
   fechar: o estado so' era limpo na proxima tentativa de abrir o PiP, entao um
   erro isolado ficava ocupando uma coluna do menu indefinidamente.
   `.pm-label` que estava aqui nao existe neste CSS — e' classe do checkout, e o
   texto saia sem estilo nenhum. */
.radar-menu .aviso-box{ display:flex; flex-direction:column; align-items:flex-start; gap:11px; }
.radar-menu .aviso-box p{ margin:0; font-size:12.5px; line-height:1.5; color:#c9ccd6; }
.radar-menu .aviso-box button{ padding:6px 13px; border-radius:8px; font-size:11.5px; font-weight:700;
  letter-spacing:.03em; background:#242a38; border:1px solid rgba(255,255,255,.12); color:#e9ebf0; }
.radar-menu .aviso-box button:hover{ background:#2e3546; }

/* Grade das abas de entidade.

   Um assunto por caixa (Visual / Cores / Linha de mira / Lines): dentro de um
   "Visual" unico eram dez controles e a caixa passava a rolar por dentro.

   Com quatro seccoes o 2x2 se equilibra sozinho, entao NAO ha' colocacao
   explicita aqui. Qualquer posicao fixa volta a quebrar assim que uma seccao
   entra ou sai — foi o que aconteceu duas vezes neste arquivo.

   `min-content` nas linhas (em vez de 1fr) deixa cada caixa do tamanho do que
   tem dentro; `align-content:start` impede a grade de distribuir a sobra. */
.radar-menu .radar-tab-panel[data-radar-panel="enemies"],
.radar-menu .radar-tab-panel[data-radar-panel="allies"],
.radar-menu .radar-tab-panel[data-radar-panel="items"],
.radar-menu .radar-tab-panel[data-radar-panel="world"]{ grid-auto-rows:min-content; align-content:start; }
/* Aviso: faixa inteira, sem empurrar os controles de lugar. */
.radar-menu .radar-tab-panel[data-radar-panel="enemies"] .radar-section[data-slot="aviso"],
.radar-menu .radar-tab-panel[data-radar-panel="allies"]  .radar-section[data-slot="aviso"]{ grid-column:1/-1; }



/* UTILS numa coluna so': Zoom em cima e Avisos proximos logo abaixo dele, um
   embaixo do outro. Sao duas seccoes curtas — lado a lado sobrava metade da
   largura vazia e as teclas de zoom ficavam espremidas. */
.radar-menu .radar-tab-panel[data-radar-panel="utils"]{ grid-template-columns:1fr; grid-auto-rows:min-content; align-content:start; }

/* Nada de compactar para fugir da rolagem: espremer os controles para ganhar
   50px deixou tudo apertado e mais dificil de ler. O painel rola, e cada
   controle mantem o tamanho confortavel. */

/* WORLD: o "Visual" tem sete interruptores e e' bem mais alto que "Cores", que
   tem um controle so'. Em fluxo automatico os dois dividem a mesma linha, e a
   caixa de Cores estica ate' a altura do Visual — aquele vazio enorme.

   Colocando "Cores" e "Lines" empilhados na coluna da direita, os dois juntos
   ocupam a altura do Visual e o espaco morto some. Airdrop e Tamanho seguem em
   fluxo automatico na linha de baixo.

   Por `data-slot` e nao por indice: a aba ja' ganhou e perdeu seccoes duas
   vezes, e todo `nth-child` daqui quebrou junto. */
.radar-menu .radar-tab-panel[data-radar-panel="world"] .radar-section[data-slot="visual"]{ grid-column:1; grid-row:1/span 2; }
.radar-menu .radar-tab-panel[data-radar-panel="world"] .radar-section[data-slot="cores"]{ grid-column:2; grid-row:1; }
.radar-menu .radar-tab-panel[data-radar-panel="world"] .radar-section[data-slot="lines"]{ grid-column:2; grid-row:2; }

/* Bolinha da raridade no rotulo do filtro: e' a cor que o mod manda para cada
   nivel, entao o interruptor mostra exatamente o que vai sumir do mapa. */
.radar-menu .pubg-rar{ display:inline-block; width:9px; height:9px; border-radius:50%;
  margin-right:7px; flex:0 0 9px; box-shadow:0 0 0 1px rgba(0,0,0,.5); }


/* UTILS em duas colunas, com o Zoom ocupando a largura inteira.
   As regras acima (147 e 292) prendiam a aba em UMA coluna, e as tres secoes
   ficavam empilhadas numa tira estreita com muito espaco morto a direita.
   O Zoom continua sozinho em cima porque suas duas teclas ja' preenchem a
   linha; as outras duas secoes dividem a linha de baixo. */
.radar-menu .radar-tab-panel[data-radar-panel="utils"],
.radar-menu [data-radar-panel="utils"].active{
  grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:min-content; align-content:start; }
.radar-menu [data-radar-panel="utils"] .radar-section:first-child{ grid-column:1 / -1; }
/* O conteudo do Zoom volta a duas colunas (uma tecla em cada), que e' o que a
   regra generica do utils ja' fazia antes de eu mexer na largura da aba. */
.radar-menu [data-radar-panel="utils"] .radar-section:first-child .radar-section-content{
  grid-template-columns:repeat(2,minmax(0,1fr)); }

/* A aba SONS em UMA coluna: os rotulos sao frases ("Alguem te assistindo"), e
   em duas colunas cada um quebrava em tres linhas ao lado de um interruptor de
   uma linha — a linha ficava alta e o texto ilegivel. */
.radar-menu [data-radar-panel="sounds"] .entityopts{ grid-template-columns:1fr; }
.radar-menu .radar-tab[data-radar-tab="sounds"]::before{content:"♪"}

/* --- O aviso de somente-leitura vive FORA da grade das abas. ---

   Ele era filho do painel, e um filho a mais empurra todo `nth-child` que
   posiciona as seccoes. Medido na aba AIMBOT: com o aviso, as linhas viravam
   `0px 142px 142px 142px` e o bloco de interruptores ficava com 97px para
   197px de conteudo — 100px cortados e uma rolagem no meio do painel; sem ele,
   `242px 208px` e corte zero. E como o aviso so' aparece na SEGUNDA conexao, o
   menu quebrava exatamente para quem nao podia mexer nele.

   A area e' uma coluna simples: aviso em cima, painel embaixo. O painel volta
   a ter so' seccoes dentro, e a largura inteira do aviso sai de graca. --- */
.radar-menu .radar-tab-area{grid-column:2;grid-row:2;min-width:0;min-height:0;
  display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;background:#1a1a24}
.radar-menu .radar-tab-area>.pubg-leitura{flex:0 0 auto}
/* O painel perde a colocacao propria: quem ocupa a celula agora e' a area. */
.radar-menu .radar-tab-area>.radar-tab-panel.active{grid-column:auto;grid-row:auto;
  flex:1 1 auto;padding:0;background:transparent}
.radar-menu.collapsed .radar-tab-area{display:none}

/* A secao de compartilhar atravessa as duas colunas: ela tem QR, endereco e
   tres botoes, e numa coluna de ~150px a URL quebrava letra por letra na
   vertical. */
.radar-menu [data-radar-panel="utils"] .radar-section[data-slot="compartilhar"]{ grid-column:1 / -1; }
.radar-menu .radar-tab[data-radar-tab="share"]::before{content:"⇱"}
/* A aba SHARE tem uma secao so', que precisa da largura inteira. */
.radar-menu .radar-tab-panel[data-radar-panel="share"]{ grid-template-columns:1fr;
  grid-auto-rows:min-content; align-content:start; }

/* --- O interruptor no topo das seccoes de ajuste (RCS, Prediction). ---

   `.entityopts` nasce com `flex:1` — util quando ele e' o conteudo inteiro de
   uma seccao. Dentro de `.aimsettings`, que e' uma coluna flex, isso o fazia
   engolir a altura que sobrava e empurrar as reguas para o pe' do bloco, com
   um vazio no meio. As duas seccoes tem altura da linha do vizinho maior, e
   era ali que a folga aparecia. --- */
.radar-menu .aimsettings>.entityopts{flex:0 0 auto}

/* --- "Ativar" do aimbot, maior que os outros interruptores. ---

   E' a chave que liga o recurso inteiro da aba; do tamanho dos demais ela
   somia no meio de controles que so' regulam detalhe. Cresce a linha, a fonte
   e o proprio interruptor.

   A conta do curso do botao nao e' livre: largura 42 menos as duas bordas de
   1px da 40 uteis; com a bolinha de 16 comecando em 3, ela precisa andar 18
   para parar a 3px da borda direita. Mudar a largura sem refazer isto deixa a
   bolinha fora do trilho. --- */
/* Uma coluna. A grade herda as DUAS colunas do `entityopts`, e isso valia
   quando aqui moravam Ativar, Prediction e RCS. Sozinho, o "Ativar" ficava com
   metade da largura (medido: 149 de 306 px) enquanto as teclas logo abaixo
   ocupavam a linha inteira — parecia um controle secundario, e e' o que liga o
   recurso da aba. */
/* O `.radar-tab-panel` no meio nao e' enfeite: sem ele esta regra perde para
   `.radar-menu .radar-tab-panel .entityopts{grid-template-columns:1fr 1fr}`
   (linha 75), que tem tres classes contra duas — e perde por especificidade,
   nao por ordem, entao vir depois no arquivo nao adianta. */
.radar-menu .radar-tab-panel .aimbot-toggle-grid{grid-template-columns:1fr}
.radar-menu .aimbot-toggle-grid label{min-height:46px;padding:8px 12px;font-size:12px;font-weight:600}
.radar-menu .aimbot-toggle-grid input[type="checkbox"]{width:42px;height:23px}
.radar-menu .aimbot-toggle-grid input[type="checkbox"]::before{width:16px;height:16px;left:3px;top:3px}
.radar-menu .aimbot-toggle-grid input[type="checkbox"]:checked::before{transform:translateX(18px)}